88 lines
2.9 KiB
HTML
88 lines
2.9 KiB
HTML
<!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>
|
|
<div class="nav-right">
|
|
<a href="/explore" class="btn btn-ghost btn-sm">🌐 Explore</a>
|
|
<a href="/app" class="btn btn-primary btn-sm">Sign in →</a>
|
|
</div>
|
|
</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">Sign in & start capturing</a>
|
|
<a href="/explore" class="btn btn-ghost">🌐 Explore public ideas</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>Private by default</h3>
|
|
<p>
|
|
Sign in with GitHub or Google. Every idea is yours alone — until you
|
|
choose to share it with a secret read-only link or list it on the
|
|
public Explore feed.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<footer>
|
|
<div class="container">
|
|
Built with Bun + SQLite + TypeScript · ✨ Spark Slop
|
|
</div>
|
|
</footer>
|
|
</body>
|
|
</html>
|