{{ 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" style="text-align: justify-all">
    {{ if isset .Params "image" }}
    <span style="width: 100%; padding: 5px; alignment: center">
        <img src="{{ with .Params.image }}{{ . }}{{ end }}" width="100%" height="385px"
             style="alignment:center; border-color: #777777; border-width: thin; border-style: solid"/>
    </span>
    {{ end }}
    {{ .Content }}
</div>

{{ partial "footer.html" . }}