<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>{#insert title}git-shark{/}</title>
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
<link rel="stylesheet" href="/shark.css?v={cdi:assets.version}">
<script defer src="/shark-hotkeys.js?v={cdi:assets.version}"></script>
</head>
<body class="{cdi:currentUser.contentWidthClass}">
<header class="site">
<a class="brand" href="/"><svg class="bmark" viewBox="0 0 64 64" width="26" height="26" aria-hidden="true"><rect width="64" height="64" rx="15" fill="#168b85"></rect><path d="M12 42 H52 M24 42 C29 42 31 50 38 50" fill="none" stroke="#fff" stroke-width="3" stroke-linecap="round"></path><circle cx="16" cy="42" r="3.2" fill="#fff"></circle><circle cx="38" cy="50" r="3.2" fill="#fff"></circle><path d="M26 42 C28 32 32 24 39 14 C40 22 42 33 45 42 Z" fill="#fff"></path></svg><span class="g">git</span><span class="s">shark</span></a>
<form class="nav-search" method="get" action="/search" role="search">
<input type="search" name="q" value="{cdi:currentRequest.searchQuery}" placeholder="Search" aria-label="Search repositories and people">
</form>
<nav>
{#insert nav}
{#if cdi:currentUser.loggedIn}
<a href="/following">Following</a>
<details class="user-menu">
<summary>Account</summary>
<div class="user-menu-items">
<a href="/settings/profile">{#avatar user=cdi:currentUser.get /} Profile</a>
<a href="/settings/keys">SSH keys</a>
<a href="/settings/tokens">Access tokens</a>
<form class="logout" method="post" action="/logout"><button type="submit">Logout</button></form>
</div>
</details>
{#else}
<a class="btn btn-primary" href="{cdi:currentRequest.loginUrl}">Log in</a>
{/if}
{/}
</nav>
</header>
<main>
{#insert /}
</main>
<dialog id="hotkey-help">
<h2>Keyboard shortcuts</h2>
<table>
<tr><td><kbd>?</kbd></td><td>Show this help</td></tr>
<tr><td><kbd>g</kbd> <kbd>h</kbd></td><td>Go home</td></tr>
<tr><td><kbd>Esc</kbd></td><td>Close dialog</td></tr>
</table>
</dialog>
{#insert scripts}{/}
</body>
</html>