`views/partials/header.ejs`

18 lines
<header class="site-header">
  <div class="wrap">
    <a class="brand" href="/">
      <span class="brand-mark">DR</span>
      <span class="brand-name">Designer Representatives</span>
    </a>
    <nav class="nav">
      <a href="/reps">Browse Reps</a>
      <a href="/about">About</a>
      <a href="/claim">List Your Agency</a>
    </nav>
    <button id="theme-toggle" class="theme-toggle" type="button" aria-label="Toggle dark / light theme">
      <span class="theme-toggle-sun">☀</span>
      <span class="theme-toggle-moon">☾</span>
    </button>
  </div>
</header>