First draft

ChrisChinchilla · Nov 18, 2023 · 56a9495 · 56a9495
1 parent 5eebadc
commit 56a9495
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 2 deletions.
diff --git a/src/content/config.ts b/src/content/config.ts
@@ -103,7 +103,7 @@ const podcasts = defineCollection({
     description: z.string().optional(),
     image: z.string().optional(),
     audio_preview_url: z.string().optional(),
-    extra: z.string().optional(),
+    embed: z.string().optional(),
   }),
 });
 

diff --git a/src/content/podcasts/loris-degioanni-of-sysdig.md b/src/content/podcasts/loris-degioanni-of-sysdig.md
@@ -0,0 +1,2 @@
+---
+---
diff --git a/src/content/podcasts/what-is-developer-relations-with-richard-roger.md b/src/content/podcasts/what-is-developer-relations-with-richard-roger.md
@@ -0,0 +1,3 @@
+---
+embed: 'https://share.descript.com/embed/CMjM2PWxpl0'
+---
diff --git a/src/layouts/PodcastLayout.astro b/src/layouts/PodcastLayout.astro
@@ -71,10 +71,14 @@ function slugify(str) {
 
           <div class="mt-2">
             <div class="my-2" set:html={truncateMarkdown(podcast.description, { limit: 500, ellipsis: true })} />
+            <h2 class="text-xl sm:text-2xl leading-tight mb-2 font-heading dark:text-slate-300">Listen and download</h2>
             <audio controls src={podcast.enclosure.att_url} preload="none">
               <a href={podcast.enclosure.att_url}>Download audio</a>
             </audio>
-            {episodeData ? episodeData.extra : ''}
+            <h2 class="text-xl sm:text-2xl leading-tight mb-2 font-heading dark:text-slate-300">
+              Interactive transcript
+            </h2>
+            {episodeData ? <iframe src={episodeData.embed} width="100%" height="520" allowfullscreen /> : ''}
           </div>
         </article>
       </div>