Experiment with a different presentation layout

source/_includes/presentation/events-new.html.twig

@@ -0,0 +1,44 @@
+<section>
+  <h2>Events</h2>
+
+  <table>
+    <thead>
+      <th>Event name</th>
+      <th>Date</th>
+      <th>Location</th>
+      <th>Links</th>
+    </thead>
+    <tbody>
+      {% for event in events|sort((a, b) => b.date <=> a.date) %}
+        <tr>
+          <td>{{ event.name }}</td>
+          <td><time datetime="{{ event.date|date('Y-m-d') }}">{{ event.date|date('jS F Y') }}</time></td>
+          <td>
+            {% if event.online %}
+              Online
+            {% elseif event.location %}
+              {{ event.location }}
+            {% endif %}
+          </td>
+          <td>
+            {% if event.urls %}
+              <ul>
+                {% for key, link in event.urls %}
+                  <li>
+                    <a href="{{ link }}" title="{% spaceless %}
+                      {{ key == 'code' ? 'View the example code from %s.'|format(event.name) }}
+                      {{ key == 'slides' ? 'View the slides from %s.'|format(event.name) }}
+                      {{ key == 'website' ? 'View the website for %s.'|format(event.name) }}
+                    {% endspaceless %}">
+                      {{- key|capitalize -}}
+                    </a>
+                  </li>
+                {% endfor %}
+              </ul>
+            {% endif %}
+          </td>
+        </tr>
+      {% endfor %}
+    </tbody>
+  </table>
+</section>

source/_layouts/presentation.html.twig

@@ -5,15 +5,27 @@
 {% block content_wrapper %}
   {{ parent() }}
 
-  {% include 'presentation/slides' with {
-    speakerdeck: page.speakerdeck,
-  } %}
+  {% if block('abstract') %}
+    <h2>Abstract</h2>
 
-  {% include 'presentation/video' with {
-    video: page.video,
-  } %}
+    {% block abstract %}{% endblock %}
+  {% endif %}
 
-  {% include 'presentation/events' with {
-    events: page.events,
-  } %}
+  {% if page.new_events %}
+    {% include 'presentation/events-new' with {
+      events: page.events,
+    } %}
+  {% else %}
+    {% include 'presentation/slides' with {
+      speakerdeck: page.speakerdeck,
+    } %}
+
+    {% include 'presentation/video' with {
+      video: page.video,
+    } %}
+
+    {% include 'presentation/events' with {
+      events: page.events,
+    } %}
+  {% endif %}
 {% endblock %}

source/_presentations/sculpin.md

@@ -1,14 +1,6 @@
 ---
 title: Building Static Websites with Sculpin
 description: How to use Sculpin to generate static HTML websites.
-speakerdeck:
-  id: 6c9c4be1a1344f1291ff13a391674a66
-  ratio: "1.77777777777778"
-  url: https://speakerdeck.com/opdavies/building-static-websites-with-sculpin
-code: https://github.com/opdavies/sculpin-demo
-video:
-  type: youtube
-  id: axy6ltc9meA
 events:
   - name: PHP South West
     location: Bristol, UK
@@ -41,13 +33,20 @@ events:
   - name: PHP Berkshire
     date: 2024-08-28
     location: Reading, UK
-    url: https://www.meetup.com/php-berkshire/events/301850284
+    urls:
+      slides: /files/presentations/sculpin/php-berkshire.pdf
+      website: https://www.meetup.com/php-berkshire/events/301850284
   - name: PHP Thames Valley
     date: 2025-03-20
     location: Oxford, UK
-    url: https://www.meetup.com/php-thames-valley/events/305915971
+    urls:
+      slides: /files/presentations/sculpin/php-thames-valley.pdf
+      code: https://code.oliverdavies.uk/opdavies/sculpin-demo/src/branch/php-thames-valley
+      website: https://www.meetup.com/php-thames-valley/events/305915971
+new_events: true
 ---
 
+{% block abstract %}
 [Sculpin][0] is a static site generator written in PHP. It converts Markdown
 files, Twig templates and standard HTML into a static HTML site that can be
 easily deployed.
@@ -57,3 +56,4 @@ then will move into some demonstrations of how to build a Sculpin site and what
 it can do!
 
 [0]: http://sculpin.io
+{% endblock %}