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

@@ -0,0 +1,4 @@
+$(function(){
+	var navMain = $(".navbar-collapse");
+	navMain.on("click","a:not([data-toggle])",null,function(){navMain.collapse('hide');});
+});

index.html

@@ -104,13 +104,10 @@
         </div>
         <div class="row name-slogan">
           <div class="col col-md-6 offset-md-6">
-            <h1>
+            <h1 class="devOsan">
-              <span style="color: #696035">{</span>dev<span
+              <span style="color: #696035">{</span>dev<span style="color: #696035">}</span>Osan
-                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>

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;
 }