feat: add more podcast content

src/_includes/svgs/link.svg

@@ -0,0 +1,6 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7.05025 1.53553C8.03344 0.552348 9.36692 0 10.7574 0C13.6528 0 16 2.34721 16 5.24264C16 6.63308 15.4477 7.96656 14.4645 8.94975L12.4142 11L11 9.58579L13.0503 7.53553C13.6584 6.92742 14 6.10264 14 5.24264C14 3.45178 12.5482 2 10.7574 2C9.89736 2 9.07258 2.34163 8.46447 2.94975L6.41421 5L5 3.58579L7.05025 1.53553Z" fill="currentColor"/>
+<path d="M7.53553 13.0503L9.58579 11L11 12.4142L8.94975 14.4645C7.96656 15.4477 6.63308 16 5.24264 16C2.34721 16 0 13.6528 0 10.7574C0 9.36693 0.552347 8.03344 1.53553 7.05025L3.58579 5L5 6.41421L2.94975 8.46447C2.34163 9.07258 2 9.89736 2 10.7574C2 12.5482 3.45178 14 5.24264 14C6.10264 14 6.92742 13.6584 7.53553 13.0503Z" fill="currentColor"/>
+<path d="M5.70711 11.7071L11.7071 5.70711L10.2929 4.29289L4.29289 10.2929L5.70711 11.7071Z" fill="currentColor"/>
+</svg>
+

src/_layouts/book.html

@@ -6,17 +6,20 @@ layout: base
 <article class="[ catalogue ] [ flow ]">
     {% from "macros/date.njk" import format %}
     {{ format(date) }}
-    <section class="[ catalogue-meta ] [ gap-1 mb-1 ]">
+    <section class="[ catalogue-meta ] [ flow ]">
         {% if image %}
             {% image image, "", "" %}
         {% endif %}
-        <div>
-            <h1>{{ title }}</h1>
-            {% if subtitle %}<h3 class="[ text-fadeText my-0.5 ]">{{ subtitle }}</h3>{% endif %}
-            {% if author %}<span class="[ text-fadeText ]">by</span> {{ author }}{% endif %}
-            {% import "macros/tags.njk" as tags %}
-            {{ tags.list(filteredTags) }}
-        </div>
+        <h1>{{ title }}</h1>
+        {% if subtitle %}<h3 class="[ text-fadeText my-0.5 ]">{{ subtitle }}</h3>{% endif %}
+        {% if author %}
+            <p>
+                <span class="[ text-fadeText ]">by</span> {{ author }}
+            </p>
+        {% endif %}
+        {% import "macros/tags.njk" as tags %}
+        {{ tags.list(filteredTags) }}
     </section>
+    <hr class="[ my-3 ]" />
     {{ content | safe }}
 </article>

src/_layouts/game.html

@@ -6,16 +6,15 @@ layout: base
 <article class="[ catalogue ] [ flow ]">
     {% from "macros/date.njk" import format %}
     {{ format(date) }}
-    <section class="[ catalogue-meta ] [ gap-1 mb-1 ]">
+    <section class="[ catalogue-meta ] [ flow ]">
         {% if image %}
             {% image image, "", "" %}
         {% endif %}
-        <div>
-            <h1>{{ title }}</h1>
-            <h2 class="[ text-fadeText my-0.5 ]">{{ year }}</h2>
-            {% import "macros/tags.njk" as tags %}
-            {{ tags.list(filteredTags) }}
-        </div>
+        <h1>{{ title }}</h1>
+        <h2 class="[ text-fadeText my-0.5 ]">{{ year }}</h2>
+        {% import "macros/tags.njk" as tags %}
+        {{ tags.list(filteredTags) }}
     </section>
+    <hr class="[ my-3 ]" />
     {{ content | safe }}
 </article>

src/_layouts/podcast.html

@@ -0,0 +1,23 @@
+---
+layout: base
+---
+
+<article class="[ catalogue ] [ flow ]">
+    {% from "macros/date.njk" import format %}
+    {{ format(date) }}
+    <section class="[ catalogue-meta ] [ flow ]">
+        {% if image %}
+            {% image image, "", "" %}
+        {% endif %}
+        <h1>{{ title }}</h1>
+        {% if subtitle %}<h2 class="[ text-fadeText ]">{{ subtitle }}</h2>{% endif %}
+    </section>
+    <hr class="[ my-3 ]" />
+    {{ content | safe }}
+    <a href="{{ url }}"
+       class="[ flex mt-1 items-center gap-0.5 ]"
+       target="_blank"
+       rel="external noreferrer noopener">
+        {% include "svgs/link.svg" %}
+    Listen to the podcast</a>
+</article>

