{{ partial "header.html" . }}

<div class="header" style="background-color: whitesmoke; opacity: 100%">
    <h1 style="font-size: 44px; color: #065387">{{ .Title }}</h1>
    <h2 style="color: dimgrey; font-size: 22px">{{ .Params.author }}</h2>
    {{if  isset .Params "topic" }}
    <h3 style="color: cornflowerblue; font-size: 16px">Topic: {{ .Params.topic }}</h3>
    {{ end }}
</div>

<div class="content">
    {{ if isset .Params "image" }}
    <span style="width: 100%; padding: 2px; alignment: center">
        <img class="featured-image" src="{{ $.Site.Params.blogCdnUrl }}{{ with .Params.image }}{{ . }}{{ end }}" />
    </span>
    {{ end }}
    <span style="text-align: justify">
    {{ .Content }}
    </span>
</div>

{{ partial "footer.html" . }}