{{ $millironx := resources.Get "graphics/millironx.svg" }}
<aside class="col-12 col-md-3 p-0 bg-dark flex-shrink-1">
  <nav
    class="navbar navbar-expand-md navbar-dark bg-dark align-items-start flex-md-column flex-row"
  >
    <div class="container-fluid">
      <a class="navbar-brand d-block d-md-none" href="#">
        <object
          class="d-inline-block align-text-top"
          width="80"
          height="24"
          style="filter: invert(100%)"
          data="{{ $millironx.RelPermalink }}"
        >
          <img src="{{ $millironx.RelPermalink }}" alt="Milliron X" />
        </object>
        &ensp;
        <span class="font-small-caps font-serif">Milliron X</span>
      </a>
      <a
        href
        class="navbar-toggler"
        data-bs-toggle="collapse"
        data-bs-target=".sidebar"
      >
        <span class="navbar-toggler-icon"></span>
      </a>
      <div class="collapse navbar-collapse sidebar">
        <ul class="flex-column navbar-nav w-100 justify-content-between">
          <li class="nav-item">
            <a class="nav-link pl-0" href="/"
              ><i class="fad fa-home fa-fw"></i> <span class="">Home</span></a
            >
          </li>
          <li class="nav-item">
            <a class="nav-link pl-0" href="/contact/"
              ><i class="fad fa-file-signature fa-fw"></i>
              <span class="">Contact</span></a
            >
          </li>
          <li class="nav-item">
            <a class="nav-link pl-0" href="/academia/"
              ><i class="fad fa-university fa-fw"></i>
              <span class="">Academia</span></a
            >
          </li>
          <li class="nav-item">
            <a class="nav-link pl-0" href="/ai/">
              <i class="fax fa-bull-sperm"></i>
              <span class="">Artificial Insemination</span>
            </a>
          </li>
          <li class="nav-item">
            <a class="nav-link pl-0" href="/videos/"
              ><i class="fad fa-video fa-fw"></i>
              <span class="">Videos</span></a
            >
          </li>
          <li class="nav-item">
            <a class="nav-link pl-0" href="/websites/"
              ><i class="fad fa-browser fa-fw"></i>
              <span class="">Websites</span></a
            >
          </li>
        </ul>
      </div>
    </div>
  </nav>
</aside>