{% load wagtailcore_tags %}

<nav class="dt w-100 center bg-dark-green">
  <div class="dtc w2 v-mid pa3">
    <a href="{% slugurl 'home' %}" class="dib w2 h2 pa1 br1 ba b--white-90 grow-large border-box">
      <svg class="link white-90 hover-white" data-icon="skull" viewBox="0 0 32 32" style="fill:currentcolor"><title>
        skull icon</title>
        <path
            d="M16 0 C6 0 2 4 2 14 L2 22 L6 24 L6 30 L26 30 L26 24 L30 22 L30 14 C30 4 26 0 16 0 M9 12 A4.5 4.5 0 0 1 9 21 A4.5 4.5 0 0 1 9 12 M23 12 A4.5 4.5 0 0 1 23 21 A4.5 4.5 0 0 1 23 12"></path>
      </svg>
    </a>
  </div>
  <div class="dtc v-mid tr pa3">
    <a class="f6 fw4 hover-white no-underline white-70 dn dib-ns pv2 ph3" href="{% slugurl 'blog' %}">Blog</a>
    <a class="f6 fw4 hover-white no-underline white-70 br1 dib ml2 pv2 ph3 ba grow" href="#">Connect</a>
  </div>
</nav>