formatting

_includes/hero.html

@@ -3,7 +3,7 @@
   <canvas style="display:none" id="canvas" width="285" height="285"></canvas>
   <canvas style="display:none" id="canvas3" width="570" height="570"></canvas>
   <canvas id="canvas2" width="570" height="570">*** THIS BROWSER DOES NOT SUPPORT THE CANVAS ELEMENT ***</canvas>
-  <div class="hero">
+  <div>
     <a href="{{ site.baseurl }}/" class="nodecoration"><img src="{{ site.baseurl }}/assets/img/logo%20galleri%20momangen.svg" alt="{{ site.title }}" /></a>
     {% if page.url == "/" %}
     <div id="poster" class="column">

_layouts/blog.html

@@ -2,18 +2,25 @@
 layout: default
 ---
 <div class="column">
-  <h1>{{ page.title }}</h1>
-  <a href="cloudcannon:collections/{{ event.path }}" class="editor-link cms-editor-link">Redigera Event</a>
-  Eventet börjar: <strong>{{ page.event_data.start_datetime | date: "%Y-%m-%d"}} klockan {{ page.event_data.start_datetime | date: "%R"}}</strong><br />
-  Och slutar: <strong>{{ page.event_data.end_datetime | date: "%Y-%m-%d"}} klockan {{ page.event_data.end_datetime | date: "%R"}}</strong>
+  <div style="padding:0 3px 3px 3px;border-radius: 3px;" class="highlight">
+    <h1>{{ page.title }}</h1>
+    <a href="cloudcannon:collections/{{ event.path }}" class="editor-link cms-editor-link">Redigera Event</a>
+    Eventet börjar: <strong>{{ page.event_data.start_datetime | date: "%Y-%m-%d"}} klockan
+      {{ page.event_data.start_datetime | date: "%R"}}</strong><br />
+    Och slutar: <strong>{{ page.event_data.end_datetime | date: "%Y-%m-%d"}} klockan
+      {{ page.event_data.end_datetime | date: "%R"}}</strong><br />
+  </div>
+  <br />
   <img src="{{ site.baseurl}}{{ page.flyer_image }}" width="50%" style="float:right" />
   <p>{{ page.description }}</p>
   {{ content }}
-<br /><br />
+
+  {% if page.slutet_salskap == true %}
+  <h2>OBS! Du måste vara stödmedlem!</h2>
+  {% endif %}
 </div>
 {% if page.slutet_salskap == true %}
 <div class="column">
-    <h4>OBS! Du måste vara stödmedlem!</h4>
-    {% include contact.html %}
+  {% include contact.html %}
 </div>
 {% endif %}

_sass/poster.scss

@@ -37,4 +37,4 @@ canvas {
   height:100%;
   width:100%;
   z-index: -1;
-}
+}

_sass/stylish.scss

@@ -141,4 +141,7 @@ a:active {
 .date {
   flex: 0 0 100%;
   margin-left: 5px;
+}
+.highlight {
+  background-image: url('/images/tile.png');
 }