{{ define "main" }}
    <div class="row">
        {{ range .Params.categories }}
            <a href="/categories/{{ . | urlize }}/">{{ . }}</a>
        {{ end }}
    </div>

    {{if isset .Params "image" }}
        <img src="{{ index .Params "image" }}" alt="{{ .Title }}" class="heading">
    {{ end }}

    <article class="row content" style="margin-top: 2em">
        {{ .Content }}
    </article>

    {{ if .Params.tags }}
    <div class="row tags">
        <p>
            <span>Tagged: </span>
            {{ range .Params.tags }}
                <a href="/tags/{{ . | urlize }}/" class="tag">#{{ . }}</a>
            {{ end }}
        </p>
    </div>
    {{ end }}

    <div class="row navigation" style="margin-top: 2em">
        <nav aria-label="Post navigation">
            <div class="one-half column previous">
            {{ with .PrevInSection }}
                <a href="{{ .Permalink }}">&larr; {{ .Title }}</a>
            {{ end }}
            &nbsp;
            </div>
            <div class="one-half column next">
            {{ with .NextInSection }}
                <a href="{{ .Permalink }}">{{ .Title }} &rarr;</a>
            {{ end }}
            &nbsp;
            </div>
        </nav>
    </div>
{{ end }}