Add podcast teaser.

Author: kosmikus

docs/podcast/index.html

@@ -220,20 +220,26 @@ <h1 class="text-2xl-5xl">The Haskell Interlude</h1>
   </div>
 
 
-<div class="max-w-screen-md mx-auto grid gap-8">
-
-
-  <div class="bg-gray-100 px-6 sm:px-12 space-y-4 py-12">
-
+<div class="max-w-screen-xl mx-auto">
+  <div class="bg-gray-100 px-6 sm:px-12 lg:px-16 py-12 lg:py-24">
+    <h2 class="text-center text-2xl-4xl font-normal">Episode 0: Teaser</h2>
+    <div class="mt-8  space-y-8 max-w-2xl mx-auto">
       <p>
-      		We are starting a new Haskell-focused podcast where we interview guests from the Haskell community. The hosts are Niki Vazou, Joachim Breitner, Andres Löh, Alejandro Serrano and Wouter Swierstra.
+        We are starting a new Haskell-focused podcast where we interview guests from the Haskell community. The hosts are Niki Vazou, Joachim Breitner, Andres Löh, Alejandro Serrano and Wouter Swierstra. In this teaser episode, we introduce ourselves. The first regular episode will appear very soon.
       </p>
-
-      <p> The first episode is coming soon! </p>
-
+      <center>
+        <audio controls>
+          <source src="static/podcast/ep0-teaser.mp3">
+          <source src="static/podcast/ep0-teaser.ogg">
+          Audio not supported by browser.
+        </audio>
+      </center>
+      <p>
+        The music used is "Blue Lambda" by <a href="https://www.donyaquick.com/">Donya Quick</a>.
+        Many thanks to Donya for giving us permission to use this track for our podcast.
+      </p>
+    </div>
   </div>
-
-
 </div>
 
   </div>

docs/static/podcast/ep0-teaser.mp3

@@ -36,18 +36,24 @@ <h1 class="text-2xl-5xl">The Haskell Interlude</h1>
   </div>
 
 
-<div class="max-w-screen-md mx-auto grid gap-8">
-
-
-  <div class="bg-gray-100 px-6 sm:px-12 space-y-4 py-12">
-
+<div class="max-w-screen-xl mx-auto">
+  <div class="bg-gray-100 px-6 sm:px-12 lg:px-16 py-12 lg:py-24">
+    <h2 class="text-center text-2xl-4xl font-normal">Episode 0: Teaser</h2>
+    <div class="mt-8  space-y-8 max-w-2xl mx-auto">
       <p>
-      		We are starting a new Haskell-focused podcast where we interview guests from the Haskell community. The hosts are Niki Vazou, Joachim Breitner, Andres Löh, Alejandro Serrano and Wouter Swierstra.
+        We are starting a new Haskell-focused podcast where we interview guests from the Haskell community. The hosts are Niki Vazou, Joachim Breitner, Andres Löh, Alejandro Serrano and Wouter Swierstra. In this teaser episode, we introduce ourselves. The first regular episode will appear very soon.
       </p>
-
-      <p> The first episode is coming soon! </p>
-
+      <center>
+        <audio controls>
+          <source src="static/podcast/ep0-teaser.mp3">
+          <source src="static/podcast/ep0-teaser.ogg">
+          Audio not supported by browser.
+        </audio>
+      </center>
+      <p>
+        The music used is "Blue Lambda" by <a href="https://www.donyaquick.com/">Donya Quick</a>.
+        Many thanks to Donya for giving us permission to use this track for our podcast.
+      </p>
+    </div>
   </div>
-
-
 </div>