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
parent 5d68802cf8
commit 2cd52587bb
3 changed files with 28 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
additionalScripts.js
View File

@ -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];
}

4
index.html
View File

@ -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>

4
styles.css
View File

@ -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;