hugo-theme-introduction/layouts/_default/list.html

{{ partial "header.html" . }}

<div class="section" id="top">
    <!-- Parent section -->
    <div class="container hero {{ if .Site.Params.fadein }} fade-in one {{ end }}">
        <!-- Begin Title -->
        <h1 class="bold-title is-1">{{ .Title }}</h1>
    </div>
    <!-- End Title -->

    <!-- Everything below fades in two! -->
    <div class="section no-padding {{ if .Site.Params.fadein }} fade-in two {{ end }}">

        <div class="container">
            <!-- Begin Nav bar -->
            {{ partial "nav-list.html" . }}
        </div>
        <!-- End Nav bar -->
        <article>
            <!-- "{{.Content}}" pulls from the markdown content of the corresponding _index.md -->
            {{ .Content }}
        </article>


        <div class="container">
            <!-- Begin Blog container -->
            <ul>
                <!-- Ranges through content/post/*.md -->
                {{ range .Data.Pages.ByPublishDate }} {{ if not (eq .Section "blog") }}
                <li>
                    <a href="{{.Permalink}}">{{.Date.Format .Site.Params.dateform }} | {{.Title}}</a>
                </li>
                {{ end }} {{ end }}
            </ul>
        </div>
        <!-- End Blog container -->

        <div class="container has-text-centered top-pad">
            <hr>
            <a href="{{ .Permalink }}#top">
                <i class="fa fa-arrow-up"></i>
            </a>
            <hr>
        </div>

        {{ partial "footer.html" . }}
    </div>
    <!-- End fade in two -->
</div>
<!-- End parent section -->

<!-- Bitty scrolling links script -->
<script>
    $('a[href^="{{ .Permalink }}#"]').click(function (e) {
        e.preventDefault();
        var target = this.hash;
        $('html, body').animate({
            scrollTop: $(target).offset().top
        }, 500);
        return false;
    })
</script>

</body>