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>
<li>
<a href="#about">
<i className="fa fa-search" aria-hidden="true" /> About Me
About
</a>
</li>
<li>
<a href="#blog">
<i className="fa fa-pencil-square-o" aria-hidden="true" /> Blog
</a>
<span>/ <a href="#blog">Blog</a></span>
</li>
<li>
<span>/ <a href="#contact">Contact</a></span>
</li>
</ul>
</div>

View File

@ -1,7 +1,8 @@
@import "../static/stylesheets/variables.scss";
#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;
-moz-background-size: cover;
background-size: cover;
@ -25,6 +26,8 @@
#coverPageName a, #coverPageName a:hover {
color: $white;
text-shadow: $black 0px 0px 2px;
-webkit-font-smoothing: antialiased;
text-decoration: none;
}
@ -32,22 +35,40 @@
text-align: center;
a {
color: $white;
text-shadow: $black 0px 0px 2px;
-webkit-font-smoothing: antialiased;
display: inline-block;
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;
margin-left: 0;
padding: 10px;
li {
margin: 5px;
display: inline;
a {
color: $white;
text-decoration: none;
text-transform: uppercase;
font-size: 1.4em;
}
a:hover {
border-bottom: solid 2px $blue;
}
}
}
}