From a17ed332e6f703669e86d03ce22e84290c1db5b7 Mon Sep 17 00:00:00 2001
From: Joshua Sigona <sigonasr2@gmail.com>
Date: Tue, 7 May 2019 11:56:50 +0900
Subject: [PATCH] Add in shadowing to make devOsan title stand out and
 readable. Made links stand out more with bolding and underlining. Created
 script to collapse menu. This is a fix for Issue #5

---
 additionalScripts.js |  4 ++++
 index.html           | 18 +++++++-----------
 styles.css           | 15 ++++++++++++++-
 3 files changed, 25 insertions(+), 12 deletions(-)
 create mode 100644 additionalScripts.js

diff --git a/additionalScripts.js b/additionalScripts.js
new file mode 100644
index 0000000..30a3f14
--- /dev/null
+++ b/additionalScripts.js
@@ -0,0 +1,4 @@
+$(function(){
+	var navMain = $(".navbar-collapse");
+	navMain.on("click","a:not([data-toggle])",null,function(){navMain.collapse('hide');});
+});
\ No newline at end of file
diff --git a/index.html b/index.html
index 66215a2..3ddc02c 100644
--- a/index.html
+++ b/index.html
@@ -34,11 +34,9 @@
     <!-- Header information, above the fold -->
     <div class="above-the-fold">
       <nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
-        <a class="navbar-brand" href="#"
-          ><span style="color: #696035">{</span>dev<span style="color: #696035"
-            >}</span
-          >Osan</a
-        >
+        <a class="devOsan" href="#" >
+			<span style="color: #696035">{</span>dev<span style="color: #696035">}</span>Osan
+		</a>
         <button
           class="navbar-toggler"
           type="button"
@@ -107,13 +105,10 @@
         </div>
         <div class="row name-slogan">
           <div class="col col-md-6 offset-md-6">
-            <h1>
-              <span style="color: #696035">{</span>dev<span
-                style="color: #696035"
-                >}</span
-              >Osan
+            <h1 class="devOsan">
+              <span style="color: #696035">{</span>dev<span style="color: #696035">}</span>Osan
             </h1>
-            <h4>Software Development Club</h4>
+            <h4 class="devOsan">Software Development Club</h4>
           </div>
         </div>
       </div>
@@ -209,5 +204,6 @@
       integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"
       crossorigin="anonymous"
     ></script>
+	<script src="additionalScripts.js"></script>
   </body>
 </html>
diff --git a/styles.css b/styles.css
index d85f2c4..375dd45 100644
--- a/styles.css
+++ b/styles.css
@@ -1,5 +1,5 @@
 .above-the-fold {
-  min-height: 100vh;
+  min-height: 95vh;
   background-image: url("img/devOsan_noLogo.png");
   background-size: cover;
   background-repeat: no-repeat;
@@ -58,6 +58,19 @@ h1 {
   font-size: 5em;
 }
 
+h1.devOsan{
+	text-shadow: 2px 2px 6px #AAFFAA;
+}
+
+a.devOsan{
+	text-shadow: 0px 0px 2px #AAFFAA;
+	color:black;
+}
+
+h4.devOsan{
+	text-shadow: 1px 1px 3px white;
+}
+
 h4 {
   font-size: 1.8em;
 }