BirdNET-stream/www/templates/menu.html.twig

<nav class="navbar">
  <input type="checkbox" class="toggler" />
  <div class="hamburger">
    <div></div>
  </div>
  <div class="fill"></div>
  <div class="menu overlay">
    <ul>
      {% include 'utils/nav-item.html.twig' with {
        route: 'home',
        url: '/',
        name: 'Home'|trans
      } %}
      {% include 'utils/nav-item.html.twig' with {
        route: 'about',
        url: '/about',
        name: 'About'|trans
      } %}
      {% include 'utils/nav-item.html.twig' with {
        route: 'today',
        url: '/today',
        name: "Today's Detections"|trans
      } %}
      {% include 'utils/nav-item.html.twig' with {
        route: 'spectro',
        url: '/spectro',
        name: 'Live Spectrogram'|trans
      } %}
      {% include 'utils/nav-item.html.twig' with {
        route: 'stats',
        url: '/stats',
        name: 'Statistics'|trans
      } %}
      <li class="dropdown">
        {% include 'utils/nav-item.html.twig' with {
          route: 'records',
          url: '/records',
          name: 'Recordings'|trans
        } %}
        <ul class="dropdown-content">
          {% include 'utils/nav-item.html.twig' with {
            route: 'bests',
            url: '/records/best',
            name: 'Best Recordings'|trans
          } %}
        </ul>
      </li>
      {% include 'utils/nav-item.html.twig' with {
        route: 'bests',
        url: '/records/best',
        name: 'Best Recordings'|trans
      } %}

      {% include 'utils/nav-item.html.twig' with {
        route: 'logs',
        url: '/logs',
        name: 'View Logs'|trans
      } %}
      {% include 'utils/nav-item.html.twig' with {
        route: 'status',
        url: '/services/status',
        name: 'Status'|trans
      } %}
    </ul>
  </div>
</nav>