Merge pull request #98 from ZeusWPI/rescheduleFrontpage

better focus on important stuff
This commit is contained in:
lorin 2016-10-13 20:54:35 +02:00 committed by GitHub
commit f37a12a481
2 changed files with 41 additions and 10 deletions

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;
}
}
}
}

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>