diff --git a/content/assets/stylesheets/includes/eventpage.scss b/content/assets/stylesheets/includes/eventpage.scss
index 4e6cb80..e8657a4 100644
--- a/content/assets/stylesheets/includes/eventpage.scss
+++ b/content/assets/stylesheets/includes/eventpage.scss
@@ -33,3 +33,17 @@
     vertical-align: baseline;
   }
 }
+
+.header-text {
+  float: left;
+  padding: 20px;
+
+  &.light-background {
+    background-color: rgba(0, 0, 0, 0.5);
+  }
+}
+
+.has-vertical-center {
+  display: flex;
+  align-items: center;
+}
diff --git a/content/events/16-17/hashcode.md b/content/events/16-17/hashcode.md
new file mode 100644
index 0000000..53c31fc
--- /dev/null
+++ b/content/events/16-17/hashcode.md
@@ -0,0 +1,31 @@
+---
+title: Hashcode
+description: Zeus organiseert een UGent Hashcode Hub
+created_at: 27-01-2017
+time: 23-02-2017 18:30
+location: A3, S9
+locationlink: Sterre,Ghent Belgium
+banner: https://hashcode.withgoogle.com/resources/images/hero_2.jpg
+image: https://zeus.ugent.be/zeuswpi/I9GAh7iy.png
+facebook: https://www.facebook.com/events/179465822503595/
+header_text_background: true
+---
+
+# Google Hashcode
+Ook dit jaar organiseren we een hub voor de Google Hashcode. Dit is een jaarlijkse programmeerwedstrijd van Google waarin je in een team van 2 tot 4 personen een probleem voorgeschoteld krijgt die je mag oplossen in een programmeertaal naar keuze. De wedstrijd is gericht op studenten en professionals.
+
+De online kwalificatieronde vindt plaats op 23 februari om 18:30. Je kan deelnemen met je team in onze hub _Ghent University_ in gebouw S9 op Campus Sterre, lokaal A3.
+
+De best scorende teams worden uitgenodigd bij Google Parijs op 1 april om mee te doen aan de finale ronde van de competitie.
+
+## Registratie
+Registreer je **voor 5 februari** op [g.co/hashcode](https://g.co/hashcode) en selecteer **onze hub _Ghent University_**. Hoe meer teams zich registreren bij onze hub, hoe meer goodies we kunnen uitdelen!
+
+## Benodigdheden
+Om alles optimaal te laten verlopen willen we jullie vragen om je eigen verdeelstekker mee te brengen. Wij zorgen voor drank en snacks.
+
+## Begint het al te kriebelen?
+
+Bereid je optimaal voor op de wedstrijd door het voorbeeldprobleem op te lossen, die kan je zien zodra je je hebt geregistreerd. Vorig jaar kwam het optimaliseren van routes voor drones en satellieten aan bod. Opgaven van de vorige jaren kan je [hier](https://hashcode.withgoogle.com/past_editions.html) vinden.
+
+Tot dan!
diff --git a/layouts/eventpost.erb b/layouts/eventpost.erb
index 2fb5b4b..bdcf33a 100644
--- a/layouts/eventpost.erb
+++ b/layouts/eventpost.erb
@@ -23,31 +23,33 @@
   <div class="hero-body">
     <div class="container">
       <div class="columns">
-        <div class="column">
-          <p class="title is-1">
-            <b>
-              <%= item[:title] %>
-            </b>
-            <span class="event-social-icons">
-              <% if item[:facebook] %>
-              <a href="<%= item[:facebook] %>">
-                <%= fa :facebook %>
-              </a>
-              <% end %>
-              <a href="<%= item.path rep: :ical %>">
-                <%= fa :calendar %>
-              </a>
-            </span>
-          </p>
-          <p class="subtitle is-3">
-            <%= item[:description] %>
-          </p>
-          <p class="subtitle is-3">
-            <ul class="fa-ul event-attributes">
-              <li><%= fa 'clock-o', li: true %><%= item[:time].strftime '%A %d %B %Y %H:%M' %></li>
-              <li><%= fa 'map-marker', li: true %><%= item[:location] %></li>
-            </ul>
-          </p>
+        <div class="column has-vertical-center">
+          <div class="header-text <%= item[:header_text_background] ? 'light-background' : '' %>">
+            <p class="title is-1">
+              <b>
+                <%= item[:title] %>
+              </b>
+              <span class="event-social-icons">
+                <% if item[:facebook] %>
+                <a href="<%= item[:facebook] %>">
+                  <%= fa :facebook %>
+                </a>
+                <% end %>
+                <a href="<%= item.path rep: :ical %>">
+                  <%= fa :calendar %>
+                </a>
+              </span>
+            </p>
+            <p class="subtitle is-3">
+              <%= item[:description] %>
+            </p>
+            <p class="subtitle is-3">
+              <ul class="fa-ul event-attributes">
+                <li><%= fa 'clock-o', li: true %><%= item[:time].strftime '%A %d %B %Y %H:%M' %></li>
+                <li><%= fa 'map-marker', li: true %><%= item[:location] %></li>
+              </ul>
+            </p>
+          </div>
         </div>
 
         <div class="is-narrow column banner-image">
diff --git a/lib/helpers/events.rb b/lib/helpers/events.rb
index a7c69cb..72f190c 100644
--- a/lib/helpers/events.rb
+++ b/lib/helpers/events.rb
@@ -1,7 +1,7 @@
 require 'uri'
 module EventsHelper
   def all_events
-    @items.find_all('/events/*/*').sort_by { |x| x[:time] }
+    @items.find_all('/events/*/*.md').sort_by { |x| x[:time] }
   end
 
   def upcoming_events