Refactor talks to be a lot simpler

source/_includes/talk/events.html.twig

@@ -1,8 +0,0 @@
-<div class="mt-8">
-    <h2>Events</h2>
-
-    {% include "talks-table" with {
-        talks: getAllTalks([page], site.events),
-        talk_page: true
-    } %}
-</div>

source/_includes/talk/slides.html.twig

@@ -1,9 +1,8 @@
-{% if page.slides.embed %}
+{% if page.speakerdeck.id and page.speakerdeck.ratio %}
     <div class="mt-4">
         <h2>Slides</h2>
 
-        <div class="talk-slides">
-            {{ page.slides.embed|raw }}
-        </div>
+        <noscript>**Please enable JavaScript to view slides.**</noscript>
+        <script async class="speakerdeck-embed" data-id="{{ page.speakerdeck.id }}" data-ratio="{{ page.speakerdeck.ratio }}" src="//speakerdeck.com/assets/embed.js"></script>
     </div>
 {% endif %}

source/_includes/talk/video.html.twig

@@ -1,9 +1,29 @@
-{% if page.video.embed %}
+{% if page.youtube.id or page.vimeo.id %}
     <div class="mt-4">
         <h2>Video</h2>
 
         <div class="talk-video">
-            {{ page.video.embed|raw }}
+            {% if page.youtube.id %}
+                <iframe
+                    width="678"
+                    height="408"
+                    src="//www.youtube.com/embed/{{ page.youtube.id }}"
+                    frameborder="0"
+                    allowfullscreen
+                >
+                </iframe>
+            {% elseif page.vimeo.id %}
+                <iframe
+                    src="https://player.vimeo.com/video/{{ page.vimeo.id }}"
+                    width="640"
+                    height="360"
+                    frameborder="0"
+                    webkitallowfullscreen
+                    mozallowfullscreen
+                    allowfullscreen
+                >
+                </iframe>
+            {% endif %}
         </div>
     </div>
 {% endif %}