sites/shkor-com: новый сайт Shkor Labs + сбор email (превью new.shkor.com)

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
Simbiot Harness 2026-10-17 13:26:18 +00:00
parent 4e57de63bd
commit 99f05028c2
10 changed files with 456 additions and 0 deletions

10
sites/shkor-com/README.md Normal file
View file

@ -0,0 +1,10 @@
# shkor.com — Shkor Labs site
Static page (`index.html`, `styles.css`, `assets/`) + email capture `subscribe.py` (stdlib, SQLite).
- Preview: https://new.shkor.com (noindex) — docroot `/var/www/shkor-com`, Caddy `/etc/caddy/sites/new-shkor.caddy`
- Video `assets/simbiot-harness-enterprise-en.mp4` is copied from `out/` at deploy (not committed here)
- Emails: `systemd shkor-subscribe` on 127.0.0.1:8097 → `/var/lib/shkor-subscribe/subs.db`
export: `sqlite3 /var/lib/shkor-subscribe/subs.db "select email,source,created_at from subs"`
- Update: `cp -r index.html styles.css assets /var/www/shkor-com/`
- Apex shkor.com still points at 204.168.138.138 (old site) — switch A record after review.

Binary file not shown.

After

Width:  |  Height:  |  Size: 37 KiB

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

244
sites/shkor-com/index.html Normal file
View file

