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

Add in shadowing to make devOsan title stand out and readable.

Browse Source
This commit is contained in:
sigonasr2 2019-05-22 11:53:50 +09:00
parent 0a10fee15a
commit 6b8f562c2a
2 changed files with 16 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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="navbar-brand" href="#">
<a class="devOsan" href="#">
<span style="color: #696035">{</span>dev<span style="color: #696035">}</span>Osan
</a>
<button
@ -104,7 +104,7 @@
</div>
<div class="row name-slogan">
<div class="col col-md-6 offset-md-6">
<h1>
<h1 class="devOsan">
<span style="color: #696035">{</span>dev<span
style="color: #696035"
>}</span

15
styles.css
View File

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