2024-11-22

2024-11-22 18:21:16 -06:00
parent 19ce5934b7
commit 1c3ea0b119
19 changed files with 171 additions and 72 deletions
--- a/content/campaigns/crew-of-the-kahuna.md
+++ b/content/campaigns/crew-of-the-kahuna.md
@@ -8,6 +8,12 @@ seasons:
  - 1
  - 4
 date: 2021-04-26
+pagination:
+  size: 5
+  alias: "episodes"
+  data: "collections.campaign:crew-of-the-kahuna"
+  generatePageOnEmptyData: true
+  reverse: true
 ---

 It is a dark time for the galaxy. Striking from their hidden base, the Rebel Alliance has destroyed the evil GALACTIC EMPIRE's powerful Death Star. Now, Imperial forces strike back, throwing the galaxy into war.
--- a/content/campaigns/junkfort-boyz.md
+++ b/content/campaigns/junkfort-boyz.md
@@ -1,5 +1,5 @@
 ---
-title: Junk Fort Boys
+title: Junkfort Boyz
 layout: campaign
 tags: campaign
 system: 
@@ -8,6 +8,12 @@ seasons:
  - 3
  - 5
 date: 2023-04-05
+pagination:
+  size: 5
+  alias: "episodes"
+  data: "collections.campaign:junkfort-boyz"
+  generatePageOnEmptyData: true
+  reverse: true
 ---

 In the electrified, shadowy streets of Doskvol, the Junk Fort Boys—a distinctive crew of eccentrics—tackle a series of misadventures.
--- a/content/campaigns/rick-and-morty.md
+++ b/content/campaigns/rick-and-morty.md
@@ -7,5 +7,11 @@ system:
 seasons:
  - 2
 date: 2022-08-05
+pagination:
+  size: 5
+  alias: "episodes"
+  data: "collections.campaign:rick-and-morty"
+  generatePageOnEmptyData: true
+  reverse: true
 ---
 When Morty sees a cute girl at school playing Dungeons & Dragons, he asks Rick to show him the ropes, only to discover that his grandfather is a veteran gamer. Next thing he knows, the entire family has been pulled into a campaign that escalates from virtual D&D simulations to alternate universes governed by the rules of the game. And as it turns out, Rick isn't the only one who knows his way around a d20.
