Add podcast pages

source/_layouts/default.html.twig

@@ -15,10 +15,14 @@
         {% block content_top %}{% endblock %}
 
         <main>
-          <h1 class="mb-4 text-xl font-bold md:text-2xl">{{ page.title }}</h1>
+          <h1 class="mb-4 text-xl font-bold md:text-2xl">
+            {% block page_title %}{{ page.title }}{% endblock %}
+          </h1>
 
           <div class="prose prose-p:text-black prose-a:font-light prose-a:text-blue-primary prose-p:text-lg prose-blockquote:border-blue-primary dark:marker:text-white prose-li:my-1 prose-li:text-lg prose-figcaption:text-white prose-li:text-black marker:text-black dark:prose-p:text-white dark:prose-invert dark:prose-a:text-blue-400 dark:prose-blockquote:border-blue-400 dark:prose-li:text-white hover:prose-a:no-underline prose-h2:text-xl prose-code:font-normal prose-h2:mb-4 prose-ul:my-3 dark:prose-hr:border-grey-400 prose-code:before:content-[''] prose-code:after:content-['']">
-            {% block content %}{% endblock %}
+            {% block content_wrapper %}
+              {% block content %}{% endblock %}
+            {% endblock %}
           </div>
         </main>
 

source/_layouts/podcast_episode.html.twig

@@ -0,0 +1,36 @@
+{% extends 'page' %}
+
+{% block page_title %}
+  {% set episodeNumber = page.url|trim('/')|split('/')|last|split('-')|first %}
+
+  Episode {{ episodeNumber }}:
+  {{ page.topic }}
+  with {{ page.guests.0 }}
+{% endblock %}
+
+{% block content_wrapper %}
+  <div>
+    <iframe
+      width="100%"
+      height="180"
+      frameborder="no"
+      scrolling="no"
+      seamless=""
+      src="https://share.transistor.fm/e/{{ page.transistor.id }}">
+    </iframe>
+  </div>
+
+  {{ parent() }}
+
+  <div>
+    <h2>Links</h2>
+
+    <ul>
+      {% for link in page.links %}
+        <li>
+          <a href="{{ link.1 }}">{{ link.0 }}</a>
+        </li>
+      {% endfor %}
+    <ul>
+  </div>
+{% endblock %}