index.html

<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <!-- gitlawb:social-meta:start -->
    <title>gitlawb explorer</title>
    <meta name="description" content="Browse live repositories on the gitlawb network — clone over gitlawb://, inspect ownership, and verify push certificates." />
    <link rel="canonical" href="https://explorer.gitlawb.com/" />
    <meta property="og:type" content="website" />
    <meta property="og:site_name" content="gitlawb explorer" />
    <meta property="og:title" content="gitlawb explorer" />
    <meta property="og:description" content="Browse live repositories on the gitlawb network — clone over gitlawb://, inspect ownership, and verify push certificates." />
    <meta property="og:url" content="https://explorer.gitlawb.com/" />
    <meta property="og:image" content="https://explorer.gitlawb.com/og.png" />
    <meta property="og:image:width" content="1200" />
    <meta property="og:image:height" content="630" />
    <meta property="og:image:alt" content="gitlawb explorer — a terminal-style browser for live repositories on the gitlawb network" />
    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:title" content="gitlawb explorer" />
    <meta name="twitter:description" content="Browse live repositories on the gitlawb network — clone over gitlawb://, inspect ownership, and verify push certificates." />
    <meta name="twitter:image" content="https://explorer.gitlawb.com/og.png" />
    <meta name="twitter:image:alt" content="gitlawb explorer — a terminal-style browser for live repositories on the gitlawb network" />
    <!-- gitlawb:social-meta:end -->
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <link href="https://fonts.googleapis.com/css2?family=Geist+Mono:wght@400;500;600;700;800;900&family=Geist:wght@400;500;600;700;800;900&display=swap" rel="stylesheet" />
    <!-- Anti-FOUC: set theme before first paint. Stored choice wins, then the
         OS preference, then dark — which is what this audience runs and what
         the site shipped before. -->
    <script>
      (function () {
        var stored = localStorage.getItem('gl-theme');
        var dark = stored
          ? stored === 'dark'
          : !window.matchMedia('(prefers-color-scheme: light)').matches;
        var root = document.documentElement;
        root.classList.toggle('dark', dark);
        root.setAttribute('data-theme', dark ? 'dark' : 'light');
      })();
    </script>
  </head>
  <body>
    <!--
      THESIS: a code-hosting surface a developer already knows how to read,
      whose one difference is that every push here carries a verifiable
      signature. Refuses a bespoke visual conceit; the craft goes into density,
      hierarchy, and detail. Chosen by the user over a distinctive direction.
      OWN-WORLD: forge convention at Sourcegraph/GitHub level — neutral greys
      carrying the page, one blue accent for interaction, green/red/amber for
      status, 6px radii, hairline borders, system UI stack with mono for code.
      STORY: a skeptic recognises the surface instantly, reads live signed
      pushes and their certificates, and clones a repository.
      FIRST VIEWPORT: node identity and live counts across the head, the newest
      signed ref-update with its certificate beneath, clone command to hand.
      FORM: the category standard, played straight — the standing exit taken
      from direction round 865d8da2.
      FINISH: unreviewed and undocumented is unfinished; this build ends with
      the finish review, the verdict, DESIGN.md, and every shipping raster
      carrying its provenance.
    -->
    <div id="root"></div>
    <script type="module" src="/src/main.tsx"></script>
  </body>
</html>