--- a/content/css/s04.scss
+++ b/content/css/s04.scss
@@ -1,8 +1,5 @@
 .season-4, .season-1 {
-  --newspaper-background-texture-image: url(../images/starwars.jpg);
-  --newspaper-headline-font: 'Noticia Text';
-  --newspaper-base-font: 'EB Garamond';
-  --newspaper-name-font: 'UnifrakturCook';
+  --prologue-background-texture-image: url(../images/starwars.jpg);
  font-family: "Libre Franklin";

  section.prologue {
@@ -10,7 +7,7 @@
    margin: 20px;
    border: black solid 1 px;
    border-radius: 10px;
-    background: var(--newspaper-background-texture-image);
+    background: var(--prologue-background-texture-image);
    background-repeat:repeat;
    background-position:center top;
    background-color:black;
--- a/content/css/s05.scss
+++ b/content/css/s05.scss
@@ -1,3 +1,7 @@
+@import url('https://fonts.googleapis.com/css2?family=Noticia+Text:ital,wght@0,400;0,700;1,400;1,700&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=UnifrakturCook:wght@700&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&display=swap');
+
 .season-5 {
  --newspaper-background-texture-image: url(../images/parchment.jpg);
  --newspaper-headline-font: 'Noticia Text';
@@ -13,7 +17,7 @@
    text-align: justify;

    p {
-      columns: 2;
+      columns: 1;
    }

    h1, h2, h3 {
@@ -42,7 +46,7 @@
    }

    // Headline
-    h1 ~ h1 {
+    h1 ~ h2 {
      font-weight:bold;
      text-transform: uppercase;
    }
@@ -51,8 +55,12 @@
      columns: 1;
      text-align: center;
    }
+
+    //Headline image
    img {
      height:400px;
+      display: block;
+      margin: 0 auto;
    }

  }
--- a/content/css/style.scss
+++ b/content/css/style.scss
@@ -2,16 +2,19 @@ $primary-color: #333;
 $secondary-color: #f0f0f0;
@import "bootstrap";
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");
-@import url('https://fonts.googleapis.com/css2?family=Noticia+Text:ital,wght@0,400;0,700;1,400;1,700&display=swap');
-@import url('https://fonts.googleapis.com/css2?family=UnifrakturCook:wght@700&display=swap');
-@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Didact+Gothic&family=Libre+Franklin:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap');

 body {
+  .navbar {
+    padding: $spacer * .25 $spacer * .5 ;
+  }
  .navbar-brand {
    font-family: Oswald;
    text-transform: uppercase;
+    i {
+      margin-right: $spacer * .25;
+    }
  }

  font-family: "Libre Franklin", Helvetica, sans-serif, sans-serif;
@@ -25,6 +28,19 @@ body {
    padding: 20px 0;
  }

+  .hero {
+    margin-top: $spacer * .5;
+    text-align: center;
+    font-size: $font-size-base * .8;
+    h1 {
+      font-family: Oswald;
+      color: #592B1A;
+      font-weight: bold;
+      text-transform: uppercase;
+    }
+
+  }
+
  ul.campaigns {
    list-style-type: none;

@@ -43,6 +59,10 @@ body {
  nav {
    background-color: #333;
    overflow: hidden;
+    .navbar-brand {
+      color: #592B1A;
+      font-weight: 600;
+    }
    ul {
      list-style-type: none;
      margin: 0;
@@ -56,19 +76,36 @@ body {
      text-align: center;
      padding: 10px 12px;
      text-decoration: none;
-      font-size: 17px;
+      // font-size: 17px;
    }

    /* Change the color of links on hover */
    a:hover {
-      background-color: #ddd;
-      color: black;
+      // background-color: #ddd;
+      // color: black;
    }

    /* Add a color to the active/current link */
    a.active {
    }
+
  }
+  .card-title a {
+    color: inherit;
+    text-decoration: none;
+    &:hover {
+      color: $gray-700;
+      transition: color .2s ease-in;
+    }
+    &:not(:hover) {
+
+      transition: color .2s ease-in;
+    }
+  }
+  // .card img {
+  //   height: 150px;
+  //   width: 150px;
+  // }
 }

 header {
--- a/content/episodes/episodes.11tydata.js
+++ b/content/episodes/episodes.11tydata.js
@@ -3,9 +3,11 @@ module.exports = {
  "tags":['episode'],
  "eleventyComputed": {
    "episode": "{{page.fileSlug | episodeNumber: episode}}",
+    "image": "{{page.url}}/../image.jpg",
    "podcast": (data) => ({
      "url": data.podcast.url ||`${data.site.cdn}/s0${data.season}e${data.episode}.mp3`,
-      "title": data.podcast.title || `S0${data.season}E${data.episode}: ${data.title}`
+      "title": data.podcast.title || `S0${data.season}E${data.episode}: ${data.title}`,
+      "image" : data.podcast.image || data.image || "{{page.url}}/../image.jpg"
    })
  }
 }
--- a/content/episodes/s01/e46.md
+++ b/content/episodes/s01/e46.md
@@ -1,5 +1,4 @@
 ---
-title: "46:"
 date: 2022-07-08
 ---

--- a/content/episodes/s01/s01.11tydata.js
+++ b/content/episodes/s01/s01.11tydata.js
@@ -2,7 +2,7 @@
 module.exports =  {
  "season": 1,
  "tags": [
-    "crew-of-the-kahuna", "season:1"
+    "campaign:crew-of-the-kahuna", "season:1"
  ],
  "stylesheets": ["/css/s04.css"],
  "eleventyComputed": {
--- a/content/episodes/s02/s02.json
+++ b/content/episodes/s02/s02.json
@@ -1,6 +1,6 @@
 {
  "season": 2,
  "tags": [
-    "rick-and-morty", "season:2"
+    "campaign:rick-and-morty", "season:2"
  ]
 }
--- a/content/episodes/s03/s03.json
+++ b/content/episodes/s03/s03.json
@@ -1,6 +1,6 @@
 {
  "season": 3,
  "tags": [
-    "junkfort-boys", "season:3"
+    "campaign:junkfort-boyz", "season:3"
  ]
 }
--- a/content/episodes/s05/e27.md
+++ b/content/episodes/s05/e27.md
@@ -6,19 +6,19 @@ date: 2024-10-06
 podcast: true
 ---

-
+# Prologue
 <section class="prologue">
- 
+
  Deep Water Digest
  ====================================
  How do you know what they wished for?

-  # Day Saved – Baths Had By All
+  ## Day Saved – Baths Had By All
  ![](../e27.png)
-  ## Of course he was nude
+  Of course he was nude

-  Following the revelation that little Maggie was a ghost, the group got to work. Squish found a guide in Patches' belongings, detailing how to reunite the mind, the spirit, and the body. Patches dug and found Maggie's drums. Djuckles built his own talkie- walkie, and was able to commune with the rest of the group after losing his clothes. He then dug a deep hole, and, finding no body, had to coax Old Peg into the hole. With a quick attune, Patches reunited Margaret in all her forms. As a thank you, Maggie's spirit showed the crew to the secret spa, and granted each of them a whisper. Djuckles wished for friendship, and found acceptance. Squish wished to never hunger, and found satiation. Patches wavered between returning to Lockport, or gaining control of the ship.\
-  \
+  Following the revelation that little Maggie was a ghost, the group got to work. Squish found a guide in Patches' belongings, detailing how to reunite the mind, the spirit, and the body. Patches dug and found Maggie's drums. Djuckles built his own talkie- walkie, and was able to commune with the rest of the group after losing his clothes. He then dug a deep hole, and, finding no body, had to coax Old Peg into the hole. With a quick attune, Patches reunited Margaret in all her forms. As a thank you, Maggie's spirit showed the crew to the secret spa, and granted each of them a whisper. Djuckles wished for friendship, and found acceptance. Squish wished to never hunger, and found satiation. Patches wavered between returning to Lockport, or gaining control of the ship.
+  
  After their bath, the crew returned to the Kahuna Wave, where the Captain waited for them. They decided to head to the next island, where the Captain has another contest up his sleeve.

 </section>
--- a/content/episodes/s05/e30.md
+++ b/content/episodes/s05/e30.md
@@ -3,24 +3,24 @@ title:
 date: 2024-11-18
 ---

+# Prologue
 <section class="prologue">
-  
+
 Dark Water Weekly
 ==========================
 No, no, don't come in here!

-# Fire In Your House And In Your Heart
+## Fire In Your House And In Your Heart
  
-Our crew regathered in the vault room, passing an overjoyed Hotman as he set yet another fine establishment ablaze. Squish remembered Djuckles had made gas masks for this purpose. Djuckles remembered that he had forgotten whether he had made exploding masks or protective masks, so it was a real wild card.\
-\
+Our crew regathered in the vault room, passing an overjoyed Hotman as he set yet another fine establishment ablaze. Squish remembered Djuckles had made gas masks for this purpose. Djuckles remembered that he had forgotten whether he had made exploding masks or protective masks, so it was a real wild card.
+
 They convinced Lady High Hill to retreat to her room with the chest. Djuckles and Lady High Hill escaped through the window, with Djuckles suffering a few injuries on the way down. Djuckles ran back inside the house, where he saved Lord High Hill, and told the real Captain of their plight. Patches and Squish stayed to fight for the chest. Despite three of the four gas masks exploding in their favor, it was still a tough battle.Soon they were backed into a corner, with fire behind them, and guards between them and their prize. Suddenly, the Captain burst in, beard and eyes blazing. He snatched the chest, and rescued his crew mates.\
-\
+
 As they made a hasty retreat, Lady High Hill warned Djuckels about the true nature of the harp. It can cause anyone who hears it to obey the player, and now it's in the hands of a murderous ghost pirate.

 </section>

-
-
+# Alternate Titles
 <section class="alternate-titles">

 * _"I Thought It Was a Fish"_ \- Tiger (GM)
--- a/content/episodes/s05/e31.md
+++ b/content/episodes/s05/e31.md
@@ -0,0 +1,21 @@
+---
+title: 
+date: 2024-11-18
+---
+{% prologue %}
+# The Daily Chronicle
+"Your Source for Timely News"
+2024-11-22
+
+## Historic Event Shakes the World
+_Insights and perspectives on a momentous occasion_
+
+![A descriptive caption about the image](path/to/image.jpg) 
+"Photo: An iconic moment captured on location."
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+
+Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+
+Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
+{% endprologue %}
--- a/content/episodes/s05/s05.json
+++ b/content/episodes/s05/s05.json
@@ -1,7 +1,8 @@
 {
  "season": 5,
+
  "tags": [
-    "junkfort-boyz", "season:5"
+    "campaign:junkfort-boyz", "season:5"
  ],
  "stylesheets": ["/css/s05.css"]
 }
--- a/layouts/campaign.hbs
+++ b/layouts/campaign.hbs
@@ -4,18 +4,29 @@ layout: base-with-heading
 ---

 {{{content}}}
-<p>{{season}}</p>
+
 <h1>Episodes</h1>
-  <ul>
-  {{#each collections.episode}}
-    {{#ifIncludes ../seasons data.season }}
-    <li>
-      <h2>
+<ul>
+{{#each episodes}}
+  <li class="card my-2">
+    <div class="card-body">
+      <h5 class="card-title">
        <a href="{{{this.page.url}}}">
-          {{{formatSeasonEpisode data.season data.episode }}}: {{{ data.title }}}
+          {{#if data.title}}<strong>{{{data.episode}}}</strong>: {{{data.title}}}{{else}}{{data.episode}}{{/if}}
        </a>
-      </h2>
-    </li>
-    {{/ifIncludes}}
-  {{/each}}
-  </ul>
+      </h5>
+      <span class="card-subtitle mb-2 text-body-secondary">{{{date this.date "MMM D, YYYY"}}}</h6>
+    </div>
+  </li>
+{{/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>
+    {{#each pagination.hrefs}}
+
+    <li class="page-item {{#is @index ../pagination.pageNumber }}active{{/is}}" page-number="{{../pagination.pageNumber}}" index="{{@index}}"><a class="page-link " href="{{this}}">{{plus @index 1}}</a></li>
+    {{/each}}
+    <li class="page-item"><a class="page-link {{#eq pagination.pageNumber (minus (length pagination.hrefs) 1)}}disabled{{/eq}}" href="{{pagination.next}}">Next</a></li>
+  </ul>
+</div>
--- a/layouts/episode.hbs
+++ b/layouts/episode.hbs
@@ -9,14 +9,19 @@ eleventyComputed:
    <div class="row">
      <div class="col"><img src="{{{this.url}}}../image.jpg" class="img-fluid"></div>
      <div class="col">
-        <h1>{{{title}}}<a href="{{{podcast.url}}}" ><i class="bi bi-download m-1"></i></a></h1>
+        <h1>{{#if title}}{{{title}}}{{else}}Episode {{episode}}{{/if}}<a href="{{{podcast.url}}}" ><i class="bi bi-download m-1"></i></a></h1>
+        {{#if podcast.url}}
        <audio controls>
          <source src="{{{podcast.url}}}" 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"}}
          <div class="badge text-bg-dark fw-light rounded-1">{{{this}}}</div>
+          {{/unlessEq}}
+
        {{/each}}
      </div>
      </div>
--- a/layouts/index.hbs
+++ b/layouts/index.hbs
@@ -2,37 +2,37 @@
 {
  layout: "base",
  latest_episodes: function(episodes) {
-    return episodes.sort().reverse().slice(0,3)
+    return episodes.sort().reverse().slice(0,4)
  }
 }
 ---
-<div class="p-5 my-5 text-center bg-body-tertiary">
-    <div>
-      <h1 class="text-uppercase">{{title}}</h1>
-      <section>
-        {{{content}}}
-      </section>
-      <section>
-        {{#if links.podcastRss}}
-          <a href="{{{links.podcastRss}}}" class="btn btn-outline-primary"><i class="bi bi-rss-fill me-1"></i>RSS</a>
-        {{/if}}
-      </section>
-    </div>
+<div class="hero">
+  <h1>{{title}}</h1>
+  <section class="text-muted">
+    {{{content}}}
+  </section>
+  <section>
+    {{#if links.podcastRss}}
+      <a href="{{{links.podcastRss}}}" class="btn btn-outline-primary"><i class="bi bi-rss-fill me-1"></i>RSS</a>
+    {{/if}}
+  </section>
 </div>
 <section class="py-5">
-  <h1>Latest Episodes</h1>
-    <div class="row row-cols-1 row-cols-md-3 g-1">
+  <h1 class="text-center fs-2">Latest Episodes</h1>
+  <div class="container" style="max-width:500px">
+    <div class="row row-cols-2 g-1">
      {{#each (latest_episodes collections.episode)}}
-        <div class="col">
-          <div class="card m-2">
-                <img src="{{this.url}}/../image.jpg" class="img-fluid">
-                <div class="card-body">
-                  <h5 class="card-title"><a href={{{this.url}}}>{{#if data.title}}{{{data.title}}}{{else}}Episode {{data.episode}}{{/if}}</a></h5>
-                  <h6 class="card-subtitle mb-2 text-body-secondary"> Season {{{data.season}}}</h6>
-                  <span class="card-subtitle mb-2 text-body-secondary"> {{{date this.date "ddd, MMM D, YYYY, LT"}}}</h6>
-                </div>
+          <div class="col">
+            <div class="card m-2">
+              <a href={{{this.url}}}><img src="{{this.data.image}}" class="card-img-top"></a>
+              <div class="card-body">
+                <h5 class="card-title"><a href={{{this.url}}}>{{#if data.title}}{{{data.title}}}{{else}}Episode {{data.episode}}{{/if}}</a></h5>
+                <h6 class="card-subtitle mb-2 text-body-secondary">Season {{{data.season}}}</h6>
+                <span class="card-subtitle mb-2 text-body-secondary">{{{date this.date "MMM D, YYYY"}}}</h6>
+              </div>
+            </div>
          </div>
-        </div>
      {{/each}}
    </div>
+  </div>
  </section>
--- a/layouts/podcast-season.hbs
+++ b/layouts/podcast-season.hbs
@@ -9,10 +9,10 @@ layout: base
      <div class="card-body">
        <h5 class="card-title">
          <a href="{{{this.page.url}}}">
-            {{{ data.title }}}
+            {{#if data.title}}<strong>{{{data.episode}}}</strong>: {{{data.title}}}{{else}}{{data.episode}}{{/if}}
          </a>
        </h5>
-        <p class="card-text">Season {{data.season}}, Episode {{data.episode}}</p>
+        <span class="card-subtitle mb-2 text-body-secondary">{{{date this.date "MMM D, YYYY"}}}</h6>
      </div>
    </li>
  {{/each}}