Merge pull request #2 from sigonasr2/patch-1

Add in shadowing to make devOsan title stand out and readable. Made l…

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

@@ -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>

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