Add speakers block

source/_includes/front-speakers.html.twig

@@ -0,0 +1,25 @@
+<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">
+                <span class="tw-px-4 tw-flex tw-flex-row-reverse">
+                    <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">{{ 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 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">
+                            <img class="tw-block tw-w-full" src="/images/speakers/{{ speaker.image }}" alt="Photo of {{ speaker.name }}">
+                        </span>
+                    </span>
+                </span>
+            </li>
+        {% endfor %}
+    </ul>
+</div>

source/index.html.twig

@@ -3,9 +3,12 @@ layout: default
 twitter:
     url: https://twitter.com/drupalcampbris
 update_text: Early bird tickets are now available!
+use:
+  - speakers
 ---
+{% block content %}
 <main class="tw-bg-balloon tw-bg-center tw-bg-cover tw-flex tw-flex-col tw-flex-1">
-    <div class="region tw-px-12">
+    <div class="region tw-px-12 tw-py-24">
         <div id="block-homepagehero" class="tw-my-0 md:tw-py-18 lg:tw-py-24 block block-block-content block-block-content3760e7eb-29de-4f25-b7ee-76421679cf64">
             <div class="tw-mx-16">
                 <img src="/themes/dcb2017/logo.svg" alt="Drupalcamp Bristol logo" />
@@ -35,3 +38,12 @@ update_text: Early bird tickets are now available!
         </div>
     </div>
 </main>
+{% endblock %}
+
+{% block content_bottom %}
+<div class="tw-max-w-5xl tw-mx-auto tw-text-center tw-my-12 md:tw-my-24">
+    {% include 'front-speakers' with {
+        speakers: data.speakers,
+    } %}
+</div>
+{% endblock %}