sigonasr2/dev-osan.github.io
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
Joshua Sigona 2019-05-21 17:10:33 +09:00 committed by sigonasr2
parent 10d8be599a
commit 994e8b801e
3 changed files with 27 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
additionalScripts.js
View File

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

2
index.html
View File

@ -103,7 +103,7 @@
</div> </div>
</div> </div>
<div class="row name-slogan"> <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"> <h1 class="devOsan">
<span style="color: #696035">{</span>dev<span style="color: #696035">}</span>Osan <span style="color: #696035">{</span>dev<span style="color: #696035">}</span>Osan
</h1> </h1>

4
styles.css
View File

@ -63,14 +63,14 @@ h1 {
font-size: 5em; font-size: 5em;
} }
h1.devOsan{ /*h1.devOsan{
text-shadow: 2px 2px 6px #AAFFAA; text-shadow: 2px 2px 6px #AAFFAA;
} }
a.devOsan{ a.devOsan{
text-shadow: 0px 0px 2px #AAFFAA; text-shadow: 0px 0px 2px #AAFFAA;
color:black; color:black;
} }*/
h4.devOsan{ h4.devOsan{
text-shadow: 1px 1px 3px white; text-shadow: 1px 1px 3px white;