{{ define "main" }}
    <h2>{{ .Title }}</h2>

    <div>
    {{ .Content }}
    </div>

    <table>
    <tr>
        <th>Date</th>
        <td>
            <time datetime="{{ .Page.Lastmod.Format "Mon Jan 10 17:13:38 2020 -0700" }}" class="text-muted">
                {{ $.Date.Format "January 02, 2006" }}
            </time>
        </td>
    </tr>
    {{ with .Params.arttags }}
    <tr>
        <th>Tags</th>
        <td>
            {{ $len := (len .) }}
            {{ range $index, $element := . }}
            <a href="/art/tags/{{ lower . }}/"><strong>{{ $element }}</strong></a>{{ if not (eq (add $index 1) $len) }},{{ end }}
            {{ end }}
        </td>
    </tr>
    {{ end }}
    {{ with .Params.characters }}
    <tr>
        <th>Characters</th>
        <td>
            {{ $len := (len .) }}
            {{ range $index, $element := . }}
            <a href="/art/characters/{{ lower . }}/"><strong>{{ $element }}</strong></a>{{ if not (eq (add $index 1) $len) }},{{ end }}
            {{ end }}
        </td>
    </tr>
    {{ end }}
    </table>

    <h3>Comments</h3>
    <script
        data-isso="//comments.redstrate.com/"
        data-isso-title=""
        data-isso-avatar="false"
        data-isso-vote="false"
        data-isso-reveal-on-click="5"
        src="//comments.redstrate.com/js/embed.min.js" async crossorigin></script>

    <section id="isso-thread" data-title="{{ .Title }}" data-isso-id="{{ .File.ContentBaseName }}">
        <noscript>Javascript needs to be activated to view comments.</noscript>
    </section>
{{ end }}