{{ define "main" }}
    <article class="blog-post">
        <div class="container">
            <figure>
                <img src="{{ with .Params.image }}{{ . }}{{ end }}" alt="" class="hero">
                <figcaption>{{ .Params.imageCredit }}</figcaption>
            </figure>
            <h1 class="title is-uppercase">{{ .Title }}</h1>
            <div class="post-metadata">
                <p class="post-date">{{ .PublishDate.Format "January 2, 2006" }}</p>
                <p class="reading-time">Reading time: {{ .ReadingTime }} minutes</p>
            </div>
            <hr>
            <div class="content">{{ .Content }}</div>
            <hr>
        </div>
    </article>
{{ end }}
