index.html

<!DOCTYPE html>
<html lang="en">
<meta charset="utf-8">

<title>surge</title>

<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="theme-color" content="#111">
<meta name="color-scheme" content="dark">
<meta name="description" content="hypertext surge">

<style>
  :any-link {
    text-decoration: overline wavy;
  }

  :focus {
    outline: thick dashed;
  }

  html {
    font: max(33pt, 33vw) system-ui;
  }

  body {
    box-sizing: border-box;
    margin: auto;
    padding-block: 9vh;
    padding-inline: 9vw;
  }
</style>

<style media="(orientation: portrait)">
  body {
    writing-mode: vertical-rl;
  }
</style>

<link rel="help" href="https://github.com/s9a/surge">
<link rel="license" href="LICENSE.txt">

<nav aria-label="surge">
  <samp>
    <a href="/">www</a>
  </samp>
</nav>