`views/partials/header.ejs`

27 lines
<header class="site-header">
  <div class="header-inner">
    <a href="/" class="brand" aria-label="Ventura Claw home">
      <span class="brand-mark">VC</span>
      <span class="brand-name">Ventura Claw</span>
    </a>
    <% var _p = (typeof path === 'string') ? path : ''; %>
    <nav class="primary-nav" aria-label="Primary">
      <a href="/find"           class="<%= _p === '/find' ? 'is-current' : '' %>">Find a business</a>
      <a href="/map"            class="<%= _p === '/map' ? 'is-current' : '' %>">Map</a>
      <a href="/for-businesses" class="<%= _p === '/for-businesses' ? 'is-current' : '' %>">For businesses</a>
      <a href="/about"          class="<%= _p === '/about' ? 'is-current' : '' %>">About</a>
    </nav>
    <div class="header-actions">
      <button type="button" class="theme-toggle" aria-label="Toggle theme" data-theme-toggle>
        <span class="t-light" aria-hidden="true">☼</span>
        <span class="t-dark" aria-hidden="true">☾</span>
      </button>
      <% if (currentBusinessUser) { %>
        <a href="/admin" class="btn btn-ghost btn-sm">Dashboard</a>
      <% } else { %>
        <a href="/admin/login" class="btn btn-ghost btn-sm">Business sign in</a>
      <% } %>
    </div>
  </div>
</header>