{{ define "main" }}
    <div id="landing">
        <img src="cover.png" />
        <div class="info">
            <h2>Pitch & Play is a podcast about actually playing the games your friends recommend.</h2>
            <p>Every two weeks, Cassie and Ross take turns “pitching” a game for the other to play… and then we follow through on it! We then have an in-depth conversation about the game and decide whether the pitch was successful.</p>
            <a href="https://podnews.net/podcast/ia8z8"><button type="button">Subscribe</button></a>
        </div>
    </div>
    <h2 class="episodes">Latest Episode</h2>
    <ul id="episodes">
        {{ range ( where .Site.RegularPages "Type" "episodes" | first 1 ) }}
          <li>
            <div class="thumb" style="background-image: url('{{ .Site.BaseURL }}/{{.Params.url }}/{{ .Params.featuredImage }}');">
            </div>
            <div class="info">
              <div class="meta">
                <svg  xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"  fill="currentColor"  class="icon icon-tabler icons-tabler-filled icon-tabler-calendar-week"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M16 2c.183 0 .355 .05 .502 .135l.033 .02c.28 .177 .465 .49 .465 .845v1h1a3 3 0 0 1 2.995 2.824l.005 .176v12a3 3 0 0 1 -2.824 2.995l-.176 .005h-12a3 3 0 0 1 -2.995 -2.824l-.005 -.176v-12a3 3 0 0 1 2.824 -2.995l.176 -.005h1v-1a1 1 0 0 1 .514 -.874l.093 -.046l.066 -.025l.1 -.029l.107 -.019l.12 -.007q .083 0 .161 .013l.122 .029l.04 .012l.06 .023c.328 .135 .568 .44 .61 .806l.007 .117v1h6v-1a1 1 0 0 1 1 -1m3 7h-14v9.625c0 .705 .386 1.286 .883 1.366l.117 .009h12c.513 0 .936 -.53 .993 -1.215l.007 -.16z" /><path d="M9.015 13a1 1 0 0 1 -1 1a1.001 1.001 0 1 1 -.005 -2c.557 0 1.005 .448 1.005 1" /><path d="M13.015 13a1 1 0 0 1 -1 1a1.001 1.001 0 1 1 -.005 -2c.557 0 1.005 .448 1.005 1" /><path d="M17.02 13a1 1 0 0 1 -1 1a1.001 1.001 0 1 1 -.005 -2c.557 0 1.005 .448 1.005 1" /><path d="M12.02 15a1 1 0 0 1 0 2a1.001 1.001 0 1 1 -.005 -2z" /><path d="M9.015 16a1 1 0 0 1 -1 1a1.001 1.001 0 1 1 -.005 -2c.557 0 1.005 .448 1.005 1" /></svg>
                <span class="date">
                  {{ time.Format "January 2, 2006" .PublishDate }}
                </span>
                <svg  xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"  fill="none"  stroke="currentColor"  stroke-width="2"  stroke-linecap="round"  stroke-linejoin="round"  class="icon icon-tabler icons-tabler-outline icon-tabler-stopwatch"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 13a7 7 0 1 0 14 0a7 7 0 0 0 -14 0z" /><path d="M14.5 10.5l-2.5 2.5" /><path d="M17 8l1 -1" /><path d="M14 3h-4" /></svg>
                <span class="duration">
                  {{ .Params.episodeDuration }}
                </span>
              </div>
              <a href="{{ .Permalink }}" class="episodeTitle"><h3>{{ .Title }}</h3></a>
              <p>{{ .Summary }}</p>
            </div>
          </li>
        {{ end }}
    </ul>
    <div class="all">
      <a href="/episodes/">view all episodes ⇒</a>
    </div>
{{ end }}