<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>wisp.place</title>
<meta name="description" content="Manage your decentralized static sites hosted on AT Protocol." />
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website" />
<meta property="og:url" content="https://wisp.place/editor" />
<meta property="og:title" content="Editor - wisp.place" />
<meta property="og:description" content="Manage your decentralized static sites hosted on AT Protocol." />
<meta property="og:site_name" content="wisp.place" />
<!-- Twitter -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:url" content="https://wisp.place/editor" />
<meta name="twitter:title" content="Editor - wisp.place" />
<meta name="twitter:description" content="Manage your decentralized static sites hosted on AT Protocol." />
<!-- Theme -->
<meta name="theme-color" content="#7c3aed" />
<link rel="icon" type="image/x-icon" href="../favicon.ico">
<link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png">
<link rel="apple-touch-icon" sizes="180x180" href="../apple-touch-icon.png">
<link rel="manifest" href="../site.webmanifest">
<style>
/* Dark theme fallback styles for before JS loads */
@media (prefers-color-scheme: dark) {
body {
background-color: oklch(0.23 0.015 285);
color: oklch(0.90 0.005 285);
}
pre {
background-color: oklch(0.33 0.015 285) !important;
color: oklch(0.90 0.005 285) !important;
}
.bg-muted {
background-color: oklch(0.33 0.015 285) !important;
}
}
</style>
</head>
<body>
<div id="elysia"></div>
<script type="module" src="/editor/editor.tsx"></script>
</body>
</html>