{{ define "header"}}
{{- partial "_shared/navbar.html" . -}}
{{ end }}

{{ define "main" }}
{{- partial "_shared/title.html" . -}}
<div class="main-content">
    <!-- Begin Article
        ================================================== -->
    <div class="container">
        <div class="row">
            <!-- Post Share -->
            <div class="col-md-2 pl-0">
                {{- partial "single-partials/share.html" . -}}
            </div>
            <!-- Post -->
            <div class="col-md-9 flex-first flex-md-unordered">
                <div class="mainheading">
                    <!-- Author Box -->
                    {{if isset .Site.Params.author "name"}}
                    {{if isset .Site.Params.author "thumbnail"}}
                    {{if isset .Site.Params.author "description"}}
                    <div class="row post-top-meta">
                        <div class="col-xs-12 col-md-3 col-lg-2 text-center text-md-left mb-4 mb-md-0 md-nopad-right">
                            <img class="author-thumb" src="{{ .Site.Params.author.thumbnail | urlize | relURL}}"
                                alt="{{ .Site.Params.author.name }}">
                        </div>
                        <div class="col-xs-12 col-md-9 col-lg-10 text-center text-md-left md-nopad-left">
                            <a href="/about" class="link-dark">{{ .Site.Params.author.name }}</a><br>
                            <span class="author-description">
                                {{ .Site.Params.author.description }}<br>
                                📅 {{ dateFormat "Jan 2, 2006" .PublishDate }}
                                🕘 {{ .ReadingTime }} min read
                                💬 {{ .WordCount }} words
                            </span>
                        </div>
                    </div>
                    {{end}}
                    {{end}}
                    {{end}}
                    <!-- Post Title -->
                    <h1 class="posttitle">{{ .Title }}</h1>
                    {{ if .Params.subtitle }}
                    <p class="subtitle">{{ .Params.subtitle }}</p>
                    {{ end }}
                </div>

                <!-- Series -->
                {{ if .Params.series }}
                <p>
                    Part of the series:
                    <a href="{{ "/series/" | relLangURL }}{{ .Params.series | urlize }}">{{.Params.series}}</a>
                </p>
                {{ end }}

                {{ if (.Params.toc) }}
                <aside>
                    <ul>
                        <li><i>In this blog post...</i></li>
                    </ul>
                    {{ .TableOfContents }}
                </aside>
                {{ end }}

                <div id="articleConsent" class="d-none alert alert-warning">You are viewing a limited version of this blog. To enable experiences like comments, opt-in to our privacy and cookie policy. 
                    <button class="btn btn-link" data-toggle="modal" data-target="#consentModal">Show consent dialog.</button>
                </div>
                <!-- Post Content -->
                <div class="article-post">
                    {{ .Content}}
                </div>

                <div class="alert alert-info"><i class="fa fa-lightbulb"></i> Do you have an idea or suggestion for a blog post? <a href="https://github.com/JeremyLikness/jeremylikness-blog/issues/new" target="_blank">Submit it here</a>!</div>
                {{ if .Params.comments }}
                {{- partial "single-partials/comments.html" . -}}
                {{ end }}
        
                {{ $this := .Permalink }}

                <!-- Series -->
                {{ if .Params.series }}
                {{ $seriesUrl := .Params.series | urlize }}
                <p>
                    Part of the series:
                    <a href="{{ "/series/" | relLangURL }}{{ $seriesUrl }}">{{.Params.series}}</a>
                </p>
                {{ range $taxonomyname, $taxonomy := .Site.Taxonomies.series }}
                {{ if eq $taxonomyname $seriesUrl }}
                <ol>
                    {{ range $taxonomy.Pages.ByDate }}
                    {{ if (eq $this .Permalink) }}
                    <li><strong>{{ .LinkTitle }}</strong></li>
                    {{ else }}
                    <li><a href="{{ .Permalink }}">{{ .LinkTitle }}</a></li>
                    {{ end }}
                    {{ end }}
                </ol>
                {{ end }}
                {{ end }}
                <!-- end series -->
                {{ else }}
                <!-- related articles -->
                {{ $tags := .Params.Tags }}
                {{ $related := newScratch }}
                {{ $related.Add "pages" slice }}
                {{ $globalTags := .Site.Taxonomies.tags }}
                {{ range $tagname, $tagitem := $globalTags }}
                {{ range $tag := $tags }}
                {{ if eq (lower $tag | urlize) $tagname }}
                {{ range first 3 $tagitem.Pages }}
                {{ if and (not ($related.Get .Permalink)) (not (eq $this .Permalink)) }}
                {{ $related.Add "pages" . }}
                {{ $related.Set .Permalink $tag }}
                {{ end }}
                {{ end }}
                {{ end }}
                {{ end }}
                {{ end }}
                {{ if gt (len ($related.Get "pages")) 0 }}
                <p>Related articles:</p>
                <ul>
                    {{ range ((shuffle ($related.Get "pages")) | first 6).ByTitle }}
                    {{ $originalTag := ($related.Get .Permalink) }}
                    <li>
                        <a href="{{ .Permalink }}" title="{{ .Params.Description }}">
                            {{ .LinkTitle }}
                        </a>&nbsp;
                        <a href="/tags/{{$originalTag | urlize }}" title="Articles tagged '{{$originalTag}}'">
                            <strong>({{ $originalTag }})</strong>
                        </a>
                    </li>
                    {{ end }}
                </ul>
                {{ end }}
                <!-- end related articles -->
                {{ end }}

                {{ if .Params.canonicalUrl }}
                <p>
                    <em>This post originally appeared at
                        <a href="{{ .Params.canonicalUrl }}" target="_blank" title="{{ .Title }}">{{ .Title }}</a>
                    </em>
                </p>
                {{end}}

                <!-- Post Categories -->
                <div class="after-post-tags">
                    <ul class="tags">
                        {{ range .Params.tags }}
                        <li>
                            <a href="{{ "/tags/" | relLangURL }}{{ . | urlize }}">{{.}}</a>
                        </li>
                        {{ end }}
                    </ul>
                </div>
                <!-- End Categories -->
                
                <!-- Next and PrevPage inside current section -->
                <div class="row PageNavigation d-flex justify-content-between font-weight-bold">
                    {{with .NextInSection}}
                    <a class="d-block col-md-6" href="{{.RelPermalink}}"> &laquo; {{.Title}}</a>
                    {{end}}
                    {{with .PrevInSection}}
                    <a class="d-block col-md-6 text-lg-right" href="{{.RelPermalink}}">{{.Title}} &raquo;</a>
                    {{end}}
                    <div class="clearfix"></div>
                </div>
                <!-- End Next and PrevPage -->
            </div>
            <!-- End Post -->
        </div>
    </div>
    <!-- End Article
        ================================================== -->
        {{ if not .Params.noads }}
        <div>&nbsp;</div>
        {{ partial "_shared/banner.html" }}
        <div>&nbsp;</div>
        {{ end }}
</div>
{{ if not .Params.noads }}
<script>
    setTimeout(function () {
        if (!window.devConsent || window.devConsent.consent !== true) {
            document.getElementById("articleConsent").classList.remove("d-none");
        }
    }, 0);
</script>
{{ end }}
{{- partial "_shared/alertbar.html" . -}}
{{ end }}

{{ define "footer"}}
{{- partial "_shared/jumbotron.html" . -}}
{{- partial "_shared/footer.html" . -}}
{{ end }}