From 5980780fb54b5ba9a79c57d79480477140e93ce6 Mon Sep 17 00:00:00 2001
From: Oliver Davies <oliver@oliverdavies.dev>
Date: Tue, 6 Feb 2024 08:00:00 +0000
Subject: [PATCH] Show the speaker name, tagline and photo

---
 source/_layouts/default.html.twig |  4 +++-
 source/_layouts/speaker.html.twig | 16 ++++++++++++++++
 2 files changed, 19 insertions(+), 1 deletion(-)

diff --git a/source/_layouts/default.html.twig b/source/_layouts/default.html.twig
index 9d0395e..8b34504 100644
--- a/source/_layouts/default.html.twig
+++ b/source/_layouts/default.html.twig
@@ -2,6 +2,8 @@
 
 {% block body %}
     <div class="p-10 mx-auto max-w-4xl">
-        {% block content %}{% endblock %}
+        {% block content_wrapper %}
+            {% block content %}{% endblock %}
+        {% endblock %}
     </div>
 {% endblock %}
diff --git a/source/_layouts/speaker.html.twig b/source/_layouts/speaker.html.twig
index a943ec6..fe85b6f 100644
--- a/source/_layouts/speaker.html.twig
+++ b/source/_layouts/speaker.html.twig
@@ -1 +1,17 @@
 {% extends 'default' %}
+
+{% block content_wrapper %}
+    <h1 class="text-3xl font-bold text-center md:text-left">{{ page.name }}</h1>
+
+    <div class="mt-6">
+        <img
+            alt="Photo of {{ page.name }}"
+            class="object-cover flex-shrink-0 rounded-full shadow-lg size-40"
+            src="{{ page.imageUrl }}"
+        />
+    </div>
+
+    <div class="mt-10">
+        <em>{{ block('content') }}</em>
+    </div>
+{% endblock %}