From 1ec7a366d19947e79e2a44c00fadafda5e39a71f Mon Sep 17 00:00:00 2001
From: sigonasr2 <sigonasr2@gmail.com>
Date: Wed, 22 May 2019 12:02:33 +0900
Subject: [PATCH] Added random HTML picker script to influence the design of
 devOsan logo and mini logo at random.

---
 additionalScripts.js | 22 ++++++++++++++++++++++
 index.html           |  5 +++--
 2 files changed, 25 insertions(+), 2 deletions(-)
 create mode 100644 additionalScripts.js

diff --git a/additionalScripts.js b/additionalScripts.js
new file mode 100644
index 0000000..3a69739
--- /dev/null
+++ b/additionalScripts.js
@@ -0,0 +1,22 @@
+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];
+} 
\ No newline at end of file
diff --git a/index.html b/index.html
index 123ab17..da70a56 100644
--- a/index.html
+++ b/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"
@@ -206,5 +206,6 @@
       integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"
       crossorigin="anonymous"
     ></script>
+	<script src="additionalScripts.js"></script>
   </body>
 </html>