menu.html

<a href="index.html"
  ><picture id="nav-logo">
    <source srcset="imgs/logo_horizontal-dark.svg" media="(prefers-color-scheme: dark)" />
    <img src="imgs/logo_horizontal-light.svg" alt="Assets 2025 logo" /> </picture
></a>
<button id="menu-toggle" aria-label="Toggle menu">
  <span class="hamburger"></span>
</button>
<div id="menu-container">
  <ul class="main-menu">
    <li class="mobile-only"><a href="/" data-page="home">Home</a></li>
    <li class="has-submenu">
      <a
        aria-expanded="false"
        aria-haspopup="true"
        role="button"
        data-page="authors"
        href="call_for_papers.html"
        >Authors</a
      >
      <ul class="secondary-menu">
        <li><a href="call_for_papers.html">Call for Papers</a></li>
        <li><a href="technical_papers.html">Technical Papers</a></li>
        <li><a href="posters_and_demos.html">Posters and Demonstrations</a></li>
        <li><a href="workshops.html">Workshops</a></li>
        <li><a href="experience_reports.html">Experience Reports</a></li>
        <li><a href="doctoral_consortium.html">Doctoral Consortium</a></li>
        <li>
          <a href="student_research_competition.html">Student Research Competition</a>
        </li>
      </ul>
    </li>
    <li><a href="attending.html" data-page="attending">Attending</a></li>
    <li><a href="organizers.html" data-page="organizers">Organizers</a></li>
    <li class="has-submenu">
      <a href="sponsors.html" aria-expanded="false" aria-haspopup="true" data-page="sponsors"
        >Sponsors</a
      >
      <ul class="secondary-menu">
        <li><a href="about_sponsorship.html">About Sponsorship</a></li>
      </ul>
    </li>
    <li><a href="volunteer.html" data-page="volunteer">Volunteer</a></li>
  </ul>
</div>