2024-11-19
This commit is contained in:
9
layouts/base-with-heading.hbs
Normal file
9
layouts/base-with-heading.hbs
Normal file
@@ -0,0 +1,9 @@
|
||||
---
|
||||
layout: base
|
||||
---
|
||||
|
||||
<div class="my-3">
|
||||
<h1>{{title}}</h1>
|
||||
</div>
|
||||
|
||||
{{{content}}}
|
||||
@@ -3,20 +3,30 @@
|
||||
<meta charset="utf-8">
|
||||
<title>{{#if title }}{{ title }}{{else}}{{ site.title }}{{/if}} - {{ site.name }}</title>
|
||||
<link rel="stylesheet" href="{{site.url}}/css/style.css">
|
||||
{{#each stylesheets}}
|
||||
<link rel="stylesheet" href="{{site.url}}{{this}}">
|
||||
{{/each}}
|
||||
</head>
|
||||
<body class="{{{bodyClasses}}}">
|
||||
<header>
|
||||
<div>rpg.ascorrea.com</div>
|
||||
<nav>
|
||||
<ul>
|
||||
<li><a href="{{site.url}}">Home</a></li>
|
||||
<li><a href="{{site.url}}/campaigns">Campaigns</a></li>
|
||||
<li><a href="{{site.url}}/seasons">Seasons</a></li>
|
||||
<nav class="navbar navbar-expand-lg bg-body-tertiary">
|
||||
<div class="container-fluid">
|
||||
<a class="navbar-brand" href="{{site.url}}"><i class="bi bi-dice-4-fill"></i>Kahuna</a>
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<div class="collapse navbar-collapse" id="navbarSupportedContent">
|
||||
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
|
||||
<li class="nav-item"><a class="nav-link" href="{{site.url}}/campaigns">Campaigns</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="{{site.url}}/seasons">Seasons</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
<main>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
<main class="container">
|
||||
{{{content}}}
|
||||
</main>
|
||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"
|
||||
integrity="sha384-geWF76RCwLtnZ8qwWowPQNguL3RmwHVBC9FhGdlKrxdiJJigb/j/68SIy3Te4Bkz"
|
||||
crossorigin="anonymous" webc:keep></script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,7 +1,7 @@
|
||||
---
|
||||
layout: base
|
||||
---
|
||||
<h1>{{title}}</h1>
|
||||
|
||||
{{{content}}}
|
||||
<p>{{season}}</p>
|
||||
<h1>Episodes</h1>
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -1,7 +1,38 @@
|
||||
---js
|
||||
{
|
||||
layout: "base",
|
||||
latest_episodes: function(episodes) {
|
||||
return episodes.sort().reverse().slice(0,3)
|
||||
}
|
||||
}
|
||||
---
|
||||
layout: base
|
||||
---
|
||||
|
||||
<section>
|
||||
{{{content}}}
|
||||
</section>
|
||||
<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="{{{site.url}}}{{{links.podcastRss}}}" class="btn btn-outline-primary"><i class="bi bi-rss-fill me-1"></i>RSS</a>
|
||||
{{/if}}
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
<section class="py-5">
|
||||
<h1>Latest Episodes</h1>
|
||||
<div class="row row-cols-1 row-cols-md-3 g-1">
|
||||
{{#each (latest_episodes collections.episode)}}
|
||||
<div class="col">
|
||||
<div class="card m-2">
|
||||
<img src="{{this.url}}../image.jpg" class="card-img-left">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title"><a href={{{this.url}}}>{{{data.title}}}</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>
|
||||
</div>
|
||||
{{/each}}
|
||||
</div>
|
||||
</section>
|
||||
@@ -53,7 +53,9 @@ class PodcastFeed {
|
||||
|
||||
items.forEach(episode=>{
|
||||
const episode_data = episode.data
|
||||
const zero_pad_season = episode_data.season.toString().padStart(2, '0')
|
||||
var zero_pad_season
|
||||
|
||||
zero_pad_season = episode_data.season.toString().padStart(2, '0')
|
||||
// const duration = getMp3Duration(`../episodes/s${zero_pad_season}/s${zero_pad_season}e${episode_data.episode}.mp3`)
|
||||
/* loop over data and add to feed */
|
||||
feed.addItem({
|
||||
|
||||
Reference in New Issue
Block a user