`views/partials/header.ejs`

18 lines
<header class="site-header">
  <a class="brand" href="/" aria-label="DesignTradeLive home">
    <span class="brand-mark" aria-hidden="true">D</span>
    <span class="brand-text">DesignTrade<span class="brand-accent">Live</span></span>
  </a>
  <nav class="site-nav" aria-label="primary">
    <a href="/">All Events</a>
    <a href="/?category=Furniture">Furniture</a>
    <a href="/?category=Hospitality">Hospitality</a>
    <a href="/?category=Commercial">Commercial</a>
    <a href="#about">About</a>
  </nav>
  <button class="theme-toggle" type="button" aria-label="Toggle dark/light mode" data-theme-toggle>
    <span class="theme-icon-dark" aria-hidden="true">☾</span>
    <span class="theme-icon-light" aria-hidden="true">☀</span>
  </button>
</header>