This commit is contained in:
Lorin Werthen 2016-07-05 23:57:18 +02:00
parent 2e18e46df0
commit a578cc9954
2 changed files with 39 additions and 13 deletions

View file

@ -5,9 +5,15 @@
<div class="header-top">
<img id="logo" src="https://zeus.ugent.be/wp-content/uploads/2009/05/logo-new.png" alt="" />
<div id="logos">
<a href="https://github.com/ZeusWPI" target="_blank">
<i class="logo-link fa fa-github fa-3x"></i>
</a>
<a href="https://www.facebook.com/zeus.wpi/" target="_blank">
<i class="logo-link fa fa-facebook fa-3x"></i>
</a>
<a href="#" target="_blank">
<i class="logo-link fa fa-rss fa-3x"></i>
</a>
</div>
</div>
@ -26,7 +32,7 @@
<div class="pure-g">
<div class="pure-u-1-3">
<div class="event">
<img class="pure-img" src="https://zeus.ugent.be/wp-content/uploads/2016/02/battlebots_small.jpg" alt="" />
<img class="pure-img" src="https://zeus.ugent.be/wp-content/uploads/2016/02/battlebots_small-300x212.jpg" alt="" />
</div>
</div>
<div class="pure-u-1-3">
@ -51,12 +57,12 @@
</div>
<div class="pure-u-1-3">
<div class="event">
<img class="pure-img" src="https://zeus.ugent.be/wp-content/uploads/2016/02/battlebots_small.jpg" alt="" />
<img class="pure-img" src="https://zeus.ugent.be/wp-content/uploads/2016/02/battlebots_small-300x212.jpg" alt="" />
</div>
</div>
<div class="pure-u-1-3">
<div class="event">
<img class="pure-img" src="https://zeus.ugent.be/wp-content/uploads/2016/02/battlebots_small.jpg" alt="" />
<img class="pure-img" src="https://zeus.ugent.be/wp-content/uploads/2016/02/battlebots_small-300x212.jpg" alt="" />
</div>
</div>
<div class="pure-u-1-3">
@ -81,7 +87,7 @@
</div>
<div class="pure-u-1-3">
<div class="event">
<img class="pure-img" src="https://zeus.ugent.be/wp-content/uploads/2016/02/battlebots_small.jpg" alt="" />
<img class="pure-img" src="https://zeus.ugent.be/wp-content/uploads/2016/02/battlebots_small-300x212.jpg" alt="" />
</div>
</div>
</div>

View file

@ -15,11 +15,22 @@ $navbar-border-color: #CCC;
display: inline-block;
color: black;
a:hover, a:visited, a:link, a:active {
text-decoration: none;
}
a:visited {
color: currentColor;
}
.logo-link {
margin-left: 10px;
}
.logo-link:hover {
transition: 0.2s;
&:hover {
color: $zeus_orange;
transition: 0.2s;
}
}
}
@ -33,8 +44,8 @@ $navbar-border-color: #CCC;
#navbar {
border-top: 1px solid $navbar-border-color;
border-bottom: 1px solid $navbar-border-color;
padding-top: 10px;
padding-bottom: 10px;
padding-top: 7px;
padding-bottom: 7px;
color: black;
@ -44,8 +55,17 @@ $navbar-border-color: #CCC;
margin-bottom: $event-padding * 2;
margin-top: $event-padding * 2;
.navlink {
padding: 8px;
transition: 0.2s;
}
.navlink:hover {
color: $zeus_orange;
background-color: $zeus_orange;
color: white;
transition: 0.2s;
}
}