{{ define "main" }}
<article>
    <div id="post-header-cover" class="bg-center cover bg-black-30"
         {{ with .Params.cover }}
         style="background-image:url({{ . }})"
         {{ end }} >
        <header class="dt pa2 mw6 center post-header white">
            <h1 class="f1 lh-title">
                {{ .Title }}</h1>

            {{ if not (eq .Params.showMeta false) }}
            <div class="f4 tracked mb3">{{ .Date.Format "Mon, Jan 2, 2006" }}</div>
            {{ partial "meta.html" . }}
            {{ end }}
        </header>
    </div>

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

        <footer class="mw7 center 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"><i class="fa fa-lg fa-tags"></i> 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"><i class="fa fa-lg fa-share-alt"></i> 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="fa {{ .icon }}"></i>
                </a>
                {{ end }}
            </div>
        </footer>

        <!-- Pagination Actions for posts -->
        {{ if not (eq .Params.showActions false) }}
        <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>
        {{ end}}

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