{{ partial "header" . }}

{{ if .Params.bigimg }}
    <div class="jumbotron big-img" style='background-image: url("{{.Params.bigimg}}");'>
        <div class="container">
            &nbsp;
        </div>
    </div>
{{ else }}
    <div style="padding-top: 3rem">
    </div>
{{ end }}

<a name="top"></a>
{{ partial "list-item" . }}
<main>

    <br> <div class="text-justify">{{ .Content }}</div>

    <!-- related posts with the same tags -->
    {{ $related := first 3 (where (where .Site.RegularPages.ByDate.Reverse ".Params.tags" "intersect" .Params.tags) "Permalink" "!=" .Permalink) }}

    {{ if $related }}

        <h4 class="page-header"><svg class='icon icon-text'><use xlink:href='#news'></use></svg>Related Articles</h4>

        <div class="text-justify">
            {{ range $related }} {{ partial "related-item" . }} {{ end }}
        </div>

        <hr/>

    {{ end }}

  <!-- commenting part -->
    {{ if (not .Params.disableComments) }}
        <h4 class="page-header"><svg class='icon icon-text'><use xlink:href='#discuss'></use></svg>
            {{ if eq "essays" .Section }}
                Discussieer mee
            {{ else }}
                Join the Discussion
            {{ end }}
        </h4>

        {{- if (ne hugo.Environment "development") }}
            <script defer src="https://commento.brainbaking.com/js/commento.js"></script>
            <script src="https://commento.brainbaking.com/js/count.js"></script>
            <div id="commento"></div>
        {{- end }}

    {{ end }}
    <h4 class="page-header">&nbsp;</h4>

    <svg class='icon icon-text'><use xlink:href='#up'></use></svg><a href="#top">Top</a> 

</main>

{{ partial "footer.html" . }}