{{ define "main" }}
    <div id="cover" style="background-image: url('{{ .Params.featuredImage }}');">
        <h2>{{ .Title }}</h2>
        <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>
        </div>
    </div>
    <div id="content">
        {{ .Content }}
    </div>
    <div class="postNav">
        {{ if .Prev }}
            <a class="link-reverse" href="{{ .Prev.Permalink }}?ref=footer">
                <div class="arrow">
                    «
                </div>
                <div class="jump">
                    <span class="label">
                        Previous Episode
                    </span>
                    <span class="title">
                        {{ .Prev.Title }}
                    </span>
                </div>
            </a>
        {{ end }}
    
        {{ if .Next }}
            <a class="link-forward" href="{{ .Next.Permalink }}?ref=footer">
                <div class="jump">
                    <span class="label">
                        Next Episode
                    </span>
                    <span class="title">
                        {{ .Next.Title }}
                    </span>
                </div>
                <div class="arrow">
                    »
                </div>
            </a>
        {{ end }}
    </div>
{{ end }}