2024-11-19

layouts/episode.hbs

@@ -5,4 +5,26 @@ eleventyComputed:
   bodyClasses: "episode season-{{season}}"
 ---
 
-{{{content}}}
+<div class="container py-5">
+  <div class="bg-body-tertiary p-4 my-2 rounded">
+    <div class="row">
+      <div class="col"><img src="{{{this.url}}}../image.jpg" class="img-fluid"></div>
+      <div class="col">
+        <h1>{{{title}}}<a href="{{{site.cdn}}}/s0{{{season}}}e{{{episode}}}.mp3" ><i class="bi bi-download m-1"></i></a></h1>
+        <audio controls>
+          <source src="{{{site.cdn}}}/s0{{{season}}}e{{{episode}}}.mp3" type="audio/mpeg">
+        Your browser does not support the audio element.
+        </audio>
+      <div class="d-flex felx-wrap m-1 gap-1">
+        {{#each tags}}
+          <div class="badge text-bg-dark fw-light rounded-1">{{{this}}}</div>
+        {{/each}}
+      </div>
+      </div>
+      
+    </div>
+  </div>
+  
+  {{{content}}}
+
+</div>