{{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}}