From 86f8b051e488f5551fde829cc9113045df6ba7f6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Elo=C3=AFse=20Piret?= <Eloise.Piret@ugent.be>
Date: Thu, 13 Oct 2016 20:05:28 +0200
Subject: [PATCH] better focus on important stuff

---
 .../assets/stylesheets/includes/tiles.scss    | 31 +++++++++++++++++++
 content/index.erb                             | 20 ++++++------
 2 files changed, 41 insertions(+), 10 deletions(-)

diff --git a/content/assets/stylesheets/includes/tiles.scss b/content/assets/stylesheets/includes/tiles.scss
index 2ca46e8..833f099 100644
--- a/content/assets/stylesheets/includes/tiles.scss
+++ b/content/assets/stylesheets/includes/tiles.scss
@@ -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;
+      }
+    }
+  }
+
+}
diff --git a/content/index.erb b/content/index.erb
index 259b9f1..4775e79 100644
--- a/content/index.erb
+++ b/content/index.erb
@@ -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>