You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
100 lines
3.5 KiB
100 lines
3.5 KiB
<!doctype html> |
|
<html lang="en"> |
|
<head> |
|
<meta charset="UTF-8" /> |
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" /> |
|
<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=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap" |
|
rel="stylesheet" |
|
/> |
|
|
|
<title>Imwald</title> |
|
<meta |
|
name="description" |
|
content="Imwald — a user-friendly Nostr client focused on relay feed browsing, publications, and relay discovery." |
|
/> |
|
<meta |
|
name="keywords" |
|
content="imwald, nostr, web, client, relay, feed, social, pwa, simple, clean" |
|
/> |
|
|
|
<meta name="apple-mobile-web-app-title" content="Imwald" /> |
|
<link rel="manifest" href="/manifest.webmanifest" /> |
|
<link rel="apple-touch-icon" href="/apple-touch-icon.png" /> |
|
<link rel="icon" href="/favicon.ico" sizes="any" /> |
|
<link rel="icon" href="/favicon.png" type="image/png" sizes="216x215" /> |
|
<link rel="icon" href="/favicon.svg" type="image/svg+xml" /> |
|
<meta name="theme-color" content="#121e18" media="(prefers-color-scheme: dark)" /> |
|
<meta name="theme-color" content="#f4f7f4" media="(prefers-color-scheme: light)" /> |
|
|
|
<meta property="og:url" content="https://jumble.imwald.eu" /> |
|
<meta property="og:type" content="website" /> |
|
<meta property="og:title" content="Imwald" /> |
|
<meta |
|
property="og:description" |
|
content="Imwald — a user-friendly Nostr client focused on relay feed browsing, publications, and relay discovery." |
|
/> |
|
<meta |
|
property="og:image" |
|
content="https://jumble.imwald.eu/og-image.png" |
|
/> |
|
<meta property="og:site_name" content="Imwald" /> |
|
<meta name="twitter:card" content="summary_large_image" /> |
|
<meta name="twitter:title" content="Imwald" /> |
|
<meta name="twitter:description" content="jumble.imwald.eu — a user-friendly Nostr client focused on relay feed browsing and relay discovery." /> |
|
<meta name="twitter:image" content="https://jumble.imwald.eu/og-image.png" /> |
|
</head> |
|
<body> |
|
<div id="root"> |
|
<div |
|
id="imwald-boot-splash" |
|
style=" |
|
position: fixed; |
|
inset: 0; |
|
display: flex; |
|
flex-direction: column; |
|
align-items: center; |
|
justify-content: center; |
|
gap: 1rem; |
|
font-family: 'Playfair Display', Georgia, serif; |
|
font-size: 1rem; |
|
color: #3d5346; |
|
background: #f4f7f4; |
|
" |
|
> |
|
<div |
|
style=" |
|
width: 2rem; |
|
height: 2rem; |
|
border: 3px solid #c5d4c8; |
|
border-top-color: #2f6f4f; |
|
border-radius: 50%; |
|
animation: imwald-spin 0.7s linear infinite; |
|
" |
|
aria-hidden="true" |
|
></div> |
|
<p style="margin: 0; max-width: 18rem; text-align: center">Loading Imwald…</p> |
|
</div> |
|
<style> |
|
@keyframes imwald-spin { |
|
to { |
|
transform: rotate(360deg); |
|
} |
|
} |
|
@media (prefers-color-scheme: dark) { |
|
#imwald-boot-splash { |
|
color: #b8c9bf; |
|
background: #121e18; |
|
} |
|
#imwald-boot-splash div[aria-hidden] { |
|
border-color: #2a3d32; |
|
border-top-color: #5a9e7a; |
|
} |
|
} |
|
</style> |
|
</div> |
|
<script type="module" src="/src/main.tsx"></script> |
|
</body> |
|
</html>
|
|
|