From 933a05e9aba5dc0cc8a52b7515079178124aef10 Mon Sep 17 00:00:00 2001
From: Oliver Davies <oliver@oliverdavies.uk>
Date: Tue, 14 May 2019 23:06:31 +0100
Subject: [PATCH] Wrap speakers in a section, add ID

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

diff --git a/source/_includes/front-speakers.html.twig b/source/_includes/front-speakers.html.twig
index 35e6ab027..c2c9335c2 100644
--- a/source/_includes/front-speakers.html.twig
+++ b/source/_includes/front-speakers.html.twig
@@ -1,25 +1,27 @@
-<h2 class="tw-text-3xl md:tw-text-4xl tw-font-bold tw-mb-10">Featuring Talks From</h2>
+<section id="speakers">
+    <h2 class="tw-text-3xl md:tw-text-4xl tw-font-bold tw-mb-10">Featuring Talks From</h2>
 
-<div class="text-left tw-px-12">
-    <ul class="tw-list-reset tw-flex tw-flex-wrap tw--mx-4 tw--mb-12">
-        {% for speaker in speakers %}
-            <li class="tw-w-full lg:tw-w-1/2 tw-text-left tw-mb-6">
-                <a href="{{ speaker.url }}" class="group tw-px-4 tw-flex tw-flex-row-reverse tw-no-underline focus:tw-outline-none">
-                    <span class="tw-flex-1 tw-flex tw-flex-col tw-justify-center">
-                        <span class="tw-block tw-font-bold tw-text-xl tw-text-gray-900 group-hocus:tw-underline">{{ speaker.name }}</span>
-                        <span class="tw-block tw-text-gray-800">
-                            {{ speaker.role }}
-                            {%- if speaker.role and speaker.organisation %}, {% endif %}
-                            {{ speaker.organisation }}
+    <div class="text-left tw-px-12">
+        <ul class="tw-list-reset tw-flex tw-flex-wrap tw--mx-4 tw--mb-12">
+            {% for speaker in speakers %}
+                <li class="tw-w-full lg:tw-w-1/2 tw-text-left tw-mb-6">
+                    <a href="{{ speaker.url }}" class="group tw-px-4 tw-flex tw-flex-row-reverse tw-no-underline focus:tw-outline-none">
+                        <span class="tw-flex-1 tw-flex tw-flex-col tw-justify-center">
+                            <span class="tw-block tw-font-bold tw-text-xl tw-text-gray-900 group-hocus:tw-underline">{{ speaker.name }}</span>
+                            <span class="tw-block tw-text-gray-800">
+                                {{ speaker.role }}
+                                {%- if speaker.role and speaker.organisation %}, {% endif %}
+                                {{ speaker.organisation }}
+                            </span>
                         </span>
-                    </span>
-                    <span class="tw-w-24 md:tw-w-32 tw-mr-6">
-                        <span class="tw-rounded-full tw-overflow-hidden tw-block tw-border-4 tw-border-solid tw-border-purple-500 group-hocus:tw-border-pink-500 tw-transition-border tw-transition-100">
-                            <img class="tw-block tw-w-full" src="/images/speakers/{{ speaker.image }}" alt="Photo of {{ speaker.name }}">
+                        <span class="tw-w-24 md:tw-w-32 tw-mr-6">
+                            <span class="tw-rounded-full tw-overflow-hidden tw-block tw-border-4 tw-border-solid tw-border-purple-500 group-hocus:tw-border-pink-500 tw-transition-border tw-transition-100">
+                                <img class="tw-block tw-w-full" src="/images/speakers/{{ speaker.image }}" alt="Photo of {{ speaker.name }}">
+                            </span>
                         </span>
-                    </span>
-                </a>
-            </li>
-        {% endfor %}
-    </ul>
-</div>
+                    </a>
+                </li>
+            {% endfor %}
+        </ul>
+    </div>
+</section>