From c4f30b9f99864a259d63d0e34a4d65cf78b773db 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           | 10 ++++------
 styles.css           | 15 ++++++++++++++-
 3 files changed, 22 insertions(+), 7 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 123ab17..2d755b7 100644
--- a/index.html
+++ b/index.html
@@ -104,13 +104,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>
@@ -206,5 +203,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 792ab04..ba18b65 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;
@@ -63,6 +63,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;
 }