{{ define "main" }}
<article>
    <div id="post-header-cover" class="w-100 vh-50 dt bg-center cover bg-gray"
         style="background-image:url({{ .Params.coverimage }})">
        <header class="dt pa2 pa5-ns mw7 center post-header white">
            <h1 class="f1 lh-title">
                {{ .Title }}</h1>

            <div class="f4 tracked">{{ .Date.Format "Mon, Jan 2, 2006" }}</div>
        </header>
    </div>

    <div id="content" class="mw7 center">
        <div class="f4 lh-copy pv4 ph2 black-70">
            {{ .Content }}
        </div>

        <footer class="ph3 pb2 bt bb cf b--black-50">
            {{ with .Params.tags }}
            <div class="fl-ns w-50-ns mb2">
                <h5 class="f5 ttu black-60">Tagged in</h5>
                {{ range . }}
                <a class="f5 link br1 ph3 pv2 blue dib hover-bg-light-blue hover-white ba"
                   href="{{ $.Site.LanguagePrefix }}/tags/{{ . | urlize }}/">{{ . }}</a>
                {{ end }}
            </div>
            {{ end }}

            <div class="fl-ns w-50-ns mb2">
                <h5 class="f5 ttu black-60">Share in Social Networks</h5>
                {{ range .Site.Params.sharingOptions }}
                <a class="f4 link br1 ph3 pv2 blue dib hover-bg-light-blue hover-white ba" target="new" href="{{ printf .url $.Permalink }}">
                    <i class="fab {{ .icon }}"></i>
                </a>
                {{ end }}
            </div>
        </footer>

        <div class="mv3 tc">
            {{ with .NextInSection }}
            <a href="{{ .RelPermalink }}" class="dib f4 link br1 ma1 pa2 blue hover-bg-light-blue hover-white ba">
                <i class="fa fa-angle-left"></i> Newer <br/>
                {{ .Title }}
            </a>
            {{ end}}

            {{ with .PrevInSection }}
            <a href="{{ .RelPermalink }}" class="dib f4 link br1 ma1 pa2 blue hover-bg-light-blue hover-white ba">
                Older <i class="fa fa-angle-right"></i> <br/>
                {{ .Title }}
            </a>
            {{ end}}
        </div>

    </div>
    {{ if not (eq .Params.comments false) }}
        <div class="mw7 center mv4 pa2">
            {{ template "_internal/disqus.html" . }}
        </div>
    {{ end }}
</article>
{{ end }}