Samuel Enocsson
84 lines
3.7 KiB
Plaintext
84 lines
3.7 KiB
Plaintext
<header class="topbar" id="topbar">
|
|
<div class="topbar__inner">
|
|
<a href="/" class="topbar__brand">
|
|
<span class="topbar__brand-mark" aria-hidden="true">
|
|
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
|
<path d="M3 17 L9 11 L13 15 L21 6" />
|
|
<path d="M14 6 L21 6 L21 13" />
|
|
</svg>
|
|
</span>
|
|
<span class="topbar__brand-text">
|
|
<span class="topbar__brand-title">Rating Tracker</span>
|
|
<span class="topbar__brand-sub">Disc golf · unofficial</span>
|
|
</span>
|
|
</a>
|
|
|
|
<nav class="topbar__nav" aria-label="Primary">
|
|
<a href="/" class="<%= activePage === 'players' ? 'active' : '' %>">Players</a>
|
|
<a href="/courses" class="<%= activePage === 'courses' ? 'active' : '' %>">Courses</a>
|
|
</nav>
|
|
|
|
<div class="topbar__meta">
|
|
<div class="topbar__meta-item">
|
|
<span class="topbar__meta-label">Next update</span>
|
|
<span class="topbar__meta-value"><%= nextUpdate %></span>
|
|
</div>
|
|
<div class="topbar__meta-item">
|
|
<span class="topbar__meta-label">Last refresh</span>
|
|
<span class="topbar__meta-value"><%= lastRefresh %></span>
|
|
</div>
|
|
<span class="topbar__divider" aria-hidden="true"></span>
|
|
<button
|
|
class="topbar__refresh"
|
|
type="button"
|
|
hx-post="/api/refresh-all"
|
|
hx-vals='{"page": "<%= activePage %>"}'
|
|
hx-target="#topbar"
|
|
hx-swap="outerHTML"
|
|
hx-disabled-elt="this"
|
|
>
|
|
<span class="topbar__refresh-icon" aria-hidden="true">↻</span>
|
|
<span class="topbar__refresh-spinner" aria-hidden="true"></span>
|
|
<span class="topbar__refresh-label">Refresh all</span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="topbar__mobile">
|
|
<div class="topbar__mobile-row1">
|
|
<a href="/" class="topbar__mobile-brand">
|
|
<span class="topbar__mobile-mark" aria-hidden="true">
|
|
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
|
<path d="M3 17 L9 11 L13 15 L21 6" />
|
|
<path d="M14 6 L21 6 L21 13" />
|
|
</svg>
|
|
</span>
|
|
<span class="topbar__mobile-brand-text">
|
|
<span class="topbar__mobile-title">Rating Tracker</span>
|
|
<span class="topbar__mobile-sub">Disc golf · unofficial</span>
|
|
</span>
|
|
</a>
|
|
<button
|
|
class="topbar__mobile-refresh"
|
|
type="button"
|
|
hx-post="/api/refresh-all"
|
|
hx-vals='{"page": "<%= activePage %>"}'
|
|
hx-target="#topbar"
|
|
hx-swap="outerHTML"
|
|
hx-disabled-elt="this"
|
|
title="Refresh all"
|
|
aria-label="Refresh all"
|
|
>
|
|
<span class="topbar__refresh-icon" aria-hidden="true">↻</span>
|
|
<span class="topbar__refresh-spinner" aria-hidden="true"></span>
|
|
</button>
|
|
</div>
|
|
<div class="topbar__mobile-row2">
|
|
<nav class="topbar__mobile-nav" aria-label="Primary">
|
|
<a href="/" class="<%= activePage === 'players' ? 'active' : '' %>">Players</a>
|
|
<a href="/courses" class="<%= activePage === 'courses' ? 'active' : '' %>">Courses</a>
|
|
</nav>
|
|
</div>
|
|
</div>
|
|
</header>
|