Mercurial

view mrjunejune/src/offline.html @ 279:b3b547563ec7

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Add Google connector service and agent wiki Implement the C/Seobeo Google Drive and Gmail connector with encrypted OAuth storage, Zenbu authentication, browser testing, AI tool discovery, chunked HTTP decoding, and Bazel coverage. Consolidate repository guidance into progressive wiki documentation and enforce arena-first allocation for new first-party C code. Co-authored-by: Copilot <[email protected]> Copilot-Session: 84c338fd-0939-4bb3-b7f3-1062eb213e5d
author MrJuneJune <me@mrjunejune.com>
date Mon, 17 Aug 2026 22:22:36 -0700
parents 60a876c4587a
children
line wrap: on
line source

<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="/public/design-system/styles/tokens.css">
    <link rel="stylesheet" href="/public/design-system/styles/themes.css">
    <link rel="stylesheet" href="/public/design-system/styles/components.css">
    <script
      type="module"
      src="/public/design-system/components/index.js"
    ></script>
    <title>Offline - MrJuneJune</title>
    <style>
      body {
        font-family: system-ui, -apple-system, sans-serif;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        min-height: 100vh;
        margin: 0;
        padding: var(--zenbu-sys-padding-lg);
        background: linear-gradient(135deg, #544e43 0%, #3a3630 100%);
        color: white;
        text-align: center;
      }

      h1 {
        font-size: var(--zenbu-sys-font-size-3xl);
        margin: 0 0 0.5em 0;
      }

      p {
        font-size: var(--zenbu-sys-font-size-lg);
        line-height: var(--zenbu-sys-line-height-lg);
        margin: 0 0 2em 0;
        opacity: 0.9;
      }

      button {
        min-height: var(--zenbu-control-height);
        padding:
          var(--zenbu-control-padding-block)
          var(--zenbu-control-padding-inline);
        font-size: var(--zenbu-control-font-size);
        background: white;
        color: #544e43;
        border: none;
        border-radius: var(--zenbu-sys-radius-control);
        cursor: pointer;
        font-weight: bold;
        transition: transform 0.2s;
      }

      button:hover {
        transform: scale(1.05);
      }

      .icon {
        font-size: 5em;
        margin-bottom: 0.3em;
      }
    </style>
  </head>
  <body>
    <div class="icon">
      <zen-icon name="offline" label="Offline"></zen-icon>
    </div>
    <h1>You're Offline</h1>
    <p>It looks like you've lost your internet connection.<br>Don't worry, some cached pages might still work!</p>
    <zen-button appearance="plain" size="lg">
      <button onclick="window.location.reload()">Try Again</button>
    </zen-button>
  </body>
</html>