From 6a9783c51cc8fdf1a2fa67068a57fc0462a93d19 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Elo=C3=AFse=20Piret?= <Eloise.Piret@ugent.be>
Date: Tue, 4 Oct 2016 16:06:26 +0200
Subject: [PATCH] colouuuuurs

---
 .../assets/stylesheets/includes/tiles.scss    | 20 ++++++++++++++++
 .../stylesheets/includes/variables.scss       |  2 ++
 content/index.erb                             | 24 +++++++++----------
 3 files changed, 34 insertions(+), 12 deletions(-)

diff --git a/content/assets/stylesheets/includes/tiles.scss b/content/assets/stylesheets/includes/tiles.scss
index 8f8d27a..cb7c6a0 100644
--- a/content/assets/stylesheets/includes/tiles.scss
+++ b/content/assets/stylesheets/includes/tiles.scss
@@ -14,3 +14,23 @@ a.box {
   display: flex;
   justify-content: center;
 }
+.highlighted{
+  background: $tile-orange;
+  .content {
+    color: white;
+
+    h1, h2 {
+      color: inherit;
+    }
+    a {
+      color:inherit;
+    }
+  }
+}
+#quote{
+  font-style: italic;
+}
+
+.icon a{
+  color:$tile-orange;
+}
diff --git a/content/assets/stylesheets/includes/variables.scss b/content/assets/stylesheets/includes/variables.scss
index 38957eb..37675ec 100644
--- a/content/assets/stylesheets/includes/variables.scss
+++ b/content/assets/stylesheets/includes/variables.scss
@@ -2,6 +2,8 @@
 $zeus-orange: #FF7F00;
 $zeus-blue: #00C4FF;
 
+$tile-orange: #ff9f1a;
+
 $navbar-border-color: #CCC;
 $event-border-color: #DDD;
 $orange: $zeus-orange;
diff --git a/content/index.erb b/content/index.erb
index dfe9d9b..1e391ef 100644
--- a/content/index.erb
+++ b/content/index.erb
@@ -14,26 +14,26 @@
         <%= render '/partials/_tile.*', article: all_events[1], small_text: "Upcoming event" %>
       </div>
       <div class="tile is-parent is-4">
-        <div class="tile is-child box highlighted">
-          <!-- <img src="//thecatapi.com/api/images/get?format=src&type=gif&size=small"> -->
-          <div class="content has-text-centered">
-            <blockquote id="quote" >
+        <div class="tile is-child box  ">
+          <div class="content has-text-centered ">
+            <div id="quote" >
+              <!--<img src="//thecatapi.com/api/images/get?format=src&type=gif&size=small"> -->
               <!-- INTENTIONALLY LEFT BLANK -->
-            </blockquote>
+            </div>
           </div>
         </div>
       </div>
       <div class="tile is-vertical is-2">
         <div class="tile is-parent">
-          <a class="tile box" href="https://zeus.ugent.be/wiki">
-            <div class="tile is-child imgcenter" >
+          <a class="tile box " href="https://zeus.ugent.be/wiki">
+            <div class="tile is-child imgcenter icon" >
               <%= fa 'wikipedia-w' %>
             </div>
           </a>
         </div>
         <div class="tile is-parent">
           <a class="tile box" href="/cammie">
-            <div class="tile is-child imgcenter">
+            <div class="tile is-child imgcenter icon">
               <%= fa 'video-camera' %>
             </div>
           </a>
@@ -42,14 +42,14 @@
       <div class="tile is-vertical is-2">
         <div class="tile is-parent">
           <a class="tile box" href="https://github.com/ZeusWPI">
-            <div class="tile is-child imgcenter">
+            <div class="tile is-child imgcenter icon">
               <%= fa 'github' %>
             </div>
           </a>
         </div>
           <div class="tile is-parent">
             <a class="tile box" href="https://www.facebook.com/zeus.wpi/?fref=ts">
-              <div class="tile is-child imgcenter">
+              <div class="tile is-child imgcenter icon">
                 <%= fa 'facebook-official' %>
               </div>
             </a>
@@ -58,11 +58,11 @@
     </div>
     <div class="tile">
       <div class="tile is-4 is-parent">
-        <%= render '/partials/_tile.*', article: sorted_articles.first, small_text: "Latest blogpost" %>
+        <%= render '/partials/_tile.*', article: sorted_articles.first, small_text: "Latest blogpost",htmlclass:"highlighted"%>
       </div>
       <div class="tile is-vertical">
         <div class="tile is-parent">
-          <div class="tile is-child box">
+          <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">