@ -0,0 +1,244 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Shkor Labs — AI agents that run real work, on a rhythm</title>
<meta name="description" content="Shkor Labs builds Simbiot — a rhythmic agent harness that works on its own schedule, reports on time, escalates what it can't safely decide, and keeps a signed, tamper-evident log of everything it does.">
<meta property="og:title" content="Shkor Labs — AI agents that run real work, on a rhythm">
<meta property="og:description" content="Not a chatbot. An agent that lives by ticks: triage every minute, tasks every hour, plans every day. Built and battle-tested inside Cooperative 42.">
<meta property="og:type" content="website">
<meta property="og:url" content="https://shkor.com/">
<meta property="og:image" content="https://shkor.com/assets/film-poster.jpg">
<meta name="twitter:card" content="summary_large_image">
<link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'><rect width='64' height='64' rx='14' fill='%230b0d14'/><path d='M14 40h8l5-16 6 22 5-14 3 8h9' fill='none' stroke='%23f0c36b' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/></svg>">
<link rel="preload" href="assets/unbounded-700-latin.woff2" as="font" type="font/woff2" crossorigin>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<header class="nav">
<div class="wrap nav-in">
<a class="brand" href="#top" aria-label="Shkor Labs — home">
<svg viewBox="0 0 64 64" aria-hidden="true"><path d="M8 40h10l6-18 8 26 6-16 4 8h14" fill="none" stroke="currentColor" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"/></svg>
Shkor&nbsp;Labs
</a>
<nav aria-label="Main">
<a href="#how">How it works</a>
<a href="#trust">Trust</a>
<a href="#coop">Cooperative&nbsp;42</a>
<a href="#offer">Offer</a>
<a class="btn btn-sm" href="#join">Get updates</a>
</nav>
</div>
</header>
<main id="top">
<!-- HERO -->
<section class="hero">
<div class="wrap">
<p class="eyebrow">Shkor Labs · makers of Simbiot</p>
<h1>AI agents that <span class="accent">keep a rhythm</span>, not a chat window.</h1>
<p class="lead">Simbiot is an agent harness that runs your operations on its own schedule — triage every minute, tasks every hour, plans every day. It reports on time, escalates what it can't safely decide, and signs every action it takes.</p>
<form class="sub" data-sub action="/api/subscribe" method="post">
<label class="sr" for="hero-email">Email</label>
<input id="hero-email" type="email" name="email" placeholder="you@company.com" autocomplete="email" required>
<input type="text" name="company" class="hp" tabindex="-1" autocomplete="off" aria-hidden="true">
<input type="hidden" name="source" value="hero">
<button class="btn" type="submit">Get early access</button>
<p class="sub-msg" role="status" aria-live="polite"></p>
</form>
<p class="fine">Field notes from running an AI-operated cooperative. Rarely, and only when there's something real. Unsubscribe in one click.</p>
<div class="pulse" aria-hidden="true">
<svg viewBox="0 0 1200 120" preserveAspectRatio="none"><path d="M0 60 H380 L410 60 L430 20 L455 105 L480 35 L500 75 L515 60 H760 L780 60 L795 40 L812 82 L828 60 H1200"/></svg>
</div>
</div>
</section>
<!-- PROBLEM -->
<section class="band">
<div class="wrap two">
<div>
<p class="eyebrow">Why</p>
<h2>Most “AI agents” wait to be asked.</h2>
</div>
<div class="prose">
<p>A chatbot answers when you type. Real work doesn't happen that way: inboxes fill up overnight, servers fail on weekends, deadlines move while nobody is looking.</p>
<p>Simbiot is built the other way round. It lives by <strong>ticks</strong>, like a heartbeat. On every tick it looks at what changed, decides what is within its authority, does it with real tools — and hands the rest to a human with full context.</p>
</div>
</div>
</section>
<!-- HOW: LADDER -->
<section id="how">
<div class="wrap">
<p class="eyebrow">How it works</p>
<h2>One agent. Four rhythms.</h2>
<p class="lead narrow">Each level of the ladder sees deeper and acts bigger. Busy levels skip a beat instead of piling up, and only summaries travel upward — so the day level reads a page, not a firehose.</p>
<ol class="ladder">
<li>
<span class="tick">1&nbsp;sec</span>
<h3>Reflexes</h3>
<p>Telemetry and alerts. No LLM at all — fast, cheap, deterministic.</p>
</li>
<li>
<span class="tick">1&nbsp;min</span>
<h3>Triage</h3>
<p>Incoming messages, quick fixes, routing. Decides what needs attention now.</p>
</li>
<li>
<span class="tick">1&nbsp;hour</span>
<h3>Execution</h3>
<p>Small and medium tasks done end-to-end, plus an hourly digest of what happened.</p>
</li>
<li>
<span class="tick">1&nbsp;day</span>
<h3>Planning</h3>
<p>Larger tasks and a daily manifest: priorities, risks, what's next.</p>
</li>
</ol>
<div class="grid3">
<article class="card">
<h3>Works by itself</h3>
<p>Runs on a schedule with real tools — shell, files, knowledge search, mail, calls. You read the digest; you don't babysit the prompt.</p>
</article>
<article class="card">
<h3>Knows its limits</h3>
<p>An escalation ladder sends anything it can't decide safely up to a person, with the full context attached. No silent guessing.</p>
</article>
<article class="card">
<h3>LLM only where it matters</h3>
<p>Reflexes and skipped beats cost nothing. Language models are used for judgment, with a hard cap on steps per cycle.</p>
</article>
</div>
</div>
</section>
<!-- FILM -->
<section class="band" aria-labelledby="film-h">
<div class="wrap">
<p class="eyebrow">86 seconds</p>
<h2 id="film-h">Simbiot for business, in one film.</h2>
<div class="film">
<video controls preload="none" poster="assets/film-poster.jpg" playsinline>
<source src="assets/simbiot-harness-enterprise-en.mp4" type="video/mp4">
Your browser can't play this video. <a href="assets/simbiot-harness-enterprise-en.mp4">Download it instead.</a>
</video>
</div>
</div>
</section>
<!-- TRUST -->
<section id="trust">
<div class="wrap two">
<div>
<p class="eyebrow">Trust</p>
<h2>Every action leaves a signature.</h2>
<p class="lead">An agent with real tools needs a real audit trail. Simbiot is built on event sourcing: nothing is overwritten, everything is replayable.</p>
</div>
<ul class="checks">
<li><strong>Signed events.</strong> Every event is signed with ed25519 and hash-chained to the one before it.</li>
<li><strong>Tamper-evident log.</strong> One <code>verify</code> command walks the full chain and shows if anything was altered.</li>
<li><strong>Safe retries.</strong> Idempotent delivery — no duplicate notifications, no double payments, no repeated side effects.</li>
<li><strong>Per-agent access.</strong> REST API and MCP gateway with separate tokens for each agent, so you can see and revoke exactly who did what.</li>
</ul>
</div>
</section>
<!-- COOP -->
<section id="coop" class="band">
<div class="wrap two">
<div>
<p class="eyebrow">Proven in production</p>
<h2>We run our own cooperative on it.</h2>
</div>
<div class="prose">
<p>Simbiot isn't a demo. It is the operating system of <strong>Cooperative 42</strong> — a technology cooperative where people and their agents share a task board, knowledge bases with semantic search, meeting and decision protocols, a treasury, and a live dashboard of statuses, escalations, digests and spend.</p>
<p>Members talk to their agents directly — in chat or by voice — and agents subscribe to events so they act before anyone asks. Everything we sell, we use every day first.</p>
<p><a class="link" href="https://cil.by" rel="noopener">Visit the cooperative portal →</a></p>
</div>
</div>
</section>
<!-- OFFER -->
<section id="offer">
<div class="wrap">
<p class="eyebrow">Offer</p>
<h2>Your own Simbiot — the same one we run.</h2>
<div class="offer">
<div class="price">
<p class="amount">$100<span>/month</span></p>
<p>One price for everyone. No discounts, no tiers — one honest number.</p>
<p class="seats">10 presale seats</p>
<a class="btn" href="https://presale.cil.by/" rel="noopener">Reserve a seat</a>
</div>
<div class="incl">
<h3>Included</h3>
<ul class="checks tight">
<li>The full harness and cooperative portal — not a cut-down version</li>
<li>Agent deployment and onboarding within the month you join</li>
<li>Task dashboard, chat with your agent, event subscriptions</li>
<li>LLM access through the cooperative's router, base quotas included</li>
<li>Priority support and ongoing updates while subscribed</li>
</ul>
<p class="muted">Not included: custom contract development, personal SLA guarantees, third-party billing.</p>
</div>
</div>
</div>
</section>
<!-- JOIN -->
<section id="join" class="cta">
<div class="wrap narrow center">
<h2>Follow what an AI-run company actually looks like.</h2>
<p class="lead">Real digests, real failures, real numbers from inside Cooperative 42 — plus first access when new seats open.</p>
<form class="sub" data-sub action="/api/subscribe" method="post">
<label class="sr" for="cta-email">Email</label>
<input id="cta-email" type="email" name="email" placeholder="you@company.com" autocomplete="email" required>
<input type="text" name="company" class="hp" tabindex="-1" autocomplete="off" aria-hidden="true">
<input type="hidden" name="source" value="footer">
<button class="btn" type="submit">Subscribe</button>
<p class="sub-msg" role="status" aria-live="polite"></p>
</form>
<p class="fine">We store your email only to send these updates. No sharing, no selling.</p>
</div>
</section>
</main>
<footer class="foot">
<div class="wrap foot-in">
<p>© 2026 Shkor Labs LLC</p>
<nav aria-label="Footer">
<a href="https://cil.by" rel="noopener">Cooperative 42</a>
<a href="https://landing.cil.by" rel="noopener">Simbiot</a>
<a href="mailto:alex@shkor.com">alex@shkor.com</a>
</nav>
</div>
</footer>
<script>
document.querySelectorAll('form[data-sub]').forEach(function (f) {
f.addEventListener('submit', function (e) {
e.preventDefault();
var msg = f.querySelector('.sub-msg'), btn = f.querySelector('button');
btn.disabled = true; msg.textContent = '';
fetch(f.action, { method: 'POST', body: new URLSearchParams(new FormData(f)) })
.then(function (r) { return r.json().then(function (j) { return { ok: r.ok, j: j }; }); })
.then(function (res) {
msg.textContent = res.ok ? 'You’re in. Thanks — talk soon.' : (res.j.error || 'Something went wrong.');
msg.className = 'sub-msg ' + (res.ok ? 'ok' : 'err');
if (res.ok) f.reset();
})
.catch(function () { msg.textContent = 'Network error — please try again.'; msg.className = 'sub-msg err'; })
.finally(function () { btn.disabled = false; });
});
});
</script>
</body>
</html>

