more show, less tell

This commit is contained in:
Lorin Werthen 2017-12-17 20:17:01 +01:00
parent e57fa8e442
commit 5c3ffd76fd
No known key found for this signature in database
GPG key ID: F11FFC921E0E08E0
3 changed files with 37 additions and 6 deletions

View file

@ -224,3 +224,11 @@ footer.footer {
font-size: $size-small; font-size: $size-small;
} }
} }
.has-all-small-caps {
font-variant: all-small-caps;
}
.has-small-caps {
font-variant: small-caps;
}

View file

@ -69,6 +69,7 @@ $top_coder_size: 80px;
} }
#gamification-coders { #gamification-coders {
font-variant: all-small-caps;
display: flex; display: flex;
justify-content: center; justify-content: center;
@ -150,3 +151,23 @@ $top_coder_size: 80px;
.backgroundimg{ .backgroundimg{
background-position: center; background-position: center;
} }
.gamification-tile {
overflow: hidden;
padding: 0;
.tile-header {
background-color: $primary;
padding: 20px;
h1 {
margin: 0;
}
a, a:visited {
color: white;
}
}
#gamification-coders {
padding: 20px;
}
}

View file

@ -14,13 +14,15 @@
<div class="tile"> <div class="tile">
<!--top coders --> <!--top coders -->
<div class="tile is-parent is-4"> <div class="tile is-parent is-4">
<div class="tile is-child box "> <div class="tile is-child box gamification-tile">
<div class="content"> <div class="content">
<div class="tile-header">
<h1 class="has-text-centered"> <h1 class="has-text-centered">
<a href="https://zeus.ugent.be/game"> <a href="https://zeus.ugent.be/game">
Top coders this week <i class="fa fa-trophy" aria-hidden="true"></i>
</a> </a>
</h1> </h1>
</div>
<div id="gamification-coders" > <div id="gamification-coders" >
<!-- EMPTY --> <!-- EMPTY -->
</div> </div>