feat: publish Matt Glaman podcast episode

src/content/podcast-episode/1-retrofit.md

@@ -1,5 +1,5 @@
 ---
-date: 2023-11-06
+date: 2023-11-10
 topic: Retrofit
 guests:
   - Matt Glaman
@@ -24,7 +24,6 @@ links:
 
   - - Matt on Twitch
     - https://www.twitch.tv/mglaman
-draft: true
 ---
 
 In this episode, Oliver is joined by Matt Glaman to discuss Retrofit. A tool that makes it easier to upgrade Drupal websites by allowing legacy Drupal code to run on any version of Drupal.

src/layouts/Layout.astro

@@ -34,6 +34,10 @@ const footerLinks = [
     title: "Talks",
     href: "/talks",
   },
+  {
+    title: "Podcast",
+    href: "/podcast",
+  },
   {
     title: "Daily list",
     href: "/daily",

src/layouts/PodcastEpisodeLayout.astro

@@ -0,0 +1,24 @@
+---
+import AboutMe from "../components/AboutMe.astro";
+import BaseLayout from "./PageLayout.astro";
+import DailyEmailForm from "../components/DailyEmailForm.astro";
+import Markdown from "../components/Markdown.astro";
+
+const { title } = Astro.props.frontmatter || Astro.props;
+---
+
+<BaseLayout title={title}>
+  <div class="space-y-16">
+    <div class="space-y-8">
+      <div>
+        <iframe width="100%" height="180" frameborder="no" scrolling="no" seamless="" src="https://share.transistor.fm/e/7d728873"></iframe>
+      </div>
+
+      <Markdown>
+        <slot />
+      </Markdown>
+    </div>
+
+    <AboutMe />
+  </div>
+</BaseLayout>

src/pages/podcast/[slug].astro

@@ -1,6 +1,6 @@
 ---
-import Layout from "~/layouts/Layout.astro";
 import Markdown from "~/components/Markdown.astro";
+import Layout from "~/layouts/PodcastEpisodeLayout.astro";
 import { getCollection } from "astro:content";
 
 export async function getStaticPaths() {

src/pages/podcast/index.astro

@@ -18,9 +18,9 @@ const parser = new MarkdownIt();
 ---
 
 <PageLayout title="The Beyond Blocks podcast">
-  {filteredEpisodes.isEmpty() ? (
-    <p>Coming soon...</p>
-  ) : (
+  <p>A weekly podcast about Drupal, open-source, and related software development topics.</p>
+
+  {filteredEpisodes && (
     <>
       <h2>Episodes</h2>
 
@@ -33,6 +33,10 @@ const parser = new MarkdownIt();
           </time>
 
           <Markdown set:html={sanitizeHtml(parser.render(episode.body))} />
+
+          <footer class="mt-4">
+            <a href={`/podcast/${episode.slug}`}>Listen now &rarr;</a>
+          </footer>
         </article>
       ))}
     </>