From fc0d61e33a49de73b9db659399eb7d2b9fbdb19c Mon Sep 17 00:00:00 2001
From: Oliver Davies <oliver@oliverdavies.uk>
Date: Fri, 10 Nov 2023 09:20:44 +0000
Subject: [PATCH] feat: publish Matt Glaman podcast episode

---
 src/content/podcast-episode/1-retrofit.md |  3 +--
 src/layouts/Layout.astro                  |  4 ++++
 src/layouts/PodcastEpisodeLayout.astro    | 24 +++++++++++++++++++++++
 src/pages/podcast/[slug].astro            |  2 +-
 src/pages/podcast/index.astro             | 10 +++++++---
 5 files changed, 37 insertions(+), 6 deletions(-)
 create mode 100644 src/layouts/PodcastEpisodeLayout.astro

diff --git a/src/content/podcast-episode/1-retrofit.md b/src/content/podcast-episode/1-retrofit.md
index 44003465d..e5e9bb358 100644
--- a/src/content/podcast-episode/1-retrofit.md
+++ b/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.
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index 7d1825f9e..8b1c7f06c 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -34,6 +34,10 @@ const footerLinks = [
     title: "Talks",
     href: "/talks",
   },
+  {
+    title: "Podcast",
+    href: "/podcast",
+  },
   {
     title: "Daily list",
     href: "/daily",
diff --git a/src/layouts/PodcastEpisodeLayout.astro b/src/layouts/PodcastEpisodeLayout.astro
new file mode 100644
index 000000000..c0402a4eb
--- /dev/null
+++ b/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>
diff --git a/src/pages/podcast/[slug].astro b/src/pages/podcast/[slug].astro
index 544c4681e..a8233216a 100644
--- a/src/pages/podcast/[slug].astro
+++ b/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() {
diff --git a/src/pages/podcast/index.astro b/src/pages/podcast/index.astro
index 6ff19cc03..4f655c4c6 100644
--- a/src/pages/podcast/index.astro
+++ b/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>
       ))}
     </>