{{ partial "header.html" . }}

<div class="header" style="background-color: whitesmoke; opacity: 50%">
    <h1>{{ .Title }}</h1>
    <h2>{{ .Params.author }}</h2>
    {{if  isset .Params "topic" }}
    <h3>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" . }}
