<!doctype html>

<html lang="en">

<head>

<meta charset="utf-8">

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

<title>{% block title %}{% endblock %} · Spectra</title>

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

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

<script src="/radar/radar.js" defer></script>

{% block head %}{% endblock %}

</head>

<body>

<header>

  <a class="brand" href="/">{{ shell.mark|safe }}Spectra</a>

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

  <span class="who">{{ shell.owner }}</span>

</header>

<nav class="band" aria-label="Radar">

  <a href="/"{% if shell.page == "live" %} class="now"{% endif %}>Live</a>

  <a href="/channels"{% if shell.page == "channels" %} class="now"{% endif %}>Channels</a>

  <a href="/constellation"{% if shell.page == "constellation" %} class="now"{% endif %}>Constellation</a>

  <a href="/briefs"{% if shell.page == "briefs" %} class="now"{% endif %}>Briefs</a>

  <a href="/log"{% if shell.page == "log" %} class="now"{% endif %}>Log</a>

</nav>

<div class="banner">Signed in from the command line (level 2). Answering agents' requests will need your passkey, which arrives in 0.2.</div>

<main id="main"{% if shell.page != "constellation" %} data-live{% endif %}>

{% block content %}{% endblock %}

</main>

<footer>Spectra {{ shell.version }} · ledger head #{{ shell.head }}</footer>

</body>

</html>