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.
92 lines
3.3 KiB
92 lines
3.3 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" /> |
|
|
|
<title>Jumble - Imwald Edition 🌲</title> |
|
<meta |
|
name="description" |
|
content="A user-friendly Nostr client focused on relay feed browsing and relay discovery" |
|
/> |
|
<meta |
|
name="keywords" |
|
content="jumble, nostr, web, client, relay, feed, social, pwa, simple, clean" |
|
/> |
|
|
|
<meta name="apple-mobile-web-app-title" content="Jumble" /> |
|
<link rel="manifest" href="/manifest.webmanifest" /> |
|
<link rel="apple-touch-icon" href="/apple-touch-icon.png" /> |
|
<link rel="icon" href="data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22%3E%3Ctext y=%22.9em%22 font-size=%2290%22%3E🌲%3C/text%3E%3C/svg%3E" type="image/svg+xml" /> |
|
<meta name="theme-color" content="#171717" media="(prefers-color-scheme: dark)" /> |
|
<meta name="theme-color" content="#FFFFFF" 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="Jumble - Imwald Edition 🌲" /> |
|
<meta |
|
property="og:description" |
|
content="A user-friendly Nostr client focused on relay feed browsing and relay discovery. The Imwald edition focuses on publications and articles." |
|
/> |
|
<meta |
|
property="og:image" |
|
content="https://github.com/CodyTseng/jumble/blob/master/resources/og-image.png?raw=true" |
|
/> |
|
<meta property="og:site_name" content="Jumble" /> |
|
<meta name="twitter:card" content="summary_large_image" /> |
|
<meta name="twitter:title" content="Jumble - Imwald Edition 🌲" /> |
|
<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://github.com/CodyTseng/jumble/blob/master/resources/og-image.png?raw=true" /> |
|
</head> |
|
<body> |
|
<div id="root"> |
|
<div |
|
id="jumble-boot-splash" |
|
style=" |
|
position: fixed; |
|
inset: 0; |
|
display: flex; |
|
flex-direction: column; |
|
align-items: center; |
|
justify-content: center; |
|
gap: 1rem; |
|
font-family: system-ui, sans-serif; |
|
font-size: 0.95rem; |
|
color: #737373; |
|
background: #fafafa; |
|
" |
|
> |
|
<div |
|
style=" |
|
width: 2rem; |
|
height: 2rem; |
|
border: 3px solid #e5e5e5; |
|
border-top-color: #404040; |
|
border-radius: 50%; |
|
animation: jumble-spin 0.7s linear infinite; |
|
" |
|
aria-hidden="true" |
|
></div> |
|
<p style="margin: 0; max-width: 18rem; text-align: center">Loading Jumble…</p> |
|
</div> |
|
<style> |
|
@keyframes jumble-spin { |
|
to { |
|
transform: rotate(360deg); |
|
} |
|
} |
|
@media (prefers-color-scheme: dark) { |
|
#jumble-boot-splash { |
|
color: #a3a3a3; |
|
background: #171717; |
|
} |
|
#jumble-boot-splash div[aria-hidden] { |
|
border-color: #404040; |
|
border-top-color: #d4d4d4; |
|
} |
|
} |
|
</style> |
|
</div> |
|
<script type="module" src="/src/main.tsx"></script> |
|
</body> |
|
</html>
|
|
|