<!-- The "external" class in the anchor tags is so that imba ignores them in it's router-->
<nav>
  <div class="nav-group">
    <div>
      <a href="/", class="external">
        <svg id=pg viewBox="0 0 15.89 19.05" xmlns="http://www.w3.org/2000/svg">
          <path id=top d="M1.43 0L.88 3.05h1.56L1.8 6.72c-.08.42-.12.84-.12 1.24 0 1.22.35 2.2 1.06 2.95.71.74 1.72 1.3 2.96 1.12 1.71-.25 1.78-1.4 2.6-1.8.8-.58 1.78-1.1 4.1-.78l1.18-6.4h1.77L15.9 0zM8.3 3.05h1.6l-.66 3.82v-.02c-.11.63-.35 1.15-.73 1.54-.37.38-.84.57-1.43.57-.56 0-1-.15-1.28-.45A1.7 1.7 0 015.4 7.3c0-.17.02-.36.06-.57l.36-1.96c0-.03.5-1.65 2.5-1.71z" fill="#1a1a1a"/>
          <path id=bottom d="M8.02 13.32c-.25 1.52-1.06 2.28-2.41 2.28-.5 0-.9-.1-1.2-.3a1.1 1.1 0 01-.47-.86H.02l-.02.4c0 1.3.45 2.33 1.36 3.07.92.76 2.22 1.14 3.88 1.14 1.31 0 2.45-.26 3.4-.77.94-.52 1.7-1.2 2.25-2.07.56-1.27.7-1.92.88-2.94l.34-1.88c-2.16-.22-3.66.06-4.09 1.93z" fill="#4d4d4d"/>
        </svg>
      </a>
    </div>
  </div>
  <div class="nav-group">
    <div><a href="/posts" class="external">posts</a></div>
    <div><a href="/notes" class="external">notes</a></div>
    <div><a href="https://git.prithu.dev">git</a></div>
    <div id=theme-btn>
      <svg id=sun xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-6 h-6">
        <path d="M12 2.25a.75.75 0 01.75.75v2.25a.75.75 0 01-1.5 0V3a.75.75 0 01.75-.75zM7.5 12a4.5 4.5 0 119 0 4.5 4.5 0 01-9 0zM18.894 6.166a.75.75 0 00-1.06-1.06l-1.591 1.59a.75.75 0 101.06 1.061l1.591-1.59zM21.75 12a.75.75 0 01-.75.75h-2.25a.75.75 0 010-1.5H21a.75.75 0 01.75.75zM17.834 18.894a.75.75 0 001.06-1.06l-1.59-1.591a.75.75 0 10-1.061 1.06l1.59 1.591zM12 18a.75.75 0 01.75.75V21a.75.75 0 01-1.5 0v-2.25A.75.75 0 0112 18zM7.758 17.303a.75.75 0 00-1.061-1.06l-1.591 1.59a.75.75 0 001.06 1.061l1.591-1.59zM6 12a.75.75 0 01-.75.75H3a.75.75 0 010-1.5h2.25A.75.75 0 016 12zM6.697 7.757a.75.75 0 001.06-1.06l-1.59-1.591a.75.75 0 00-1.061 1.06l1.59 1.591z" />
      </svg>
    </div>
  </div>
</nav>