deluge/deluge-torrent.org/htdocs/deluge_header_nav.html

<div class="deluge-nav">
  <div class="deluge-nav-logo">
    <a href="https://dev.deluge-torrent.org/">
      <img src="https://deluge-torrent.org/images/deluge_logo.png" alt="" />Deluge
    </a>
  </div>

  <div class="deluge-navbar">
    <div class="icon-bar" onclick="show()">
      <i></i>
      <i></i>
      <i></i>
    </div>

    <ul id="deluge-nav-lists">
      <li class="close"><span onclick="hide()">×</span></li>
      <li>
        <a href="https://dev.deluge-torrent.org/wiki/Download">Download</a>
      </li>
      <li><a href="https://dev.deluge-torrent.org/wiki/Plugins">Plugins</a></li>
      <li><a href="https://forum.deluge-torrent.org/">Forum</a></li>
      <li>
        <a href="https://dev.deluge-torrent.org/wiki/UserGuide">Support</a>
      </li>
      <li><a href="https://dev.deluge-torrent.org/roadmap">Bugs</a></li>
      <li>
        <a href="https://dev.deluge-torrent.org/wiki/Development"
          >Development</a
        >
      </li>
    </ul>
  </div>
</div>

<script>
  const navList = document.getElementById("deluge-nav-lists");
  function show() {
    navList.classList.add("menus-show");
  }

  function hide() {
    navList.classList.remove("menus-show");
  }
</script>