<nav id=“site-nav” class=“site-nav” role=“navigation” aria-label=“main”>

<header>
  <span class="dropdown">
    <button id="pages-btn" class="dropdown-btn">
      <span id="pages-emoji-span">🗺</span>
    </button>
    <div class="dropdown-content">
      <!-- <button id="search-btn" class="site-nav-btn" title="Search">
        <span id="search-emoji-span">🔍</span>
      </button> -->
      <button id="posts-btn" class="dropbtn drop-2" title="Go To Posts">
        <span id="posts-emoji-span">📓</span>
      </button>
      <button id="stat-tags-btn" class="dropbtn drop-1" title="Go To Status Tags">
        <span id="stat-tags-emoji-span">🔖</span>
      </button>
      <button id="recent-btn" class="dropbtn drop-3" title="Go To Recent Changes">
        <span id="recent-emoji-span">🌦</span>
      </button>
      <button id="home-btn" class="dropbtn drop-4" title="Go To Home">
        <span id="home-emoji-span">🛖</span>
      </button>
    </div>
  </span>
  <label class="btn-selector">
    <input id="theme-colors-checkbox" type="checkbox" checked="checked">
    <span id="theme-colors-emoji-span" title="Toggle Colors"></span>
  </label>
  <label class="btn-selector">
    <input id="nav-type-checkbox" type="checkbox" checked="checked">
    <span id="nav-type-emoji-span" title="Toggle Nav Type"></span>
  </label>
  <label class="btn-selector">
    <input id="graph-type-checkbox" type="checkbox" checked="checked">
    <span id="graph-type-emoji-span" title="Toggle Graph Type"></span>
  </label>
</header>

<nav id="visited-nav" class="visited-nav"></nav>
<svg id="svg-graph" height="100%" width="100%"></svg>

<footer>
  <span class="small-descr">Grown 🪴 with 💚 from a <a href="https://github.com/manunamz/jekyll-bonsai/">jekyll-bonsai</a>.</span>
  <button id="delete-btn" class="delete-btn" title="Delete Visited History">
    <span id="delete-emoji-span" title="Delete Visited Info">🧹</span>
  </button>
</footer>

</nav>