sam
52 lines
3.2 KiB
HTML
52 lines
3.2 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en" class="dark">
|
|
<head>
|
|
<title>Agora — Power to the people.</title>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover, interactive-widget=resizes-content" />
|
|
<meta name="description" content="Agora — a Nostr social client for communities, creativity, and ownership." />
|
|
|
|
<!-- Open Graph -->
|
|
<meta property="og:title" content="Agora" />
|
|
<meta property="og:description" content="Power to the people." />
|
|
<meta property="og:image" content="https://agora.spot/og-image.png" />
|
|
<meta property="og:image:width" content="1200" />
|
|
<meta property="og:image:height" content="630" />
|
|
<meta property="og:image:type" content="image/jpeg" />
|
|
<meta property="og:type" content="website" />
|
|
<meta property="og:url" content="https://agora.spot" />
|
|
<meta property="og:site_name" content="Agora" />
|
|
|
|
<!-- Twitter / X -->
|
|
<meta name="twitter:card" content="summary_large_image" />
|
|
<meta name="twitter:title" content="Agora" />
|
|
<meta name="twitter:description" content="Power to the people." />
|
|
<meta name="twitter:image" content="https://agora.spot/og-image.png" />
|
|
|
|
<meta http-equiv="content-security-policy" content="default-src 'none'; script-src 'self' 'wasm-unsafe-eval'; style-src 'self' 'unsafe-inline'; frame-src 'self' https:; font-src 'self' https:; base-uri 'self'; manifest-src 'self'; connect-src 'self' blob: https: wss:; img-src 'self' data: blob: https:; media-src 'self' blob: https:">
|
|
<link rel="icon" type="image/x-icon" href="/favicon.ico">
|
|
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16.png">
|
|
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32.png">
|
|
<link rel="apple-touch-icon" sizes="192x192" href="/icon-192.png">
|
|
<meta name="theme-color" content="#0a0c14" media="(prefers-color-scheme: dark)">
|
|
<meta name="theme-color" content="#e85d3c" media="(prefers-color-scheme: light)">
|
|
<link rel="manifest" href="/manifest.webmanifest">
|
|
<style>@keyframes agora-spin{to{transform:rotate(360deg)}}</style>
|
|
</head>
|
|
<body style="margin:0;background:hsl(0 0% 10%)">
|
|
<!-- Pre-React loading screen. Lives OUTSIDE #root so React doesn't
|
|
touch it. Removed by main.tsx once the app has mounted. -->
|
|
<div id="preloader" style="position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:hsl(0 0% 10%)">
|
|
<div style="display:flex;flex-direction:column;align-items:center;gap:24px">
|
|
<div data-logo style="width:48px;height:48px;background:hsl(14 79% 58%);-webkit-mask:url(/logo.svg) center/contain no-repeat;mask:url(/logo.svg) center/contain no-repeat"></div>
|
|
<div data-spinner style="width:24px;height:24px;border:2.5px solid hsl(14 79% 58% / 0.25);border-top-color:hsl(14 79% 58%);border-radius:50%;animation:agora-spin .7s linear infinite"></div>
|
|
</div>
|
|
</div>
|
|
<!-- Blocking script: reads theme from localStorage and applies it
|
|
before first paint so the preloader matches the user's theme. -->
|
|
<script src="/theme.js"></script>
|
|
<div id="root"></div>
|
|
<script type="module" src="/src/main.tsx"></script>
|
|
</body>
|
|
</html>
|