dave/storkit
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 10 Wiki Activity

Adding in a holding page for a website

Browse Source
This commit is contained in:
Timmy
2026-03-25 14:27:06 +00:00
parent fae7b3be20
commit 71a6c72614
3 changed files with 278 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

70
website/index.html Normal file
View File

@@ -0,0 +1,70 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Storkit — Story-Driven Development for AI Agents</title>
<meta name="description" content="Storkit is an autonomous development pipeline that turns user stories into tested, shipped code using AI agents.">
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="container">
<header>
<h1>stor<span>kit</span></h1>
<p class="tagline">Story-driven development, powered by AI agents.</p>
</header>
<section>
<h2>What is Storkit?</h2>
<p>Storkit is an autonomous development pipeline that turns user stories into tested, shipped code. You describe what you want. AI agents handle the rest &mdash; implementation, testing, code review, and merge.</p>
<p>Talk to it from your IDE, a chat room, or WhatsApp. Stories flow through a structured pipeline: backlog, current, QA, merge, done.</p>
</section>
<section>
<h2>How it works</h2>
<ol class="steps">
<li>You write a user story with acceptance criteria.</li>
<li>An AI agent picks it up, creates a feature branch, and implements the code.</li>
<li>A QA agent runs tests, linters, and quality gates automatically.</li>
<li>A merge agent resolves conflicts and lands it on your main branch.</li>
<li>You review the result. Accept or send it back.</li>
</ol>
</section>
<section>
<h2>Features</h2>
<div class="features">
<div class="feature">
<h3>Story-Driven Workflow</h3>
<p>Stories define the change. Tests define the truth. Code defines the reality. No code ships without acceptance criteria.</p>
</div>
<div class="feature">
<h3>Multi-Agent Pipeline</h3>
<p>Coder, QA, and merge agents work in parallel across isolated git worktrees. Configure agent count, models, and budgets.</p>
</div>
<div class="feature">
<h3>Chat Anywhere</h3>
<p>Control the pipeline from Matrix, WhatsApp, Slack, or the built-in web UI. Create stories, start agents, check status.</p>
</div>
<div class="feature">
<h3>Full Autonomy, Your Oversight</h3>
<p>Agents implement, test, and merge independently. You approve what ships. Every story is traceable from request to release.</p>
</div>
</div>
</section>
<section>
<h2>Get in touch</h2>
<p>Storkit is built by <a href="https://crashlabs.io">Crashlabs</a>. Interested in early access or have questions? Reach out at <a href="mailto:hello@storkit.dev">hello@storkit.dev</a>.</p>
</section>
<footer>
<p>&copy; 2026 Libby Labs Ltd. All rights reserved. &middot; <a href="privacy.html">Privacy Policy</a></p>
</footer>
</div>
</body>
</html>

68
website/privacy.html Normal file
View File

