{{ define "main" }}
    <div class="blog-archive">
        <h1 class="title is-uppercase is-size-2">BLOG</h1>
        <hr>
        {{ range .Pages.ByPublishDate.Reverse }}
            <div class="blog-listing">
                <a href="{{ .RelPermalink }}"><img src="{{ with .Params.image }}{{ . }}{{ end }}" alt=""></a>
                <div class="text">
                    <h3><a class="title" href="{{ .RelPermalink }}">{{ .Title }}</a></h3>
                    <small class="post-date">{{ .PublishDate.Format "January 2, 2006" }}</small>
                    <p class="summary block has-text-weight-light is-size-4">
                        {{ .Summary }}
                    </p>
                </div>
            </div>
            <hr>
        {{ end }}
    </div>
{{ end }}