{%- macro showFront(content) -%}
    <article>
        <h1>am i still used????</h1>
        <section class="meta">
            <span data-chapter-title>{{detail['title']}}</span>
        </section>
        <header>
            <h1>{{detail['title']}}</h1>
            <h5>Also known as {{detail['alsoKnownAs']}}</h5>
        </header>

        {% if detail['image'] %}<img src="{{ detail['image'] }}" alt="" />{% endif %}

            <dl>
                <dt>Material</dt>
                <dd>{{detail['material']}}</dd>
                <dt>Usage</dt>
                <dd>{{detail['usage']}}</dd>
                <dt>Typically found in</dt>
                <dd>{{detail['whereToFind']}}</dd>
                {% if detail['schematicSymbol'] %}
                    <dt>Schematic symbol</dt>
                    <dd><img src="{{detail['schematicSymbol']}}" /></dd>
                {% endif %}
            </dl>
            

            {{detail['body']}}

        </article>
    {%- endmacro -%}
