<nav class="navigation" role="navigation">
    <div class="navigation__inner">
        <ul class="navigation__list">
            <li class="navigation__item">
                <a class="navigation__link" href="/meets">
                    Meets
                </a>
            </li>
            <li class="navigation__item">
                <a class="navigation__link" href="/about">
                    About
                </a>
            </li>
            <li class="navigation__item">
                <a class="navigation__link" href="/rules">
                    Rules
                </a>
            </li>
            <li class="navigation__item">
                <a class="navigation__link" href="http://blog.severnbronies.co.uk/">
                    Blog
                </a>
            </li>
        </ul>
    </div>
</nav>
<nav class="navigation" role="navigation">
    <div class="navigation__inner">
        <ul class="navigation__list">
            {{#each navigationItems}}
            <li class="navigation__item">
                <a class="navigation__link" href="{{ this }}">
                    {{ @key }}
                </a>
            </li>
            {{/each}}
        </ul>
    </div>
</nav>
{
  "navigationItems": {
    "Meets": "/meets",
    "About": "/about",
    "Rules": "/rules",
    "Blog": "http://blog.severnbronies.co.uk/"
  }
}

The navigation is not visible on resolutions smaller than 860px wide, where it is replaced by a hamburger icon that directs to the footer navigation.