{{define "title"}}{{.Post.Title}} · {{.Site.Title}}{{end}}

{{define "content"}}

<article class="post-single">

    <header class="post-header">

        <div class="post-header-meta">

            <time datetime="{{isoDate .Post.Date.Time}}">{{formatDate .Post.Date.Time}}</time>

            <span class="post-author">{{.Post.Author}}</span>

        </div>

        <h1 class="post-title">{{.Post.Title}}</h1>

        <div class="post-tags">

            {{range .Post.Tags}}<a href="/tags/{{lower .}}/" class="tag">{{.}}</a>{{end}}

        </div>

    </header>

    {{if .Post.GetCover}}

    <div class="post-cover">

        <img src="{{.Post.GetCover}}" alt="{{.Post.Title}}" loading="lazy">

    </div>

    {{end}}

    {{if .Post.TOC}}

    <nav class="toc" id="toc">

        <h3>Inhaltsverzeichnis</h3>

    </nav>

    {{end}}

    <div class="post-content">

        {{safeHTML .Post.HTMLContent}}

    </div>

    <nav class="post-nav">

        {{if .PrevPost}}

        <a href="/posts/{{.PrevPost.Slug}}/" class="post-nav-link post-nav-prev">

            <span class="post-nav-label">&larr; Neuerer Artikel</span>

            <span class="post-nav-title">{{.PrevPost.Title}}</span>

        </a>

        {{else}}<span class="post-nav-link post-nav-prev disabled"></span>{{end}}

        {{if .NextPost}}

        <a href="/posts/{{.NextPost.Slug}}/" class="post-nav-link post-nav-next">

            <span class="post-nav-label">Älterer Artikel &rarr;</span>

            <span class="post-nav-title">{{.NextPost.Title}}</span>

        </a>

        {{else}}<span class="post-nav-link post-nav-next disabled"></span>{{end}}

    </nav>

    <div class="post-footer">

        <a href="/" class="back-link">&larr; Zurück zur Startseite</a>

    </div>

</article>

{{end}}