{{ partial "header.html" . }}
<main role="main">
    <div class="white z-depth-1">
        <main role="main" class="container">
            <article itemscope itemtype="http://schema.org/BlogPosting" class="section">
                {{ if .Params.image }}
                <img class="jsonly" src="/images/min/{{ .Params.image }}" style="width: 100%;" onload="this.src = '/images/{{ .Params.image }}'">
                <noscript>
                    <img src="/images/{{ .Params.image }}" style="width: 100%;">
                    <style>.jsonly { display: none }</style>
                </noscript>
                {{ end }}
                <h1 itemprop="headline" class="header">{{ .Title }}</h1>
                <span><time itemprop="datePublished" datetime="{{ .Date.Format "2006-01-02" }}"></time></span>
                {{ if .Params.rating }}
                <div class="center right">
                    <i class="material-icons">
                    {{ range seq .Params.rating }}
                    star
                    {{ end }}
                    {{ range seq (sub 5 (int .Params.rating)) }}
                    star_border
                    {{ end }}
                    </i>
                </div>
                {{ end }}
                <section itemprop="articleBody" class="flow-text">
                    {{ .Content }}
                </section>
            </article>
        </main>
    </div>
</main>
{{ partial "footer.html" . }}