midgard/zeus.ugent.be
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

better focus on important stuff

Browse source
This commit is contained in:
Eloïse Piret 2016-10-13 20:05:28 +02:00
parent cb29526ef5
commit 86f8b051e4
2 changed files with 41 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

31
content/assets/stylesheets/includes/tiles.scss
View file

@ -35,3 +35,34 @@ a.box {
.icon a{
color:$tile-orange;
}
#gamification-coders {
display: flex;
justify-content: center;
ol{
list-style-type: decimal-leading-zero;
counter-reset:li;
> li{
float:left;
padding:5px;
margin:20px;
margin-bottom:3px;
margin-top:3px;
display:inline;
&:before{
content:counter(li); /* Use the counter as content */
counter-increment:li;
color:$tile-orange;
font: bold 18pt helvetica, arial, sans-serif;
background-color:whitesmoke;
height:30px;
width:30px;
display:inline-block;
margin-right:10px;
border-radius:50px;
text-align: center;
line-height: 30px;
}
}
}
}

20
content/index.erb
View file

@ -7,11 +7,18 @@
<div id="homepage">
<div class="tile is-vertical is-ancestor">
<div class="tile is-parent is-12">
<%= render '/partials/_tile.*', article: upcoming_events[0], htmlclass: "highlighted", small_text: "Upcoming event" %>
<div class="tile is-child box highlighted">
<div class="content">
<h1 class="has-text-centered"><a href="https://zeus.ugent.be/game">Top Zeus WPI coders this week</a></h1>
<div id="gamification-coders" >
<!-- EMPTY -->
</div>
</div>
</div>
</div>
<div class="tile">
<div class="tile is-parent is-4">
<%= render '/partials/_tile.*', article: upcoming_events[1], small_text: "Upcoming event" %>
<%= render '/partials/_tile.*', article: upcoming_events[0], small_text: "Upcoming event" %>
</div>
<div class="tile is-parent is-4">
<div class="tile is-child box centering">
@ -41,14 +48,7 @@
</div>
<div class="tile is-vertical">
<div class="tile is-parent">
<div class="tile is-child box ">
<div class="content">
<h1><a href="https://zeus.ugent.be/game">Top Zeus WPI coders this week</a></h1>
<div id="gamification-coders">
<!-- EMPTY -->
</div>
</div>
</div>
<%= render '/partials/_tile.*', article: upcoming_events[1], small_text: "Upcoming event" %>
</div>
</div>
</div>