shared-bulma-theme/layouts/entry/single.html

{{ define "header" }}
{{ $author := index .Site.Data.authors ( .Params.author | default "" ) }}
<div class="container">
    <div class="mb-md blog-entry-header single" style="background-image: url('{{ .Site.BaseURL }}/{{ .Dir }}banner.png')">
        <div>
            <span class="title px-md py-sm has-background-dark">{{ .Title }}</span>
        </div>
        {{ if $author }}
        <div class="mt-lg">
            <span class="h3 px-md py-sm has-background-dark">
                Written by <a href="https://community.citra-emu.org/users/{{ $author.key }}">{{ $author.name }}</a> 
                on {{ .Date.Format $.Site.Params.fmt.Date }}
            </span> 
        </div>
        {{ else }}
        <div>
            <span class="h3 px-md py-sm has-background-dark">
                Written on {{ .Date.Format $.Site.Params.fmt.Date }}
            </span>
        </div>
        {{ end }}
    </div>
</div>
{{ end }}

{{ define "main" }}
<section class="section content pt-sm">
    {{ .Content }}
</section>

{{ if .Params.forum }}
<div class="has-text-centered">
    <a class="pagination-next" href="https://community.citra-emu.org/t/{{ .Params.forum }}">Continue the discussion on our forums.</a>
</div>
{{ end }}

{{ end }}

{{ define "css" }}
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/baguettebox.js/1.10.0/baguetteBox.min.css" type="text/css" />
{{ end }}

{{ define "scripts" }}
<script src="https://cdnjs.cloudflare.com/ajax/libs/baguettebox.js/1.10.0/baguetteBox.min.js" type="text/javascript"></script>

<script type="text/javascript">
    window.addEventListener("DOMContentLoaded", function() {
        baguetteBox.run('.is-img-preview');
    });
</script>
{{ end }}