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.search_uri %>" />
      <input aria-label="Search" type="submit" class="searchBox-go" value="🔍">
    </form>
  </div>

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

    <ul>
      <li><a href="/bestiary/index.html">Bestiary</a></li>
      <li><a href="/classes/index.html">Classes</a></li>

      <!--
      <li><a href="/gods/index.html">Gods</a></li>
      <li class="hasSubMenu"><a href="/equipment/index.html" aria-haspopup="true">Equipment</a>
        <ul class="dropdown" aria-label="submenu">
          <li><a href="/weapons/index.html">Weapons</a></li>
        </ul>
      </li>
      -->
      <li class="hasSubMenu">
        <details open>
          <summary><a href="/magic.html" aria-haspopup="true">Magic</a></summary>
          <ul class="dropdown" aria-label="submenu">
            <li><a href="/magic-items/index.html">Items</a></li>
            <li><a href="/spells/index.html">Spells</a></li>
          </ul>
        </details>
      </li>

      <li class="hasSubMenu">
        <details open>
          <summary>
            <a href="/planes/index.html" aria-haspopup="true">Planes</a>
          </summary>
          <ul class="dropdown" aria-label="submenu">
            <li class="hasSubMenu">
              <details open>
                <summary>
                  <a href="/astral/index.html" aria-haspopup="true">Astral Plane</a>
                </summary>
                <ul class="dropdown" aria-label="submenu">
                  <li><a href="/astral/adventuring.html">Adventuring</a></li>
                  <li><a href="/astral/calendar.html">Calendar</a></li>
                  <li><a href="/astral/factions/index.html">Factions</a></li>
                  <li><a href="/bestiary/index.html">Monsters</a></li>
                  <li><a href="/astral/timeline.html">Timeline</a></li>
                  <li><a href="/astral/vessels.html">Vessels</a></li>
                </ul>
              </details>
            </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/near/index.html">Near Planes</a></li>
            <li><a href="/planes/transcendental/index.html">Transcendental Planes</a></li>
          </ul>
        </details>
      </li>

      <li><a href="/races/index.html">Races</a></li>

      <li><a href="/tools/index.html">Referee's Tools</a></li>

      <li class="hasSubMenu">
        <details open>
          <summary>
            <a href="/rules/index.html" aria-haspopup="true">Rules</a>
          </summary>
          <ul class="dropdown" aria-label="submenu">
            <li><a href="/rules/basics.html">Basics</a></li>
            <li><a href="/rules/combat.html">Combat</a></li>
            <li><a href="/rules/adventuring.html">Adventuring</a></li>
            <li><a href="/rules/magic.html">Magic</a></li>
            <li><a href="/rules/referees.html">Referees Only</a></li>
          </ul>
        </details>
      </li>

      <li class="hasSubMenu">
        <details open>
          <summary>
            <a href="/about.html" aria-haspopup="true">About</a>
          </summary>
          <ul class="dropdown" aria-label="submenu">
            <li class="hasSubMenu">
              <details open>
                <summary>
                  <a href="/campaign/index.html" aria-haspopup="true">Campaign</a>
                </summary>
                <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>
                </ul>
              </details>
            </li>

            <li><a href="/licenses/index.html">Licenses</a></li>
          </ul>
        </details>
      </li>
    </ul>
  </nav>

  <nav class="navBar" role="navigation">
    <ul>
      <li><a href="/bestiary/index.html">Bestiary</a></li>

      <li><a href="/classes/index.html">Classes</a></li>

      <li><a href="/magic.html">Magic</a></li>

      <li><a href="/planes/index.html">Planes</a></li>

      <li><a href="/races/index.html">Races</a></li>

      <li><a href="/rules/index.html">Rules</a></li>

      <li><a href="/tools/index.html">Tools</a></li>

      <li><a href="/campaign/index.html">Campaign</a></li>
    </ul>
  </nav>

</div>

<!-- NAVMAIN END -->