Added random HTML picker to script influencing the design of devOsan logo and mini logo.

linkModifications-branch
Joshua Sigona 6 years ago committed by sigonasr2
parent 10d8be599a
commit 994e8b801e
  1. 25
      additionalScripts.js
  2. 2
      index.html
  3. 4
      styles.css

@ -1,4 +1,27 @@
$(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];
}

@ -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 class="devOsan">
<span style="color: #696035">{</span>dev<span style="color: #696035">}</span>Osan
</h1>

@ -63,14 +63,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;

Loading…
Cancel
Save