From 7952ba47f5d9f3e4230e0781df2571c74f419827 Mon Sep 17 00:00:00 2001
From: Pete Robelou <probelou@gmail.com>
Date: Mon, 15 Feb 2021 12:40:43 +0000
Subject: [PATCH] First pass at event layout, additional frontmatter.

---
 src/_includes/layouts/event.njk               | 88 ++++++++++++-------
 .../events/2020/ceph-day-london/index.md      |  5 +-
 2 files changed, 58 insertions(+), 35 deletions(-)

diff --git a/src/_includes/layouts/event.njk b/src/_includes/layouts/event.njk
index e241e4ed..c9c2a5e4 100644
--- a/src/_includes/layouts/event.njk
+++ b/src/_includes/layouts/event.njk
@@ -4,40 +4,60 @@ layout: base
 
 {% include 'components/navigation-secondary.njk' %}
 
-<div class="grid grid--cols-auto-72">
-  <div>
+<section class="section">
+  <div class="grid lg:grid--cols-auto-72">
     <h1 class="h1">{{ title }}</h1>
-    {% if image %}
-      <img class="mb-2" src="{{ image }}" alt=""/>
-    {% endif %}
-    <div class="intro-para">
-      {{ content | safe }}
+  </div>
+
+  <div class="grid lg:grid--cols-auto-72 to-lg:grid--gap-0 lg:grid--gap-16 xl:grid--gap-20">
+    <div>
+      {% if image %}
+        <div class="to-lg:w-full-breakout">
+          <div class="aspect-ratio aspect-ratio--16x9 mb-8 lg:mb-10 xl:mb-12">
+            <img alt="" class="absolute top-0" loading="lazy" src="{{ image }}" />
+          </div>
+        </div>
+      {% endif %}
+      <div class="intro-para richtext">
+        {{ content | safe }}
+      </div>
     </div>
+    <aside>
+
+
+      <h2 class="h5">{{ 'event_details' | i18n }}</h2>
+      
+      <p class="mb-4 standout">
+        <time class="block "datetime="{{ date }}">{{ date | formatDateRange(end, locale) }}</time>
+        {{ location }}
+      </p>
+      <p class="p">{{ venue }}</p>
+      <a class="a" href="{{ map }}" rel="noreferrer noopener" target="_blank">View map</a>
+      <hr class="hr">
+
+      <a class="button w-full" href="{{ register }}" rel="noreferrer noopener" target="_blank">Register</a>
+      <hr class="hr">
+
+      {# <h2 class="h5">{{ 'event_sponsors' | i18n }}</h2> #}
+      {% for item in sponsors %}
+        <h2 class="h5">{{ item.label }}</h2>
+        <ul class="grid grid--cols-2 list-none p-0">
+          {% for item in item.list %}
+            <li>
+              <a href="{{ item.website }}" target="_blank" rel="noreferrer noopener">
+                <img src="{{ item.logo }}" alt="{{ item.name }}" style="width: 50px;"/>
+              </a>
+            </li>
+          {% endfor %}
+        </ul>
+      {% endfor %}
+      <hr class="hr">
+
+
+      <h2 class="h5">{{ 'share_this_article' | i18n }}</h2>
+      {% include "components/social-shares.njk" %}
+
+
+    </aside>
   </div>
-  <aside>
-    <h3 class="h4">{{ 'event_details' | i18n }}</h3>
-    <time datetime="{{ date }}">{{ date | formatDateRange(end, locale) }}</time>
-    <p>{{ location }}</p>
-    <p>{{ venue }}</p>
-    <a href="{{ map }}" target="_blank" rel="noreferrer noopener">View map</a>
-    <hr>
-    <a href="{{ register }}" target="_blank" rel="noreferrer noopener">Register</a>
-    <hr>
-    {# <h3 class="h4">{{ 'event_sponsors' | i18n }}</h3> #}
-    {% for item in sponsors %}
-      <h3 class="h4">{{ item.label }}</h3>
-      <ul class="grid grid--cols-2">
-        {% for item in item.list %}
-          <li>
-            <a href="{{ item.website }}" target="_blank" rel="noreferrer noopener">
-              <img src="{{ item.logo }}" alt="{{ item.name }}" style="width: 50px;"/>
-            </a>
-          </li>
-        {% endfor %}
-      </ul>
-    {% endfor %}
-    <hr>
-    <h3 class="h4">{{ 'share_this_article' | i18n }}</h3>
-    {% include "components/social-shares.njk" %}
-  </aside>
-</div>
\ No newline at end of file
+</section>
\ No newline at end of file
diff --git a/src/en-GB/community/events/2020/ceph-day-london/index.md b/src/en-GB/community/events/2020/ceph-day-london/index.md
index 23eadaf4..ac496bb6 100644
--- a/src/en-GB/community/events/2020/ceph-day-london/index.md
+++ b/src/en-GB/community/events/2020/ceph-day-london/index.md
@@ -6,6 +6,9 @@ location: London, UK
 venue: Student Central, Malet Street, London
 map: "https://goo.gl/maps/6isXCefxCPw6V6wu7"
 register: "https://www.eventbrite.com/"
+links:
+  videos: ""
+  slides: ""
 sponsors:
   - label: Platinum
     list:
@@ -21,7 +24,7 @@ sponsors:
         logo: "https://via.placeholder.com/50"
         website: "https://suse.com"
 tags:
-  - "ceph days"
+  - ceph days
 ---
 
 ## Bringing Ceph to London