adding event posts

_config.yml

@@ -46,7 +46,10 @@ plugins:
 # Site Variables:
 
 # # collection
-# collections:
+collections:
+  events:
+    output: "true"
+    permalink: "/events/:year/:month/:day/:title/"
 #   tjanster:
 #     output: "true"
 #     permalink: "/tjaenster/:name/"

_events/2019-06-14-Momagiskt Volume I.md

@@ -0,0 +1,9 @@
+---
+title: 'Momangens Sociala Presenterar: Mogaiskt'
+description: ''
+start_date: 2019-06-14 17:00 CEST
+end_date: 2019-06-14 22:00 CEST
+image: /siteicon.png
+link: 
+category:
+---

_events/_defaults.md

@@ -0,0 +1,9 @@
+---
+title:
+description:
+start_date:
+end_date:
+image:
+link:
+category:
+---

_includes/hero.html

@@ -1,6 +1,16 @@
 <!-- BEGIN hero.html -->
 <div id="banner">
+
   <div class="hero">
+    <div id="poster" class="column">
+      {% for event in events limit: 1 %}
+      <img src="{{ event.image }}" />
+      <h2>{{ event.title }}</h2>
+      <h3>{{ event.start_date }} till {{ event.end_date }}</h3>
+      <p>{{ event.description }}</p>
+      <p>{{ event.category }}</p>
+    {% endfor %}
+    </div>
     <h1>{{ site.title }}</h1>
   </div>
 </div>

_sass/poster.scss

@@ -1,10 +1,14 @@
+/////////
 // POSTER
 /////////
+#poster {
+  width: 90vw;
+  margin-right: auto !important; }
 
 #poster img {
-   
-    width: 100%;
-    margin-top: 5px;
-    border-radius: 3px;
-  
+  margin-top: 5px;
+  border-radius: 3px;
+  float: left;
+  padding-right: 5px;
+  width: 50vw;
 }

index.html

@@ -3,13 +3,6 @@ title: Södermalms bäst bevarade hemlighet
 image: /siteicon.png
 layout: default
 ---
-
-<!-- <div id="poster" class="column">
-  <img src="images/siteicon.png" />
-  <h1>{{ site.title }}
-  <p>{{ site.description }}</p>
- -->
-
 <div class="column">
   <h2>{{ site.description }}</h2>