{% extends "base.html" %}
{% block body %}
<div class="pure-g">
    {# <div class="pure-u-1-3"></div> #}
    <div class="pure-u-1-4"></div>
    <div class="pure-u-1-4">
        <p><img class="pure-img" src="hexagram/110011.png"></p>
        <p>Call <pre>/hexagrams/nnnnnn.png</pre>Where <em>n</em> is 1 (a solid bar), or 0 (a broken bar). Hexagrams are built from bottom to top.</p>
    </div>
    <div class="pure-u-1-4">
        <p><img class="pure-img" src="trigram/101.png"></p>
        <p>Call <pre>/trigrams/nnn.png</pre>Where <em>n</em> is 1 (a solid bar), or 0 (a broken bar). Trigrams are built from bottom to top.</p>
    </div>
    <div class="pure-u-1-4"></div>
</div>
{% endblock %}

{% extends "base.html" %}
{% block body %}
<div class="pure-g">
    {# <div class="pure-u-1-3"></div> #}
    <div class="pure-u-1-4"></div>
    <div class="pure-u-1-4">
        <p><img class="pure-img" src="{{ url_for('hex_out', hexagram='110011') }}"></p>
        <p>Call <a href="{{ url_for('hex_out', hexagram='110011') }}"><pre>/hexagrams/nnnnnn.png</pre></a>Where <em>n</em> is 1 (a solid bar), or 0 (a broken bar). Hexagrams are built from bottom to top.</p>
    </div>
    <div class="pure-u-1-4">
        <p><img class="pure-img" src="{{ url_for('tri_out', trigram='101') }}"></p>
        <p>Call <a href="{{ url_for('tri_out', trigram='101') }}"><pre>/trigrams/nnn.png</pre></a>Where <em>n</em> is 1 (a solid bar), or 0 (a broken bar). Trigrams are built from bottom to top.</p>
    </div>
    <div class="pure-u-1-4"></div>
</div>
{% endblock %}

Index links are dynamic now
Index links are dynamic now
