<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<script>
if (localStorage.reframe && !location.hash.startsWith('#?customFrameFor=')) {
location = localStorage.reframe + '#?customFrameFor=' + encodeURIComponent(location.href)
}
// Likely set below
// window.sitequeryServer = 'wss://b2.writable.site/_API'
</script>
<style>
.fade-in-image {
animation: fadeIn 3s;
}
@keyframes fadeIn {
0% { opacity: 0; }
25% { opacity: 0; }
50% { opacity: 0.25; }
100% { opacity: 1; }
}
</style>
<link rel="icon" type="image/svg+xml" href="/assets/favicon-b4e2fd14.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="theme-color" content="#000000" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Lora&display=swap" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.5.0/styles/default.min.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.9.3/css/bulma.min.css" />
<title>writable.site</title>
<script type="module" crossorigin src="/assets/index-3a67854f.js"></script>
<link rel="stylesheet" href="/assets/index-10673fd7.css">
<script>
window.sitequeryServer = "wss://gm6.writable.site/_API";
</script>
</head>
<body>
<div class="header" id="frame"></div>
<div id="error" style="pointer-events: none; position: fixed; bottom: 3rem; left: 3rem; padding: 1rem; font-size: 150%; z-index: 1000;"></div>
<div id="error2" style="pointer-events: none; position: fixed; bottom: 3rem; left: 3rem; padding: 1rem; font-size: 150%; z-index: -1; color: rgba(0,0,0,0.2)"></div>
<div id="busy">
<div id='mainSpinner' class="mainSpinner fade-in-image" style="display: block; position: fixed; left: 0; right: 0; top: 0; bottom: 0; zIndex: 11; background: rgba(0,0,0,0); pointerEvents: none">
<img style="position: fixed; left: calc(50vw - 82px); top: calc(50vh - 82px); zIndex: 11; borderRadius: 10%" src="/assets/Lava Lamp-2s-164px-d923a900.gif" alt='spinner' />
<span style="position: fixed; left: 1; bottom: 1; background: white; fontFamily: arial; fontSize: 12; paddingRight: 5" id='busyMessage'>Loading...</span>
</div>
</div>
<div id="body"></div>
<div id="app"></div>
</body>
</html>