pvgttm-web/src/layouts/partials/navmain.ejs

<!-- NAVMAIN BEGIN -->

<div class="menubar clearfix">
  <input id="menu-toggle" type="checkbox" />
  <label class="menu-label" for="menu-toggle">
    <span class="menu-icon">
      <span></span>
    </span>
    <span class="menu-text">
      Menu
    </span>
  </label>
  <!--
  <label class="menu__btn" for="menu__toggle">
    <span></span>
  </label>
  -->
  
  <div class="searchBox">
    <form method="get" class="searchBox-form" id="searchForm" action="https://duckduckgo.com/" role="search">
      <input id="searchQuery" class="searchBox-query" type="search" value="" name="q" maxlength="255" role="searchbox">
      <input type="hidden" name="kl" value="us-en" /><!-- language -->
      <input type="hidden" name="kh" value="1" /><!-- force https -->
      <input type="hidden" name="kae" value="r" /><!-- theme = retri -->
      <input type="hidden" name="k1" value="1" /><!-- tracker-less ads -->
      <input type="hidden" name="sites" value="<%= site.base_uri %>"/>
      <input aria-label="Search" type="submit" class="searchBox-go" value="🔍">
    </form>
  </div>

  <nav class="navMenu" role="navigation">

    <ul>
      <li class="hasSubMenu"><a href="/planes/index.html" aria-haspopup="true">The Planes</a>
        <ul class="dropdown" aria-label="submenu">
          <li class="hasSubMenu"><a href="/astral/index.html" aria-haspopup="true">Astral Plane</a>
            <ul class="dropdown" aria-label="submenu">
              <li><a href="/astral/adventuring.html">Adventuring</a></li>
              <li><a href="/astral/factions.html">Factions</a></li>
              <li><a href="/monsters/index.html">Monsters</a></li>
              <li><a href="/astral/timeline.html">Timeline</a></li>
              <li><a href="/astral/vessels.html">Vessels</a></li>
              <!-- <li><a href="/astral/zenopus-cove.html">Zenopus Cove</a></li> -->
            </ul>
          </li>
          <li><a href="/planes/elemental/index.html">Elemental Planes</a></li>
          <li><a href="/planes/material/index.html">Material Planes</a></li>
          <li><a href="/planes/transcendental/index.html">Transcendental Planes</a></li>
          <!--<li><a href="/planes/infernus.html">Infernus</a></li>-->
        </ul>
      </li>
      
      <li class="hasSubMenu"><a href="/classes/index.html" aria-haspopup="true">Classes</a>
        <ul class="dropdown" aria-label="submenu">
          <li><a href="/classes/automaton.html">Automaton</a></li>
          <li><a href="/classes/corsair.html">Corsair</a></li>
          <li><a href="/classes/astral-corsair.html">Corsair, Astral</a></li>
          <li><a href="/classes/dracokin.html">Dracokin</a></li>
          <li><a href="/classes/felinar.html">Felinar</a></li>
          <li><a href="/classes/firfolk.html">Firfolk</a></li>
          <li><a href="/classes/mimikin.html">Mimikin</a></li>
          <li><a href="/classes/tortokin.html">Tortokin</a></li>
          <li><a href="/classes/warlock.html">Warlock</a></li>
          <li class="hasSubMenu"><a href="/races/index.html" aria-haspopup="true">Races</a>
            <ul class="dropdown" aria-label="submenu">
              <li><a href="/races/automaton.html">Automaton</a></li>
              <li><a href="/races/dracokin.html">Dracokin</a></li>
              <li><a href="/races/felinar.html">Felinar</a></li>
              <li><a href="/races/firfolk.html">Firfolk</a></li>
              <li><a href="/races/mimikin.html">Mimikin</a></li>
              <li><a href="/races/tortokin.html">Tortokin</a></li>
            </ul>
          </li>
        </ul>
      </li>
      
      <li class="hasSubMenu"><a href="/" aria-haspopup="true">Miscellanea</a>
        <ul class="dropdown" aria-label="submenu">
          <!--<li><a href="/gods/index.html">Gods</a></li>-->
          <!--<li><a href="/groups/index.html">Groups</a></li>-->
          <li><a href="/magic-items/index.html">Magic Items</a></li>
          <li><a href="/monsters/index.html">Monsters</a></li>
          <li><a href="/weapons/index.html">Weapons</a></li>
        </ul>
      </li>
      <li class="hasSubMenu"><a href="/campaign/index.html" aria-haspopup="true">Campaign Info</a>
        <ul class="dropdown" aria-label="submenu">
          <li><a href="/npcs/index.html">NPCs</a></li>
          <li><a href="/campaign/ravager.html">The Ravager</a></li>
          <li><a href="/campaign/shazz-journals.html">Shazzograx's Journals</a></li>
          <li><a href="/campaign/timeline.html">Timeline</a></li>
          
          <li class="hasSubMenu"><a href="/rules/index.html" aria-haspopup="true">House Rules</a>
            <ul class="dropdown" aria-label="submenu">
              <li><a href="/rules/critical-hits.html">Critical Hits</a></li>
              <li><a href="/rules/fumbles.html">Fumbles</a></li>
              <li><a href="/rules/ose.html">Official OSE Rules</a></li>
              <li><a href="/rules/custom.html">Custom Rules</a></li>
            </ul>
          </li>
    
        </ul>
      </li>
    </ul>
  </nav>

  <nav class="navBar" role="navigation">
    <ul>
      <li>
        <a href="/about.html">About</a>
      </li>

      <li>
        <a href="/planes/index.html">The Planes</a>
      </li>
      
      <li>
        <a href="/classes/index.html">Classes</a>
      </li>
      
      <li>
        <a href="/miscellanea.html">Miscellanea</a>
      </li>
      <li>
        <a href="/campaign/index.html">Campaign Info</a>
      </li>
    </ul>
  </nav>

</div>

<!-- NAVMAIN END -->