Rearrange home

This commit is contained in:
LordMathis 2019-10-07 22:27:52 +02:00
parent 86570bcf8a
commit ab6baca1f0
No known key found for this signature in database
GPG Key ID: 575849FD91CE470C
2 changed files with 38 additions and 16 deletions

View File

@ -40,13 +40,14 @@ export default class Home extends Component {
<ul> <ul>
<li> <li>
<a href="#about"> <a href="#about">
<i className="fa fa-search" aria-hidden="true" /> About Me About
</a> </a>
</li> </li>
<li> <li>
<a href="#blog"> <span>/ <a href="#blog">Blog</a></span>
<i className="fa fa-pencil-square-o" aria-hidden="true" /> Blog </li>
</a> <li>
<span>/ <a href="#contact">Contact</a></span>
</li> </li>
</ul> </ul>
</div> </div>

View File

@ -1,7 +1,8 @@
@import "../static/stylesheets/variables.scss"; @import "../static/stylesheets/variables.scss";
#coverPage { #coverPage {
background: linear-gradient(140deg,rgba(10, 108, 245, 0.6) 20%, rgba(0, 0, 0, 0.9)), url(../static/images/background-cover-converted.jpg) no-repeat center center fixed; background: url(../static/images/benjamin-child-6msS8vT5pzw-unsplash.jpg) no-repeat center center fixed;
-webkit-background-size: cover; -webkit-background-size: cover;
-moz-background-size: cover; -moz-background-size: cover;
background-size: cover; background-size: cover;
@ -25,6 +26,8 @@
#coverPageName a, #coverPageName a:hover { #coverPageName a, #coverPageName a:hover {
color: $white; color: $white;
text-shadow: $black 0px 0px 2px;
-webkit-font-smoothing: antialiased;
text-decoration: none; text-decoration: none;
} }
@ -32,22 +35,40 @@
text-align: center; text-align: center;
a { a {
color: $white; color: $white;
text-shadow: $black 0px 0px 2px;
-webkit-font-smoothing: antialiased;
display: inline-block; display: inline-block;
margin: 10px; margin: 10px;
} }
} }
.menuLinks ul{ .menuLinks {
position: absolute;
bottom: 0;
left: 0;
right: 0;
text-shadow: $black 0px 0px 2px;
-webkit-font-smoothing: antialiased;
ul{
list-style: none; list-style: none;
margin-left: 0; margin-left: 0;
padding: 10px; padding: 10px;
li { li {
margin: 5px; margin: 5px;
display: inline;
a { a {
color: $white; color: $white;
text-decoration: none; text-decoration: none;
text-transform: uppercase;
font-size: 1.4em; font-size: 1.4em;
} }
a:hover {
border-bottom: solid 2px $blue;
}
}
} }
} }