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

Merge pull request #2 from sigonasr2/patch-1

Browse Source 
Add in shadowing to make devOsan title stand out and readable. Made l…
This commit is contained in:
sigonasr2 2019-05-07 12:00:34 +09:00 committed by GitHub
commit 4322815309
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 25 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
additionalScripts.js Normal file
View File

@ -0,0 +1,4 @@
$(function(){
var navMain = $(".navbar-collapse");
navMain.on("click","a:not([data-toggle])",null,function(){navMain.collapse('hide');});
});

18
index.html
View File

@ -34,11 +34,9 @@
<!-- 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="navbar-brand" href="#" <a class="devOsan" href="#" >
><span style="color: #696035">{</span>dev<span style="color: #696035" <span style="color: #696035">{</span>dev<span style="color: #696035">}</span>Osan
>}</span </a>
>Osan</a
>
<button <button
class="navbar-toggler" class="navbar-toggler"
type="button" type="button"
@ -107,13 +105,10 @@
</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">
<h1> <h1 class="devOsan">
<span style="color: #696035">{</span>dev<span <span style="color: #696035">{</span>dev<span style="color: #696035">}</span>Osan
style="color: #696035"
>}</span
>Osan
</h1> </h1>
<h4>Software Development Club</h4> <h4 class="devOsan">Software Development Club</h4>
</div> </div>
</div> </div>
</div> </div>
@ -209,5 +204,6 @@
integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"
crossorigin="anonymous" crossorigin="anonymous"
></script> ></script>
<script src="additionalScripts.js"></script>
</body> </body>
</html> </html>

15
styles.css
View File

@ -1,5 +1,5 @@
.above-the-fold { .above-the-fold {
min-height: 100vh; min-height: 95vh;
background-image: url("img/devOsan_noLogo.png"); background-image: url("img/devOsan_noLogo.png");
background-size: cover; background-size: cover;
background-repeat: no-repeat; background-repeat: no-repeat;
@ -58,6 +58,19 @@ h1 {
font-size: 5em; font-size: 5em;
} }
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;
}
h4 { h4 {
font-size: 1.8em; font-size: 1.8em;
} }