<!doctype html>

<html lang="en">

<head>

<meta charset="utf-8">

<meta name="viewport" content="width=device-width, initial-scale=1">

<title>{% block title %}{{ shell.site }}{% endblock %} · {{ shell.site }}</title>

<link rel="stylesheet" href="/style.css">

<link rel="icon" href="/favicon.svg" type="image/svg+xml">

<script>(function(){var m=document.cookie.match(/(?:^|; )theme=(light|dark|auto)/);if(m&&m[1]!=="auto")document.documentElement.dataset.theme=m[1];})();</script>

</head>

<body{% block bodyattrs %}{% endblock %}>

<header>

  <a class="brand px" href="/">OXY<span>◆</span>GEN</a>

  <form class="find" action="/search" method="get" role="search"><input type="search" name="q" placeholder="Search…" aria-label="Search" autocomplete="off"></form>

  <nav>

    <a class="go" href="/explore">EXPLORE</a>

  </nav>

</header>

<div class="band">

  <a href="/">Repositories</a>

  <a href="/explore">Explore</a>

  <span class="grow"></span>

  <a class="dim" href="/{{ shell.version }}" title="Oxygenhub {{ shell.version }}" tabindex="-1">v{{ shell.version }}</a>

</div>

{% block tabs %}{% endblock %}

<main{% block mainclass %}{% endblock %}>

{% block content %}{% endblock %}

</main>

<footer>

  <div class="foot">

    <div>

      <a class="brand px" href="/">OXY<span>◆</span>GEN</a>

      <p class="small">{{ shell.site }} · a forge for Oxygen repositories. Nothing here is inferred: what a page says, the object store says.</p>

    </div>

    <div class="cols">

      <div><h3>Use</h3><a href="/explore">Explore</a><a href="/api/v1/repos">API</a><a href="/.well-known/oxyhub-key">Hub key</a></div>

      <div><h3>Keys</h3><span class="small"><kbd>/</kbd> search · <kbd>g</kbd><kbd>c</kbd> code · <kbd>g</kbd><kbd>h</kbd> history · <kbd>?</kbd> help</span></div>

    </div>

  </div>

</footer>

<div id="keys" class="sheet" hidden>

  <h2>Keyboard</h2>

  <table><tr><td><kbd>/</kbd></td><td>Search</td></tr><tr><td><kbd>g</kbd> <kbd>c</kbd></td><td>Code</td></tr><tr><td><kbd>g</kbd> <kbd>h</kbd></td><td>History</td></tr><tr><td><kbd>g</kbd> <kbd>b</kbd></td><td>Bookmarks</td></tr><tr><td><kbd>g</kbd> <kbd>t</kbd></td><td>Trust</td></tr><tr><td><kbd>?</kbd></td><td>This sheet</td></tr></table>

</div>

<script src="/static/hub.js" defer></script>

</body>

</html>