Merge pull request #11 from sigonasr2/dynamicLogo-branch

Added random HTML picker script to influence the design of devOsan lo…

additionalScripts.js

@@ -1,3 +1,27 @@
+
+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];
+} 
+
 $(function(){
 	var navMain = $(".navbar-collapse");
 	navMain.on("click","a:not([data-toggle])",null,function(){navMain.collapse('hide');});

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="navbar-brand" href="#">
+        <a class="navbar-brand" href="#" id="devOsanMiniLogo-dynamic">
           <span style="color: #696035">{</span>dev<span style="color: #696035">}</span>Osan
         </a>
         <button
@@ -103,7 +103,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>
               <span style="color: #696035">{</span>dev<span
                 style="color: #696035"
@@ -226,7 +226,7 @@
       src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
       integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"
       crossorigin="anonymous"
-    ></script>
+    ></script
     <script src="additionalScripts.js"></script>
   </body>
 </html>