404.html

Rama main · réplica de lectura del repositorio original.

<!DOCTYPE html>
<html lang="en">
<head>
  <!-- Content-Security-Policy. GitHub Pages serves no custom headers, so the
       policy has to travel in the markup (PRODUCT_BLUEPRINT 4.2, block F). -->
  <meta http-equiv="Content-Security-Policy" content="default-src 'self'; base-uri 'self'; object-src 'none'; script-src 'self' 'unsafe-inline' https://cdn.vemetric.com; style-src 'self' 'unsafe-inline'; img-src 'self' data:; font-src 'self'; connect-src 'self' https://hub.vemetric.com; frame-src 'none'; form-action 'self'; upgrade-insecure-requests" />
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <title>Page not found - Spendif.ai</title>
  <meta name="description" content="That page does not exist. Spendif.ai is a personal finance manager that runs entirely on your own computer." />
  <!-- A 404 must never be indexed: it would compete with the real pages. -->
  <meta name="robots" content="noindex, follow" />
  <link rel="canonical" href="https://spendif.ai/404.html" />
  <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
  <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32.png" />

  <script>
    window.vmtrcq = window.vmtrcq || [];
    window.vmtrc = window.vmtrc || function (){window.vmtrcq.push(Array.prototype.slice.call(arguments))};
  </script>
  <script defer src="https://cdn.vemetric.com/main.js" id="vmtrc-scr" data-token="o10JyrtkgQ8RAn1q"></script>

  <style>
    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
    :root {
      --bg:       #0d1117;
      --surface:  #161b22;
      --border:   #30363d;
      --blue:     #58a6ff;
      --text:     #e6edf3;
      --muted:    #8b949e;
    }
    body {
      background: var(--bg);
      color: var(--text);
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
      line-height: 1.6;
      min-height: 100vh;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 2rem 1rem;
    }
    main { max-width: 34rem; text-align: center; }
    .code { font-size: 4rem; font-weight: 700; color: var(--blue); line-height: 1; }
    h1 { font-size: 1.5rem; margin: 0.75rem 0 0.5rem; }
    p { color: var(--muted); margin-bottom: 1.5rem; }
    .links { display: flex; gap: 0.75rem; justify-content: center; flex-wrap: wrap; }
    .links a {
      display: inline-block;
      padding: 0.6rem 1.1rem;
      border: 1px solid var(--border);
      border-radius: 6px;
      background: var(--surface);
      color: var(--blue);
      text-decoration: none;
    }
    .links a:hover { border-color: var(--blue); }
    .note { margin-top: 2rem; font-size: 0.85rem; color: var(--muted); }
    .note code { color: var(--text); }
  </style>
</head>
<body>
  <main>
    <div class="code">404</div>
    <h1>That page does not exist</h1>
    <p>
      The link may be out of date. The site moved to one address per language in
      September 2026: English now lives at the root, and each translation sits
      under its own prefix.
    </p>
    <div class="links">
      <a href="/">Home</a>
      <a href="/getting-started.html">Install guide</a>
      <a href="https://github.com/spendifai/spendif-ai" target="_blank" rel="noopener noreferrer">GitHub</a>
    </div>
    <p class="note">
      Looking for an older link such as <code>/index.en.html</code>? It is now
      <code>/</code>, and <code>/index.de.html</code> is now <code>/de/</code>.
    </p>
  </main>
</body>
</html>