<nav> <div class="container"> <ul> <a href="/about"> <li>about</li> </a> <a href="/contact"> <li>contact</li> </a> <a href="/explore"> <li> <div class="dropdown"> <span>explore</span> <div class="dropdown-content"> <ul> <a href="/explore/list"> <li>list</li> </a><a href="/explore/map"> <li>map</li> </a><a href="/explore/mysteries"> <li>mysteries</li> </a> <a href="/explore/random"> <li>random</li> </a><a href="/explore/search"> <li>search</li> </a><a href="/explore/spectrograms"> <li>spectrograms</li> </a> <a href="/explore/taxa"> <li>taxa</li> </a><a href="/explore/guano"> <li>guano</li> </a> <a href="/explore/users"> <li>users</li> </a> </ul> </div> </div></li> </a> <a href="/upload"> <li>upload</li> </a> <a href="/larynx"> <li>larynx</li> </a> <a href="/forum"> <li>forum</li> </a> <a href="/explore/mysteries"> <li>mysteries</li> </a> <a href="/articles"> <li>articles</li> </a> </ul> <div> <?=isset($_SESSION['username']) ? "Welcome ".$_SESSION['username']. " !" : '<a href="/auth/login">sign in</a> <a href="/auth/register">sign up</a>'?> </div> </div> </nav>