138
sites/shkor-com/styles.css Normal file
View file

@ -0,0 +1,138 @@
@font-face { font-family: "Inter"; font-weight: 400; font-display: swap; src: url(assets/inter-400-latin.woff2) format("woff2"); }
@font-face { font-family: "Inter"; font-weight: 600; font-display: swap; src: url(assets/inter-600-latin.woff2) format("woff2"); }
@font-face { font-family: "Unbounded"; font-weight: 400; font-display: swap; src: url(assets/unbounded-400-latin.woff2) format("woff2"); }
@font-face { font-family: "Unbounded"; font-weight: 700; font-display: swap; src: url(assets/unbounded-700-latin.woff2) format("woff2"); }
@font-face { font-family: "JetBrains Mono"; font-weight: 400; font-display: swap; src: url(assets/jetbrains-mono-400-latin.woff2) format("woff2"); }
:root {
--bg: #0b0d14;
--bg2: #10131c;
--line: rgba(255,255,255,.08);
--text: #c9cdd8;
--dim: #8a90a0;
--bright: #f4f5f8;
--amber: #f0c36b;
--green: #5ef2a8;
--r: 14px;
--head: "Unbounded", system-ui, sans-serif;
--body: "Inter", system-ui, -apple-system, sans-serif;
--mono: "JetBrains Mono", ui-monospace, monospace;
}
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; scroll-padding-top: 72px; }
body { background: var(--bg); color: var(--text); font: 400 17px/1.65 var(--body); -webkit-font-smoothing: antialiased; }
a { color: inherit; }
:focus-visible { outline: 2px solid var(--amber); outline-offset: 3px; border-radius: 6px; }
.sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.hp { position: absolute; left: -9999px; }
.wrap { max-width: 1120px; margin: 0 auto; padding: 0 24px; }
.narrow { max-width: 720px; }
.center { text-align: center; margin-left: auto; margin-right: auto; }
section { padding: 104px 0; }
.band { background: var(--bg2); border-block: 1px solid var(--line); }
h1, h2, h3 { color: var(--bright); font-family: var(--head); font-weight: 700; letter-spacing: -.02em; line-height: 1.12; }
h1 { font-size: clamp(36px, 6.2vw, 72px); max-width: 15ch; }
h2 { font-size: clamp(28px, 3.6vw, 42px); margin-bottom: 20px; max-width: 22ch; }
h3 { font-family: var(--body); font-weight: 600; font-size: 18px; letter-spacing: 0; margin-bottom: 8px; }
.center h2 { margin-left: auto; margin-right: auto; }
.accent { color: var(--amber); }
.eyebrow { font: 400 13px/1 var(--mono); letter-spacing: .18em; text-transform: uppercase; color: var(--amber); margin-bottom: 18px; }
.lead { font-size: clamp(18px, 1.6vw, 20px); color: var(--text); max-width: 60ch; margin-top: 20px; }
.lead.narrow { margin-bottom: 48px; }
.prose p + p { margin-top: 16px; }
.prose strong, .checks strong { color: var(--bright); font-weight: 600; }
.muted, .fine { color: var(--dim); font-size: 14px; }
.fine { margin-top: 12px; }
.link { color: var(--amber); text-decoration: none; font-weight: 600; }
.link:hover { text-decoration: underline; }
code { font: 14px var(--mono); color: var(--green); background: rgba(94,242,168,.08); padding: 1px 6px; border-radius: 5px; }
/* nav */
.nav { position: sticky; top: 0; z-index: 10; background: rgba(11,13,20,.82); backdrop-filter: blur(12px); border-bottom: 1px solid var(--line); }
.nav-in { display: flex; align-items: center; justify-content: space-between; height: 64px; }
.brand { display: flex; align-items: center; gap: 10px; font: 700 16px var(--head); color: var(--bright); text-decoration: none; }
.brand svg { width: 26px; height: 26px; color: var(--amber); }
.nav nav { display: flex; align-items: center; gap: 28px; font-size: 15px; }
.nav nav a:not(.btn) { color: var(--dim); text-decoration: none; }
.nav nav a:not(.btn):hover { color: var(--bright); }
/* buttons + form */
.btn { display: inline-block; border: 0; cursor: pointer; background: var(--amber); color: #17130a; font: 600 16px var(--body); padding: 14px 22px; border-radius: 10px; text-decoration: none; white-space: nowrap; transition: transform .15s, box-shadow .15s; }
.btn:hover { transform: translateY(-1px); box-shadow: 0 8px 28px rgba(240,195,107,.25); }
.btn:disabled { opacity: .6; cursor: wait; }
.btn-sm { padding: 8px 14px; font-size: 14px; }
.sub { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 36px; max-width: 520px; }
.center .sub { margin-left: auto; margin-right: auto; }
.sub input[type=email] { flex: 1 1 240px; min-width: 0; background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.14); color: var(--bright); font: 16px var(--body); padding: 14px 16px; border-radius: 10px; }
.sub input[type=email]::placeholder { color: #6b7182; }
.sub input[type=email]:focus { outline: none; border-color: var(--amber); }
.sub-msg { flex-basis: 100%; font-size: 15px; min-height: 0; }
.sub-msg.ok { color: var(--green); }
.sub-msg.err { color: #ff8a7a; }
/* hero */
.hero { padding: 120px 0 64px; position: relative; overflow: hidden;
background: radial-gradient(900px 420px at 15% -10%, rgba(240,195,107,.13), transparent 70%); }
.pulse { margin-top: 72px; height: 90px; }
.pulse svg { width: 100%; height: 100%; }
.pulse path { fill: none; stroke: var(--amber); stroke-width: 2; stroke-linejoin: round; stroke-dasharray: 1600; stroke-dashoffset: 1600; animation: beat 4s ease-in-out infinite; filter: drop-shadow(0 0 6px rgba(240,195,107,.6)); }
@keyframes beat { 0% { stroke-dashoffset: 1600; } 55% { stroke-dashoffset: 0; } 100% { stroke-dashoffset: -1600; } }
@media (prefers-reduced-motion: reduce) { .pulse path { animation: none; stroke-dashoffset: 0; } .btn { transition: none; } }
/* layout */
.two { display: grid; grid-template-columns: 1fr; gap: 32px; }
@media (min-width: 880px) { .two { grid-template-columns: 5fr 6fr; gap: 72px; align-items: start; } }
/* ladder */
.ladder { list-style: none; display: grid; grid-template-columns: 1fr; gap: 1px; background: var(--line); border: 1px solid var(--line); border-radius: var(--r); overflow: hidden; }
@media (min-width: 720px) { .ladder { grid-template-columns: repeat(4, 1fr); } }
.ladder li { background: var(--bg); padding: 28px 24px; }
.ladder p { color: var(--dim); font-size: 15px; }
.tick { display: inline-block; font: 400 13px var(--mono); color: var(--amber); border: 1px solid rgba(240,195,107,.35); border-radius: 999px; padding: 3px 10px; margin-bottom: 18px; }
.grid3 { display: grid; grid-template-columns: 1fr; gap: 16px; margin-top: 40px; }
@media (min-width: 880px) { .grid3 { grid-template-columns: repeat(3, 1fr); } }
.card { border: 1px solid var(--line); border-radius: var(--r); padding: 28px; background: rgba(255,255,255,.02); }
.card p { color: var(--dim); font-size: 15px; }
/* film */
.film { margin-top: 32px; border-radius: var(--r); overflow: hidden; border: 1px solid var(--line); aspect-ratio: 16 / 9; background: #000; }
.film video { width: 100%; height: 100%; display: block; }
/* checks */
.checks { list-style: none; display: grid; gap: 18px; }
.checks li { position: relative; padding-left: 30px; }
.checks li::before { content: ""; position: absolute; left: 0; top: .5em; width: 14px; height: 8px; border-left: 2px solid var(--green); border-bottom: 2px solid var(--green); transform: rotate(-45deg); }
.checks.tight { gap: 10px; margin-bottom: 20px; font-size: 16px; }
/* offer */
.offer { display: grid; grid-template-columns: 1fr; gap: 16px; margin-top: 16px; }
@media (min-width: 880px) { .offer { grid-template-columns: 2fr 3fr; } }
.price, .incl { border: 1px solid var(--line); border-radius: var(--r); padding: 36px; }
.price { background: linear-gradient(180deg, rgba(240,195,107,.08), transparent); border-color: rgba(240,195,107,.3); }
.price p { color: var(--dim); font-size: 15px; }
.amount { font: 700 56px/1 var(--head) !important; color: var(--bright) !important; margin-bottom: 16px; }
.amount span { font: 400 18px var(--body); color: var(--dim); margin-left: 6px; }
.seats { font: 400 13px var(--mono) !important; letter-spacing: .14em; text-transform: uppercase; color: var(--amber) !important; margin: 24px 0 16px; }
/* cta */
.cta { background: radial-gradient(700px 300px at 50% 0%, rgba(240,195,107,.12), transparent 70%), var(--bg2); border-top: 1px solid var(--line); }
.cta .lead { margin-left: auto; margin-right: auto; }
/* footer */
.foot { border-top: 1px solid var(--line); padding: 32px 0; font-size: 14px; color: var(--dim); }
.foot-in { display: flex; flex-wrap: wrap; gap: 16px; justify-content: space-between; }
.foot nav { display: flex; gap: 24px; flex-wrap: wrap; }
.foot a { text-decoration: none; }
.foot a:hover { color: var(--bright); }
@media (max-width: 760px) {
section { padding: 72px 0; }
.hero { padding-top: 72px; }
.nav nav a:not(.btn) { display: none; }
}

View file

@ -0,0 +1,64 @@
#!/usr/bin/env python3
"""shkor.com email capture: POST /api/subscribe -> SQLite. Stdlib only.
Env: SUBS_DB (default /var/lib/shkor-subscribe/subs.db), PORT (default 8097).
Export: sqlite3 $SUBS_DB "select email,source,created_at from subs"
"""
import json, os, re, sqlite3, time
from http.server import BaseHTTPRequestHandler, ThreadingHTTPServer
from urllib.parse import parse_qs
DB = os.environ.get("SUBS_DB", "/var/lib/shkor-subscribe/subs.db")
PORT = int(os.environ.get("PORT", "8097"))
EMAIL_RE = re.compile(r"^[^@\s]{1,64}@[^@\s]+\.[A-Za-z]{2,}$")
RATE = {} # ip -> [timestamps]
def db():
c = sqlite3.connect(DB)
c.execute("""create table if not exists subs (
email text primary key, source text, ip text, ua text,
created_at text default (datetime('now')))""")
return c
class H(BaseHTTPRequestHandler):
def reply(self, code, obj):
body = json.dumps(obj).encode()
self.send_response(code)
self.send_header("Content-Type", "application/json")
self.send_header("Content-Length", str(len(body)))
self.end_headers()
self.wfile.write(body)
def do_POST(self):
if self.path.rstrip("/") != "/api/subscribe":
return self.reply(404, {"error": "not found"})
n = int(self.headers.get("Content-Length") or 0)
if n > 4096:
return self.reply(413, {"error": "too large"})
form = {k: v[0] for k, v in parse_qs(self.rfile.read(n).decode("utf-8", "replace")).items()}
if form.get("company"): # honeypot: pretend success to bots
return self.reply(200, {"ok": True})
ip = self.headers.get("X-Forwarded-For", self.client_address[0]).split(",")[0].strip()
now = time.time()
hits = [t for t in RATE.get(ip, []) if now - t < 3600]
if len(hits) >= 10:
return self.reply(429, {"error": "Too many attempts — try again later."})
RATE[ip] = hits + [now]
email = form.get("email", "").strip().lower()
if not EMAIL_RE.match(email) or len(email) > 254:
return self.reply(400, {"error": "Please enter a valid email."})
with db() as c:
c.execute("insert or ignore into subs(email, source, ip, ua) values (?,?,?,?)",
(email, form.get("source", "")[:32], ip, self.headers.get("User-Agent", "")[:300]))
self.reply(200, {"ok": True})
def log_message(self, fmt, *args):
pass
if __name__ == "__main__":
os.makedirs(os.path.dirname(DB), exist_ok=True)
db().close()
ThreadingHTTPServer(("127.0.0.1", PORT), H).serve_forever()