---js
{
  layout: "base",
  latest_episodes: function(episodes, limit) {
    return episodes.sort().reverse().slice(0,limit)
  }
}
---
<div class="hero">
  <h1>{{heroText}}</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>
<hr>
<section class="">
  <h1 class="text-center fs-2">Latest Episodes</h1>
  <div class="container" style="max-width:500px">
  {{>episode_card_grid toList=collections.episode limit=4}} 
  </div>
  </section>