{{ partial "header.html" . }}

<section class="main post non-narrow zero-top-spacing">
    <div class="container">
        <div class="content">
            <div class="front-matter">
                <div class="title-container">
                    {{ partial "page-heading" . }}
                </div>
                <div class="meta">
                    <div class="date" title="{{ .Date.Format .Site.Params.dateformfull }}">{{ .Date.Format .Site.Params.dateform }}</div>
                    {{ if not .Params.noauthor }}
                        {{ if .Params.author }}
                        <div class="author" title="{{ .Params.Author }}"><div class="middot"></div>{{ .Params.author }}</div>
                        {{end}}
                    {{end}}
                    <div class="reading-time"><div class="middot"></div>{{ .ReadingTime }} minute read</div>
                    <div class="tags">
                        <ul>
                          {{ range .Params.tags }}
                            <div class="middot"></div>
                            <li><a href="{{ "/tags/" | relLangURL }}{{ . | urlize }}">{{ lower . }}</a> </li>
                          {{ end }}
                        </ul>
                    </div>
                    <div class="tags">
                        <ul>
                          {{ if isset .Params "hacker_news_id" }}
                            <div class="middot"></div>
                            <li><a href="https://news.ycombinator.com/item?id={{ .Params.hacker_news_id }}">Hacker News</a> </li>
                          {{ end }}
                          {{ if isset .Params "lobsters_id" }}
                            <div class="middot"></div>
                            <li><a href="https://lobste.rs/s/{{ .Params.lobsters_id }}">Lobsters</a> </li>
                          {{ end }}
                        </ul>
                    </div>
                </div>
            </div>
            <div class="markdown" id="post-gallery-wrapper">
                {{ partial "content" . }}
            </div>
            {{ if .Site.Params.share }}
            <div class="share">
                <a href="" class="ssk ssk-facebook"></a>
                <a href="" class="ssk ssk-twitter"></a>
                <a href="" class="ssk ssk-google-plus"></a>
                <a href="" class="ssk ssk-linkedin"></a>
                <a href="http://www.reddit.com/submit?url={{ .Permalink }}" class="ssk ssk-reddit2"></a>
                <a href="" class="ssk ssk-email"></a>
                <a href="{{ .Permalink }}" class="ssk ssk-link"></a>   
            </div>
            {{ end }}
            {{ partial "google_ads.html" . }}            
            {{ if .Site.Params.posts_navigation }}
                <div class="navigation">
                    {{ if .PrevInSection }}
                    <div>
                        <img class="icon" src="/img/back.svg" alt="back" />
                        <a href="{{ .PrevInSection.Permalink }}">{{ .PrevInSection.Title }}</a>
                    </div>
                    {{ end }}
                    <div style="width: 100%;"></div>
                    {{ if .NextInSection }}
                    <div>
                        <a href="{{ .NextInSection.Permalink }}">{{ .NextInSection.Title }}</a>
                        <img class="icon" src="/img/next.svg" alt="next" />
                    </div>
                    {{ end }}
                </div>
            {{ end }}
            <br>
            <div class="disqus">
                {{ template "_internal/disqus.html" . }}
            </div>
            {{ if .Site.Params.issoHost }}
            <div class="isso" id="isso-thread"></div>
            {{ end }}
        </div>
    </div>
</section>

{{ partial "footer.html" . }}