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

Merge pull request #4 from sigonasr2/dynamicLogo

Browse Source 
Added random HTML picker to script influencing the design of devOsan …
This commit is contained in:
sigonasr2 2019-05-21 17:11:34 +09:00 committed by GitHub
commit ae921f12b8
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 28 additions and 5 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");
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;