2024-11-22

This commit is contained in:
2024-11-22 18:21:16 -06:00
parent 19ce5934b7
commit 1c3ea0b119
19 changed files with 171 additions and 72 deletions

View File

@@ -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>

View File

@@ -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>

View File

@@ -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>

View File

@@ -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}}