Let's go

content/assets/stylesheets/includes/tiles.scss

@@ -55,7 +55,7 @@ $top_coder_size: 80px;
   .content {
     color: white;
 
-    h1, h2 {
+    h1, h2, h3 {
       color: inherit;
     }
     a, a:visited {
@@ -130,7 +130,7 @@ $top_coder_size: 80px;
   .content {
     position: relative;
 
-    h1, h2 {
+    h1, h2, h3 {
       color: white;
     }
 

content/events/19-20/ctf2.md

@@ -0,0 +1,7 @@
+---
+title: 'Capture The Flag II'
+description: Zeus CTF in aanloop naar de Belgische Cybersecuritychallenge
+time: '12-11-2019 18:00'
+location: 'Kelder Zeus WPI'
+soon: true
+---

content/events/19-20/godot.md

@@ -0,0 +1,8 @@
+---
+title: Game Development - Godot
+description: Maak je eerste spel met Godot, we focussen op Flappy Bird!
+color: '#478CBF'
+time: '12-11-2019 18:00'
+location: 'Kelder Zeus WPI'
+soon: true
+---

content/events/19-20/spelletjesavond2.md

@@ -0,0 +1,8 @@
+---
+title: Spelletjesavond
+description: Kom samen met andere Zeussers en Zeusinnen spelletjes spelen!
+color: lightblue
+time: '12-11-2019 18:00'
+location: 'Kelder Zeus WPI'
+soon: true
+---

layouts/events.erb

@@ -64,25 +64,27 @@
 
   <% unless soon_events().empty? %>
     <div class="column is-3 is-narrow">
-      <aside class="menu">
-        <p class="menu-label">
-          Soon TM.
-        </p>
+      <div class="menu">
+        <div class="content">
+          <h1>
+            Soon TM.
+          </h1>
+        </div>
         <% soon_events().each do |event| %>
-            <div class="tile box"
+            <div class="tile box highlighted"
               <% if event[:color] %>
     style="background-image: linear-gradient(to top right,rgba(255,255,255,0),rgba(0,0,0,.60)); background-color:<%= event[:color] %>;"
               <% else %>
     style="background-image: linear-gradient(to top right,rgba(255,255,255,0),rgba(0,0,0,.60)); background-color:'light-grey';"
               <% end %>
             >
-              <div class="content event-content">
-                <h3><%= event[:title] %></h3>
+              <div class="content event-content has-text-centered">
+                <h3 style="color: white;"><%= event[:title] %></h3>
                 <p><%= event[:description] %></p>
               </div>
             </div>
           <% end %>
-      </aside>
+      </div>
     </div>
   <% end %>
 </div>

lib/helpers/preprocess.rb

@@ -5,7 +5,6 @@ module PreprocessHelper
         time: 'An event item should include the :time attribute, which describes the begin time and date of the event.',
         title: 'The event does not include a :title',
         location: 'The event should include a :location, a textual description',
-        locationlink: 'The event does not include a :locationlink, which is a querystring which is used for Google Maps'
       }
     }
   end