Merge pull request #4 from sigonasr2/dynamicLogo

Added random HTML picker to script influencing the design of devOsan …

additionalScripts.js

@@ -2,3 +2,26 @@ $(function(){
 	var navMain = $(".navbar-collapse");
 	navMain.on("click","a:not([data-toggle])",null,function(){navMain.collapse('hide');});
 });
+
+var vals = [
+	`<h1 class="devOsan"">
+              <span style="color: #696035;">{</span>dev<span style="color: #696035;">}</span>Osan
+            </h1>
+            <h4 class="devOsan">Software Development Club</h4>`, //Original
+	`<h1 class="devOsan" style="text-shadow: 2px 2px 6px #AAFFAA;">
+               <span style="color: #696035;">{</span>dev<span style="color: #696035;">}</span>Osan
+            </h1>	
+            <h4 class="devOsan">Software Development Club</h4>`,	//By Sig
+];
+
+var vals2 = [
+	`<span style="color: #696035">{</span>dev<span style="color: #696035">}</span>Osan`, //Original
+	`<span style="color:black;text-shadow: 0px 0px 2px #AAFFAA;"><span style="color: #696035;">{</span>dev<span style="color: #696035">}</span>Osan</span>`, //By Sig	
+];
+
+window.onload=generateLogo(Math.floor(Math.random()*vals.length));
+
+function generateLogo(numb) {
+	document.getElementById("devOsanLogo-dynamic").innerHTML=vals[numb];
+	document.getElementById("devOsanMiniLogo-dynamic").innerHTML=vals2[numb];
+}

index.html

@@ -34,7 +34,7 @@
     <!-- Header information, above the fold -->
     <div class="above-the-fold">
       <nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
-        <a class="devOsan" href="#" >
+        <a class="devOsan" href="#" id="devOsanMiniLogo-dynamic">
 			<span style="color: #696035">{</span>dev<span style="color: #696035">}</span>Osan
 		</a>
         <button
@@ -104,7 +104,7 @@
           </div>
         </div>
         <div class="row name-slogan">
-          <div class="col col-md-6 offset-md-6">
+          <div class="col col-md-6 offset-md-6" id="devOsanLogo-dynamic">
             <h1 class="devOsan">
               <span style="color: #696035">{</span>dev<span style="color: #696035">}</span>Osan
             </h1>

styles.css

@@ -58,14 +58,14 @@ h1 {
   font-size: 5em;
 }
 
-h1.devOsan{
+/*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;