src/assets/css/blocks/catalogue.css

@@ -1,31 +1,13 @@
-.catalogue {
-  container-type: inline-size;
-}
-
 .catalogue-type {
   font-size: 0.8rem;
   border-radius: 0.5rem;
 }
 
 .catalogue-meta {
-  display: grid;
-  grid-template-columns: 1fr 200px;
+  text-align: center;
 }
 
-.catalogue-meta picture {
-  max-width: 200px;
-}
-
-.catalogue-meta > *:first-child {
-  order: 1;
-}
-
-@container (max-width: 32rem) {
-  .catalogue-meta {
-    grid-template-columns: 1fr;
-  }
-
-  .catalogue-meta > *:first-child {
-    order: initial;
-  }
+.catalogue source,
+.catalogue img {
+  max-width: 50%;
 }

src/content/catalogue/catalogueType.html

@@ -22,5 +22,5 @@ eleventyComputed:
         </li>
     {% endfor %}
 </ul>
-{% set items = collections.catalogueByType[ type ] %}
+{% set items = collections.catalogueByType[ type ] | reverse %}
 {% include "partials/catalogue.html" %}

src/content/catalogue/podcasts/9-12.md

@@ -0,0 +1,9 @@
+---
+title: 9/12
+rating: 5
+image: https://cdn.wonderfulfrog.com/21dcd7ff8bee7ea7122dd755078befbef85978d7ee34af54840833a606d375da90a4f8a295842e8d2b58f4db5dfa6a69859a209e3c346f5f268546110b2b6d45.jpeg
+date: 2024-02-20
+url: https://art19.com/shows/9-12
+---
+
+What's it like the day _after_ 9/11? That's what this podcast explores. Dan Taberski proves he is a masterful host again and weaves a poignant narrative around "the next day".

src/content/catalogue/podcasts/a-death-in-cryptoland.md

@@ -0,0 +1,9 @@
+---
+title: A Death in Cryptoland
+rating: 5
+image: https://cdn.wonderfulfrog.com/adeathincryptoland-podcast-template-lg.avif
+date: 2024-02-20
+url: https://www.cbc.ca/listen/cbc-podcasts/904-a-death-in-cryptoland
+---
+
+Thoughts on cryptocurrency aside, this whole thing is _wild_. Every twist and turn continues to escalate - you'd be excused if you thought this was a piece of fiction.

src/content/catalogue/podcasts/boys-like-me.md

@@ -0,0 +1,18 @@
+---
+title: Boys Like Me
+rating: 5
+image: https://cdn.wonderfulfrog.com/BoysLikeMe-podcast-template.avif
+date: 2024-02-20
+url: https://www.cbc.ca/listen/cbc-podcasts/1035-boys-like-me
+---
+
+For those wondering how the modern incel movement starting gaining so much traction - this podcast explores how the movement started and how it has got so far.
+
+I found this podcast particularly harrowing because I heard myself in it so many times. I used to identify with the incel movement - before it had that name. At the height of Gamergate I was one of those amongst the thousands who believed the feminists were coming for my video games.
+
+It's so easy to become radicalized because it happens so slowly - it's insidious. There are men out there ready to bring you into the fold, truly terrible and reprehensible people that "validate" your feelings but feed you hateful ideology.
+
+I can't remember when I got out of the movement. It happened slowly if I remember right. I'd disagree with a small point, and then I found myself disagreeing more until I recognized it for what it was. Nothing but hateful rhetoric.
+
+It can be hard for a lot of men to reach that point, though. They become so entrenched in their beliefs that they can't think rationally anymore.
+

src/content/catalogue/podcasts/conversations-with-people-who-hate-me.md

@@ -0,0 +1,13 @@
+---
+title: Conversations With People Who Hate Me
+rating: 5
+image: https://cdn.wonderfulfrog.com/Conversations-With-People-Who-Hate-Me-Square-Logo.png
+date: 2024-02-20
+url: https://www.dylanmarron.com/podcast
+---
+
+A uniquely humanizing experience when Dylan chats with his haters. It's surprising to me how many people backtrack their comments (or at least stand by the spirit and not the delivery). I do think anonymity has this boosting effect in people's willingness to be mean (putting it lightly).
+
+The second season puts a fun twist on the format where people with diametric viewpoints are put onto a call (consensually) to have a discussion. Sometimes minds are changed, and people seem to want to listen with good faith.
+
+Honestly we need podcasts like this in a post-pandemic era where "us vs. them" mentality has completely dominated modern discourse online and in-person.

src/content/catalogue/podcasts/podcasts.json

@@ -1,5 +1,5 @@
 {
-  "layout": "catalogue",
+  "layout": "podcast",
   "tags": "podcast",
   "permalink": "catalogue/podcasts/{{ page.fileSlug }}/index.html"
 }

src/content/catalogue/podcasts/project-unabom.md

@@ -0,0 +1,11 @@
+---
+title: Project Unabom
+rating: 5
+image: https://cdn.wonderfulfrog.com/313x0w.webp
+date: 2024-02-20
+url: https://podcasts.apple.com/ca/podcast/project-unabom/id1627613321
+---
+
+A fascinating podcast that kept me fully engaged all the way through. The presentation is top-notch.
+
+It also served as a potent history lesson for myself. Try to resist the urge to check Wikipedia and let it unfold as you listen.

src/content/catalogue/podcasts/redemption-of-jar-jar-binks.md

@@ -0,0 +1,11 @@
+---
+title: The Redemption of Jar Jar Binks
+rating: 5
+image: https://cdn.wonderfulfrog.com/Jar_Jar_250x250.jpg
+date: 2024-02-20
+url: https://www.ted.com/podcasts/the-redemption-of-jar-jar-binks
+---
+
+The interviews with Ahmed Best in particular are wonderful. I'm ashamed that I was once a part of the online hate brigade that targeted their ire toward Jar Jar. It's so easy to forget that there is a human behind the CGI - a human behind the character.
+
+There's a ton of Star Wars history for a Star Wars fan to enjoy, but it's a story that anyone would be encouraged to hear. Dylan Marron is a fantastic host for the show.

src/content/catalogue/podcasts/the-flamethrowers.md

@@ -0,0 +1,13 @@
+---
+title: The Flamethrowers
+rating: 5
+image: https://cdn.wonderfulfrog.com/theflamethrowers-podcast-template.avif
+date: 2024-02-20
+url: https://www.cbc.ca/listen/cbc-podcasts/1026-the-flamethrowers
+---
+
+I appreciated the host's occasional sense of humour, because the podcast uses real audio from some of the right-wind radio hosts and it can be... vitriolic, to put it nicely. I don't know what to do but immediately laugh after some of the hateful bile these men spew.
+
+It amazed me how quietly it started, but much like a flamethrower (hey, just getting that now) the power of right-wind radio grew so rapidly.
+
+Much like any number of problems facing America in the 21st century, it comes back to Reagan.

src/content/catalogue/podcasts/the-new-gurus.md

@@ -0,0 +1,11 @@
+---
+title: The New Gurus
+rating: 5
+image: https://cdn.wonderfulfrog.com/the-new-gurus.webp
+date: 2024-02-20
+url: https://podcasts.apple.com/ca/podcast/the-new-gurus/id1659385785
+---
+
+There is an obsession with finding a guru - a subject matter expert - and trying to learn from them. I should know - I spent a large part of my 20s following the advice of wealthy, privileged white men telling me how to live a fulfilling life. Just wake up a 5am, just meditate every day for 30 minutes, just just just... I hate the word "just" now and treat it like a hangnail.
+
+Episode 3 in particular resonated with me. There are no shortage of shysters in the wellness and self-help industry promising to be your guru, but lacking in any credentials. The productivity sphere is lousy with them. There is a strange obsession with productivity in the world of white men, and few of them have any regard for someone who has a family has to deal with.

src/content/pages/catalogue.html

@@ -6,7 +6,7 @@ title: Catalogue
 
 <h1>Catalogue</h1>
 <p>A collection of my thoughts on various forms of media that I consume.</p>
-{% set items = collections.catalogue | reverse %}
+{% set items = collections.catalogue %}
 {% set catalogueTypes = collections.catalogueByType | keys %}
 <ul class="[ flex list-none gap-0.5 p-0 ]">
     {% for type in catalogueTypes %}