From be9aaeafb7e7f2b2567287c364ba296ce4606a3e Mon Sep 17 00:00:00 2001
From: Oliver Davies <oliver@oliverdavies.uk>
Date: Wed, 30 Jun 2021 08:00:00 +0100
Subject: [PATCH] Add space above the About Me block

---
 source/_layouts/post.html.twig          | 12 ++++++---
 source/_layouts/talk.html.twig          | 34 +++++++++++++------------
 source/_partials/about-author.html.twig |  2 +-
 3 files changed, 27 insertions(+), 21 deletions(-)

diff --git a/source/_layouts/post.html.twig b/source/_layouts/post.html.twig
index 1a7decef1..4b813c335 100644
--- a/source/_layouts/post.html.twig
+++ b/source/_layouts/post.html.twig
@@ -1,9 +1,13 @@
 {% extends 'base' %}
 
 {% block content_wrapper %}
-    <div class="markdown">
-        {{ parent() }}
-    </div>
+    <div class="space-y-10">
+        <div>
+            <div class="markdown">
+                {{ parent() }}
+            </div>
+        </div>
 
-    {% include 'about-author' %}
+        {% include 'about-author' %}
+    </div>
 {% endblock %}
diff --git a/source/_layouts/talk.html.twig b/source/_layouts/talk.html.twig
index dc0c72d9d..92239fa68 100644
--- a/source/_layouts/talk.html.twig
+++ b/source/_layouts/talk.html.twig
@@ -1,23 +1,25 @@
 {% extends 'base' %}
 
 {% block content_wrapper %}
-    <div class="space-y-6">
-        <div class="markdown">
-            {{ parent() }}
+    <div class="space-y-10">
+        <div class="space-y-6">
+            <div class="markdown">
+                {{ parent() }}
+            </div>
+
+            {% include 'talk/slides' with {
+                speakerdeck: page.speakerdeck,
+            } only %}
+
+            {% include 'talk/video' with {
+                video: page.video,
+            } only %}
+
+            {% include 'talk/events' with {
+                events: page.events|reverse,
+            } only %}
         </div>
 
-        {% include 'talk/slides' with {
-            speakerdeck: page.speakerdeck,
-        } only %}
-
-        {% include 'talk/video' with {
-            video: page.video,
-        } only %}
-
-        {% include 'talk/events' with {
-            events: page.events|reverse,
-        } only %}
+        {% include 'about-author' %}
     </div>
-
-    {% include 'about-author' %}
 {% endblock %}
diff --git a/source/_partials/about-author.html.twig b/source/_partials/about-author.html.twig
index 597890de3..8e7261e31 100644
--- a/source/_partials/about-author.html.twig
+++ b/source/_partials/about-author.html.twig
@@ -1,7 +1,7 @@
 <section>
   <h2>About Me</h2>
 
-  <div class="flex space-x-4">
+  <div class="flex mt-4 space-x-4">
     <div class="flex-shrink-0">
       <img src="/sites/default/files/images/me-precedent.jpg" alt="Picture of Oliver" class="w-16 h-16 border rounded-full border-gray">
     </div>