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

25
additionalScripts.js
View File

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

4
index.html
View File

@ -34,7 +34,7 @@
<!-- Header information, above the fold --> <!-- Header information, above the fold -->
<div class="above-the-fold"> <div class="above-the-fold">
<nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top"> <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 <span style="color: #696035">{</span>dev<span style="color: #696035">}</span>Osan
</a> </a>
<button <button
@ -104,7 +104,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

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