2024-11-26

layouts/base.hbs

@@ -23,7 +23,7 @@
     </div>
   </div>
 </nav>
-  <main class="container">
+  <main class="container p-0 p-md-4">
     {{{content}}}
   </main>
 <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js" 

layouts/campaign.hbs

@@ -10,9 +10,8 @@ layout: base-with-heading
   {{/with}}
 {{/each}}
 <h1>Episodes</h1>
-<ul>
 {{#each episodes}}
-  <li class="card my-2">
+  <div class="card my-2">
     <div class="card-body">
       <h5 class="card-title">
         <a href="{{{this.page.url}}}">
@@ -21,9 +20,8 @@ layout: base-with-heading
       </h5>
       <span class="card-subtitle mb-2 text-body-secondary">{{{date this.date "MMM D, YYYY"}}}</h6>
     </div>
-  </li>
+  </div>
 {{/each}}
-</ul>
 <div aria-label="Page navigation">
   <ul class="pagination">
     <li class="page-item {{#eq pagination.pageNumber 0}}disabled{{/eq}}"><a class="page-link" href="{{pagination.previous}}">Previous</a></li>

layouts/episode.hbs

@@ -3,37 +3,33 @@ layout: "base"
 eleventyComputed:
   bodyClasses: "episode season-{{season}}"
 ---
+<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>{{#if title}}{{{title}}}{{else}}Episode {{episode}}{{/if}}</h1>
+      Season {{season}}, Episode {{episode}} <br>
+      <date>{{formatDate this.date "MMMM d, yyyy"}}</date><br>
+      {{#if podcast.enclosureUrl}}
+      <a href="{{{podcast.enclosureUrl}}}">Download</a>
+      <audio controls>
+        <source src="{{{podcast.enclosureUrl}}}" type="audio/mpeg">
+      Your browser does not support the audio element.
+      </audio>
+      {{/if}}
+    <div class="d-flex felx-wrap m-1 gap-1">
+      {{#each tags}}
+        {{#unlessEq this "episode"}}
+            {{#with (findPageByTag this ../collections) as |page|}}
+              <a href="{{ page.url }}" class="badge text-bg-dark fw-light rounded-1">{{ page.data.title }}</a>
+            {{/with}}
+        {{/unlessEq}}
 
-<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>{{#if title}}{{{title}}}{{else}}Episode {{episode}}{{/if}}</h1>
-        Season {{season}}, Episode {{episode}} <br>
-        <date>{{formatDate this.date "MMMM d, yyyy"}}</date><br>
-        {{#if podcast.enclosureUrl}}
-        <a href="{{{podcast.enclosureUrl}}}">Download</a>
-        <audio controls>
-          <source src="{{{podcast.enclosureUrl}}}" type="audio/mpeg">
-        Your browser does not support the audio element.
-        </audio>
-        {{/if}}
-      <div class="d-flex felx-wrap m-1 gap-1">
-        {{#each tags}}
-          {{#unlessEq this "episode"}}
-              {{#with (findPageByTag this ../collections) as |page|}}
-                <a href="{{ page.url }}" class="badge text-bg-dark fw-light rounded-1">{{ page.data.title }}</a>
-              {{/with}}
-          {{/unlessEq}}
-
-        {{/each}}
-      </div>
-      </div>
-      
+      {{/each}}
     </div>
+    </div>
+    
   </div>
-  
-  {{{content}}}
-
 </div>
+
+{{{content}}}