From 90993284d5bce7b5cbedf405705009012011f4c1 Mon Sep 17 00:00:00 2001
From: Oliver Davies <oliver@oliverdavies.dev>
Date: Tue, 6 Feb 2024 08:00:00 +0000
Subject: [PATCH] Only show if there are speakers

---
 .../speakers/recent-speakers.html.twig        | 46 ++++++++++---------
 1 file changed, 24 insertions(+), 22 deletions(-)

diff --git a/source/_includes/speakers/recent-speakers.html.twig b/source/_includes/speakers/recent-speakers.html.twig
index 5563bce..ba3ba10 100644
--- a/source/_includes/speakers/recent-speakers.html.twig
+++ b/source/_includes/speakers/recent-speakers.html.twig
@@ -1,25 +1,27 @@
-<section>
-    <h2 class="text-3xl font-bold text-center">Speakers</h2>
+{% if speakers is not empty %}
+    <section>
+        <h2 class="text-3xl font-bold text-center">Speakers</h2>
 
-    <div class="mt-8">
-        <div class="grid grid-cols-2 gap-10 px-4 mx-auto max-w-sm md:grid-cols-3 md:max-w-md lg:grid-cols-4 lg:gap-8 lg:max-w-full xl:grid-cols-6">
-            {% for speaker in speakers|sort((a, b) => a.name <=> b.name) %}
-                <div>
-                    <a href="#" class="flex flex-col-reverse gap-3 items-center group">
-                        <div class="text-center">
-                            <p class="text-base group-hover:underline">{{ speaker.name }}</p>
-                        </div>
+        <div class="mt-8">
+            <div class="grid grid-cols-2 gap-10 px-4 mx-auto max-w-sm md:grid-cols-3 md:max-w-md lg:grid-cols-4 lg:gap-8 lg:max-w-full xl:grid-cols-6">
+                {% for speaker in speakers|sort((a, b) => a.name <=> b.name) %}
+                    <div>
+                        <a href="#" class="flex flex-col-reverse gap-3 items-center group">
+                            <div class="text-center">
+                                <p class="text-base group-hover:underline">{{ speaker.name }}</p>
+                            </div>
 
-                        <div>
-                            <img
-                                alt="Photo of {{ speaker.name }}"
-                                class="object-cover flex-shrink-0 rounded-full shadow-lg size-20 lg:size-32 xl:size-24"
-                                src="{{ speaker.imageUrl }}"
-                            />
-                        </div>
-                    </a>
-                </div>
-            {% endfor %}
+                            <div>
+                                <img
+                                    alt="Photo of {{ speaker.name }}"
+                                    class="object-cover flex-shrink-0 rounded-full shadow-lg size-20 lg:size-32 xl:size-24"
+                                    src="{{ speaker.imageUrl }}"
+                                />
+                            </div>
+                        </a>
+                    </div>
+                {% endfor %}
+            </div>
         </div>
-    </div>
-</section>
+    </section>
+{% endif %}