devroom.io/layouts/_default/single.html

{{ partial "header.html" . }}

<article class="post" id="{{ .Slug }}">
    <h1>{{ .Title }}</h1>
    <p>
        {{ if eq .Section "posts" }}
          {{ .Date.Format "2 January 2006" }}
        {{ end }}
    </p>

    {{ .Content }}

    {{ if eq .Section "posts" }}
        <aside class="about">
            <p>
            Want to read more? Check out my <a href="/recommendations">book recommendations</a>.
            </p>

            <p>
            I'd love to hear your questions and comments on this article!
            <a href="http://twitter.com/ariejan">Mention @ariejan on twitter</a> or <a href="mailto:ariejan@ariejan.net">shoot me an email</a>.
            </p>

            <img class="avatar" alt="Ariejan's Avatar" src="https://0.gravatar.com/avatar/a9bfdd0cc75c857b669c37548b8bfdf9?s=100" />

            <h4>About Ariejan</h4>

            <p>
            Hey! I'm a software engineer building rock solid back-end systems
            using Ruby, Ruby on Rails and Golang. In my free time I like to
            repair audio equipment, play the piano and experiment with electronics.
            </p>
        </aside>
    {{ end }}
</article>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script type="text/javascript">
$(function() {
    $(document).on('click', 'article img', function() {
        $(this).toggleClass('zoomed');
    });

    $(document).keyup(function(e) {
        if (e.keyCode == 27) {
            $('img.zoomed').each(function(idx) {
                $(this).toggleClass('zoomed');
            });
        }
    });
});
</script>

{{ partial "footer.html" . }}