v1

2026-06-09 23:48:27 -04:00
commit 6cf48a9a9e
12 changed files with 1256 additions and 0 deletions
@@ -0,0 +1,83 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Spark Slop — Capture every project idea</title>
+    <meta
+      name="description"
+      content="A clean home for your project ideas and the running notes that grow them."
+    />
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link
+      href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&display=swap"
+      rel="stylesheet"
+    />
+    <link rel="stylesheet" href="/styles.css" />
+  </head>
+  <body>
+    <nav class="nav">
+      <div class="container nav-inner">
+        <a href="/" class="logo">
+          <span class="spark">✨</span>
+          <span>Spark<span class="gradient-text">Slop</span></span>
+        </a>
+        <a href="/app" class="btn btn-primary btn-sm">Open the app →</a>
+      </div>
+    </nav>
+
+    <header class="hero">
+      <div class="container">
+        <span class="badge">SQLite · Bun · TypeScript</span>
+        <h1>
+          Every idea deserves a<br />
+          <span class="gradient-text">place to grow.</span>
+        </h1>
+        <p class="sub">
+          Spark Slop is a tiny, fast workspace for your project ideas. Jot the
+          spark, then leave timestamped notes as the thought evolves — like a
+          comment thread for your own brain.
+        </p>
+        <div class="hero-actions">
+          <a href="/app" class="btn btn-primary">Start capturing ideas</a>
+          <a href="#features" class="btn btn-ghost">See how it works</a>
+        </div>
+      </div>
+    </header>
+
+    <section id="features" class="container">
+      <div class="features">
+        <div class="feature-card">
+          <span class="icon">💡</span>
+          <h3>Capture the spark</h3>
+          <p>
+            Drop a title and a quick description the moment inspiration hits.
+            No friction, no fields you don't need.
+          </p>
+        </div>
+        <div class="feature-card">
+          <span class="icon">💬</span>
+          <h3>Notes with timestamps</h3>
+          <p>
+            Add running notes like comments. Each one is stamped with the
+            moment you wrote it, so you can watch an idea mature over time.
+          </p>
+        </div>
+        <div class="feature-card">
+          <span class="icon">⚡</span>
+          <h3>Fast & local</h3>
+          <p>
+            Powered by Bun and SQLite. Your data lives in a single file on your
+            machine — snappy, private, and yours.
+          </p>
+        </div>
+      </div>
+    </section>
+
+    <footer>
+      <div class="container">
+        Built with Bun + SQLite + TypeScript · ✨ Spark Slop
+      </div>
+    </footer>
+  </body>
+</html>