sekta / html-live-test / index.html

Blame
index.html26 lines
<!doctype html>
<html lang="ru">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Sekta · Live HTML</title>
  <style>
    :root { color-scheme: light; font-family: Inter, system-ui, sans-serif; }
    body { margin: 0; min-height: 100vh; display: grid; place-items: center; background: #fff7e8; color: #202020; }
    main { box-sizing: border-box; width: min(680px, calc(100% - 48px)); padding: clamp(24px, 6vw, 48px); border: 2px solid #202020; border-radius: 24px; background: white; box-shadow: 10px 10px 0 #ffcf4a; }
    h1 { margin: 0 0 16px; font-size: clamp(36px, 8vw, 72px); line-height: .95; }
    p { font-size: 20px; line-height: 1.5; }
    code { padding: 3px 7px; border-radius: 6px; background: #f1f1f1; }
    .status { display: inline-flex; gap: 8px; align-items: center; font-weight: 700; }
    .dot { width: 12px; height: 12px; border-radius: 50%; background: #24b46b; }
  </style>
</head>
<body>
  <main>
    <div class="status"><span class="dot"></span> Oxygit Pages работает</div>
    <h1>Живой HTML</h1>
    <p>Изменения в <code>index.html</code> публикуются автоматически после push в <code>main</code>. Перезаливать файл на сервер вручную не нужно.</p>
    <p id="version">Проверка публикации: v1</p>
  </main>
</body>
</html>