{{ partial "header" . }}

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

<main>

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

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

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

    {{ if $related }}

        <h4 class="page-header"><i class="fa fa-newspaper-o"></i>&nbsp;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"><i class="fa fa-comments-o"></i>&nbsp;
            {{ 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>

    <i class='fa fa-arrow-circle-o-up'></i>&nbsp;<a href="#top">Top</a> 

</main>

{{ partial "footer.html" . }}