der == page.extra.order - 1 %}
    <a href="{{ p.permalink }}">
        <div>
            <div class="footer-card">&larr; {{ p.title }}</div>
        </div>
    </a>
    {% elif p.title == page.title %}
    <!-- this is a spacing hack for expediency -->
    <div class="footer-separator"></div>
    {% endif %} {% if p.extra.order == page.extra.order + 1 %}
    <a href="{{ p.permalink }}">
        <div>
            <div class="footer-card">{{ p.title }} &rarr;</div>
        </div>
    </a>
    {% endif %} {% 