@@ -0,0 +1,68 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Privacy Policy — Storkit</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="container">
<header>
<h1><a href="/" style="color: inherit;">stor<span>kit</span></a></h1>
<p class="tagline">Privacy Policy</p>
</header>
<section>
<p><strong>Last updated:</strong> 25 March 2026</p>
<h2>Who we are</h2>
<p>Storkit is operated by Libby Labs Ltd ("we", "us", "our"), trading as Crashlabs. Our contact email is <a href="mailto:hello@storkit.dev">hello@storkit.dev</a>.</p>
</section>
<section>
<h2>What we collect</h2>
<p>When you interact with Storkit via WhatsApp, Slack, Matrix, or the web interface, we may collect:</p>
<p><strong>Messaging data:</strong> Your phone number or chat identifier and the content of messages you send to the bot. This is used solely to process your requests and maintain conversation context.</p>
<p><strong>Usage data:</strong> Basic server logs including timestamps and request metadata. We do not use analytics trackers on this website.</p>
</section>
<section>
<h2>How we use your data</h2>
<p>We use your data only to provide and improve the Storkit service. Specifically:</p>
<p>- To process commands and respond to your messages.<br>
- To maintain conversation history within active sessions.<br>
- To diagnose and fix technical issues.</p>
<p>We do not sell, rent, or share your personal data with third parties for marketing purposes.</p>
</section>
<section>
<h2>Third-party services</h2>
<p>Messages sent via WhatsApp are processed through Meta's WhatsApp Business API or Twilio's messaging platform, subject to their respective privacy policies. Messages sent via Slack or Matrix pass through those platforms' infrastructure.</p>
</section>
<section>
<h2>Data retention</h2>
<p>Conversation history is stored locally on our servers and retained only for the duration needed to maintain session context. We do not retain message data indefinitely.</p>
</section>
<section>
<h2>Your rights</h2>
<p>You may request access to, correction of, or deletion of your personal data at any time by contacting us at <a href="mailto:hello@storkit.dev">hello@storkit.dev</a>.</p>
</section>
<section>
<h2>Changes to this policy</h2>
<p>We may update this policy from time to time. Changes will be posted on this page with an updated date.</p>
</section>
<footer>
<p>&copy; 2026 Libby Labs Ltd. All rights reserved. &middot; <a href="/">Home</a></p>
</footer>
</div>
</body>
</html>

140
website/style.css Normal file
View File

@@ -0,0 +1,140 @@
:root {
--bg: #0a0a0a;
--fg: #e8e8e8;
--muted: #888;
--accent: #4f9cf7;
--surface: #141414;
--border: #222;
--max-w: 720px;
}
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
background: var(--bg);
color: var(--fg);
line-height: 1.6;
-webkit-font-smoothing: antialiased;
}
a { color: var(--accent); text-decoration: none; }
a:hover { text-decoration: underline; }
.container {
max-width: var(--max-w);
margin: 0 auto;
padding: 0 24px;
}
/* ── Header ── */
header {
padding: 48px 0 32px;
border-bottom: 1px solid var(--border);
}
header h1 {
font-size: 2rem;
font-weight: 700;
letter-spacing: -0.03em;
}
header h1 span { color: var(--accent); }
header p.tagline {
color: var(--muted);
font-size: 1.1rem;
margin-top: 8px;
}
/* ── Sections ── */
section {
padding: 48px 0;
border-bottom: 1px solid var(--border);
}
section:last-of-type { border-bottom: none; }
section h2 {
font-size: 1.25rem;
font-weight: 600;
margin-bottom: 16px;
letter-spacing: -0.02em;
}
section p { color: var(--muted); margin-bottom: 12px; }
/* ── Feature grid ── */
.features {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 24px;
margin-top: 16px;
}
.feature {
background: var(--surface);
border: 1px solid var(--border);
border-radius: 8px;
padding: 20px;
}
.feature h3 {
font-size: 0.95rem;
font-weight: 600;
margin-bottom: 6px;
}
.feature p {
font-size: 0.875rem;
color: var(--muted);
margin: 0;
}
/* ── How it works ── */
.steps {
list-style: none;
counter-reset: step;
margin-top: 16px;
}
.steps li {
counter-increment: step;
padding: 12px 0;
padding-left: 36px;
position: relative;
color: var(--muted);
font-size: 0.95rem;
}
.steps li::before {
content: counter(step);
position: absolute;
left: 0;
top: 12px;
width: 24px;
height: 24px;
background: var(--surface);
border: 1px solid var(--border);
border-radius: 50%;
font-size: 0.75rem;
font-weight: 600;
display: flex;
align-items: center;
justify-content: center;
color: var(--accent);
}
/* ── Footer ── */
footer {
padding: 32px 0;
color: var(--muted);
font-size: 0.8rem;
text-align: center;
}
/* ── Responsive ── */
@media (max-width: 540px) {
.features { grid-template-columns: 1fr; }
header h1 { font-size: 1.5rem; }
}