From ec7bc435b19f50529933356ce2bbbf0c8841a187 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Elo=C3=AFse=20Piret?= <Eloise.Piret@ugent.be>
Date: Tue, 13 Sep 2016 17:13:43 +0200
Subject: [PATCH] add img to events

---
 .bundle/config                                |  2 +
 .../stylesheets/includes/eventpage.scss       |  8 ++++
 layouts/eventpost.erb                         | 41 ++++++++++++-------
 3 files changed, 36 insertions(+), 15 deletions(-)
 create mode 100644 .bundle/config

diff --git a/.bundle/config b/.bundle/config
new file mode 100644
index 0000000..37a9f45
--- /dev/null
+++ b/.bundle/config
@@ -0,0 +1,2 @@
+---
+BUNDLE_WITHOUT: "production"
diff --git a/content/assets/stylesheets/includes/eventpage.scss b/content/assets/stylesheets/includes/eventpage.scss
index 1aeb2e1..7eaccc2 100644
--- a/content/assets/stylesheets/includes/eventpage.scss
+++ b/content/assets/stylesheets/includes/eventpage.scss
@@ -11,3 +11,11 @@
     height: 400px;
   }
 }
+
+.banner-image{
+  justify-content: center;
+  display: flex;
+  img{
+    height: 256px;
+  }
+}
diff --git a/layouts/eventpost.erb b/layouts/eventpost.erb
index d2c748f..fe3702e 100644
--- a/layouts/eventpost.erb
+++ b/layouts/eventpost.erb
@@ -9,22 +9,33 @@
   <div class="hero-head">
     <%= render '/partials/_navbar.*', zeus_logo_color: :white %>
   </div>
-  <div class="hero-body">
+  <div class="hero-body ">
+
     <div class="container">
-      <p class="title is-1">
-        <b>
-        <%= item[:title] %>
-        </b>
-      </p>
-      <p class="subtitle is-3">
-        <%= item[:description] %>
-      </p>
-      <p class="subtitle is-3">
-        <ul class="fa-ul">
-          <li><%= fa 'clock-o', li: true %><%= item[:time] %></li>
-          <li><%= fa 'globe', li: true %><%= item[:location] %></li>
-        </ul>
-      </p>
+      <div class="columns">
+
+        <div class="column">
+          <p class="title is-1">
+          <b>
+            <%= item[:title] %>
+          </b>
+          </p>
+          <p class="subtitle is-3">
+          <%= item[:description] %>
+          </p>
+          <p class="subtitle is-3">
+          <ul class="fa-ul">
+            <li><%= fa 'clock-o', li: true %><%= item[:time] %></li>
+            <li><%= fa 'globe', li: true %><%= item[:location] %></li>
+          </ul>
+          </p>
+        </div>
+
+        <div class="is-narrow column banner-image">
+          <img src=<%= item[:banner] %>  >
+        </div>
+
+      </div>
     </div>
   </div>
 </section>