Untitled

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_293":294,"_295":296},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":-7,"_18":19,"_17":-7,"_221":-5,"_20":222,"_22":223,"_224":225,"_226":227,"_26":228,"_24":229,"_230":-5,"_231":-5,"_232":55,"_233":234,"_235":46,"_236":-5,"_237":-5,"_238":239},"routes/_app.x.$handle.$name.code.$",{"_11":12,"_13":14,"_15":16,"_17":-7,"_18":19,"_20":21,"_22":23,"_24":25,"_26":27,"_28":-5,"_29":-5,"_30":-5,"_31":-5,"_32":-5},"handle","dcm31","name","agnes-martin","branchName","main","version","path","scripts","project",{"_34":163,"_13":14,"_47":164,"_165":-5,"_166":55,"_167":168,"_169":168,"_170":171,"_172":-5,"_173":174,"_175":70,"_176":46,"_177":-5,"_178":-5,"_179":49,"_180":181,"_182":183,"_184":185,"_186":187,"_188":-5,"_189":190,"_191":190,"_192":193,"_194":193,"_195":193,"_196":190,"_197":190,"_198":199,"_200":201,"_202":203,"_204":55},"tree",[62,63,64,65,66,67],"file",{"_34":58,"_13":19,"_37":40,"_39":-5,"_41":42,"_43":44,"_45":46,"_47":59,"_17":49,"_50":60,"_52":-5,"_54":55,"_56":-5,"_18":61},"contents",[33],"upstream","pull","ahead","behind","envVars",{"_34":35,"_13":36,"_37":38,"_39":40,"_41":42,"_43":44,"_45":46,"_47":48,"_17":49,"_50":51,"_52":53,"_54":55,"_56":-5,"_18":57},"id","c84ac0d8-babb-47c8-91a1-c930baae9efa","refresh-metadata.ts","fileId","503fffd0-77e9-11f1-857e-1607ee4eb77e","parentId","80552bc1-2072-473b-8c28-2465b6ee9f47","branchId","89df39db-eb70-42da-9e99-0ed96b37bb75","branchVersion",16,"latest",true,"createdAt",["D",1783197938254],0,"fileType","script","content","// One-off: re-derive title/mode/medium for all saved seeds after a generator change.\nimport { sqlite } from \"https://esm.town/v/std/sqlite/main.ts\";\nimport { generate } from \"../generator.ts\";\n\nconst rows = await sqlite.execute(\"SELECT seed FROM pieces\");\nawait sqlite.batch(rows.rows.map((r) => {\n const seed = Number(r.seed);\n const { title, mode, medium } = generate(seed);\n return {\n sql: \"UPDATE pieces SET title = ?, mode = ?, medium = ? WHERE seed = ?\",\n args: [title, mode, medium, seed],\n };\n}));\nconsole.log(`refreshed ${rows.rows.length} pieces`);\n","deleted",false,"label",[19,36],"00e7dda1-2887-45a7-a387-9779e811fc6e",["D",1783197938254],"directory",[19],{"_34":111,"_13":112,"_37":113,"_39":-5,"_41":42,"_43":114,"_45":46,"_47":115,"_17":49,"_50":60,"_52":-5,"_54":55,"_56":-5,"_76":116,"_18":117},{"_34":58,"_13":19,"_37":40,"_39":-5,"_41":42,"_43":44,"_45":46,"_47":104,"_17":49,"_50":60,"_52":-5,"_54":55,"_56":-5,"_76":105,"_18":106},{"_34":96,"_13":97,"_37":98,"_39":-5,"_41":42,"_43":99,"_45":46,"_47":100,"_17":73,"_50":24,"_52":101,"_54":55,"_56":-5,"_76":102,"_18":103},{"_34":88,"_13":89,"_37":90,"_39":-5,"_41":42,"_43":91,"_45":46,"_47":92,"_17":49,"_50":51,"_52":93,"_54":55,"_56":-5,"_76":94,"_18":95},{"_34":79,"_13":80,"_37":81,"_39":-5,"_41":42,"_43":82,"_45":46,"_47":83,"_17":84,"_50":51,"_52":85,"_54":55,"_56":-5,"_76":86,"_18":87},{"_34":68,"_13":69,"_37":70,"_39":-5,"_41":42,"_43":71,"_45":46,"_47":72,"_17":73,"_50":74,"_52":75,"_54":55,"_56":-5,"_76":77,"_18":78},"789d6196-9882-4c43-9a63-3447da7b4000","main.tsx","581bd262-77ce-11f1-bfd0-1607ee4eb77e",9,["D",1783197455439],2,"http","import { Hono } from \"npm:hono\";\nimport { parseVal, serveFile } from \"https://esm.town/v/std/utils/index.ts\";\nimport { generate } from \"./generator.ts\";\nimport { listPieces, savePiece } from \"./db.ts\";\n\nconst app = new Hono();\n\napp.get(\"/\", (c) => serveFile(\"/frontend/index.html\"));\napp.get(\"/gallery\", (c) => serveFile(\"/frontend/gallery.html\"));\napp.get(\"/frontend/**/*\", (c) => serveFile(c.req.path));\n\nfunction seedFrom(c: any): number {\n const s = parseInt(c.req.query(\"seed\") ?? \"\");\n return Number.isFinite(s) && s > 0 ? s : Math.floor(Math.random() * 1e6);\n}\n\napp.get(\"/art.svg\", (c) => {\n const { svg } = generate(seedFrom(c));\n return new Response(svg, {\n headers: {\n \"content-type\": \"image/svg+xml\",\n \"cache-control\": \"public, max-age=31536000, immutable\",\n },\n });\n});\n\n// Every piece viewed on the main page is recorded permanently\napp.get(\"/art.json\", async (c) => {\n const seed = seedFrom(c);\n const { title, mode, medium } = generate(seed);\n await savePiece(seed, title, mode, medium);\n return c.json({ seed, title, mode, medium });\n});\n\napp.get(\"/pieces\", async (c) => {\n const limit = Math.min(200, parseInt(c.req.query(\"limit\") ?? \"\") || 96);\n const offset = parseInt(c.req.query(\"offset\") ?? \"\") || 0;\n return c.json(await listPieces(limit, offset));\n});\n\napp.get(\"/source\", (c) => c.redirect(parseVal().links.self.val));\napp.onError((err) => Promise.reject(err));\n\nexport default app.fetch;\n","children",[],[69],"c361dd0b-ceb6-4a54-88d5-cb87c760ff04","generator.ts","4a85e7b4-77ce-11f1-a497-1607ee4eb77e",15,["D",1783197909597],1,"// Deterministic Agnes Martin-style composition generator.\n// No AI — a seeded PRNG chooses one of eight period-inspired modes:\n// grid (1960s: hand-ruled graphite grid over a pale wash, unpainted border)\n// marks (early 60s, A Grey Stone-like: a small brushmark inside each grid cell)\n// bands (post-1974: horizontal or vertical washes divided by graphite lines)\n// stripes (late 1990s: broad pastel bands separated by white)\n// white (Islands-era: dense horizontal graphite lines on gesso)\n// verticals (1963, Flower in the Wind-like: vertical graphite on a tinted field)\n// grey (1980s grey paintings: grey band arrangements)\n// gold (1963, rare: incised grid on gold leaf)\n\nconst S = 720; // 72 x 72 in canvas, 10 units per inch\nconst GRAPHITE = \"#6d675c\";\nconst GESSO = \"#f2efe7\";\nconst GREYGESSO = \"#e9e7e0\"; // matte grey-white ground (1977 cycle)\n\n// Muted wash duos: rose/blue, yellow/peach, greys, grey-blue/cream, peach/yellow, diluted red/blue\nconst DUOS: [string, string][] = [\n [\"#e9d8d2\", \"#d5dee5\"],\n [\"#efe6cb\", \"#eaddc9\"],\n [\"#e7e3d7\", \"#efece4\"],\n [\"#dfe4e6\", \"#ebe8de\"],\n [\"#ecdcd2\", \"#eae3cd\"],\n [\"#dcd9d2\", \"#e8e5de\"],\n [\"#e6cfc8\", \"#ccd8e3\"],\n];\n\n// Pastel trios for the late stripes (pink/blue/yellow families)\nconst TRIOS: [string, string, string][] = [\n [\"#e9d3d6\", \"#cfdce8\", \"#efe6c0\"],\n [\"#e8d0c4\", \"#d3dee6\", \"#eee9d6\"],\n [\"#d9d7d0\", \"#e8e6df\", \"#cfd3d6\"],\n];\n\n// 1980s grey palette\nconst GREYS = [\"#c8c6bf\", \"#b7b5ae\", \"#d6d4cd\", \"#a9a7a1\"];\n\nexport interface Art {\n svg: string;\n title: string;\n mode: string;\n medium: string;\n}\n\nexport function mulberry32(a: number) {\n return function () {\n a |= 0;\n a = (a + 0x6d2b79f5) | 0;\n let t = Math.imul(a ^ (a >>> 15), 1 | a);\n t = (t + Math.imul(t ^ (t >>> 7), 61 | t)) ^ t;\n return ((t ^ (t >>> 14)) >>> 0) / 4294967296;\n };\n}\n\nconst f1 = (n: number) => n.toFixed(1);\nconst f2 = (n: number) => n.toFixed(2);\n\n// A hand-ruled line: straightedge-guided but wavering slightly.\nfunction line(\n rng: () => number,\n fixed: number,\n from: number,\n to: number,\n horizontal: boolean,\n wobble = 0.7,\n stroke = GRAPHITE,\n): string {\n const pts: string[] = [];\n const drift = (rng() - 0.5) * 1.4;\n const phase = rng() * Math.PI * 2;\n const freq = 0.004 + rng() * 0.005;\n for (let p = from; p <= to; p += 9) {\n const w = Math.sin(p * freq + phase) * wobble + (rng() - 0.5) * 0.5 +\n drift * (p - from) / (to - from);\n const q = fixed + w;\n pts.push(horizontal ? `${f1(p)},${f2(q)}` : `${f2(q)},${f1(p)}`);\n }\n const sw = 0.6 + rng() * 0.5;\n const op = 0.22 + rng() * 0.33;\n return ``;\n}\n\n// An uneven acrylic wash: base color + faint gradient + a few dry streaks.\nfunction wash(\n rng: () => number,\n x: number,\n y: number,\n w: number,\n h: number,\n color: string,\n gid: string,\n): string {\n let s =\n ``;\n s += ``;\n s += ``;\n const streaks = 2 + Math.floor(rng() * 4);\n for (let i = 0; i < streaks; i++) {\n const sy = y + rng() * h;\n const sh = 1 + rng() * Math.min(6, h / 4);\n s += ``;\n }\n return s;\n}\n\nfunction grain(): string {\n return ``;\n}\n\nexport function generate(seed: number): Art {\n const rng = mulberry32(seed);\n const duo = DUOS[Math.floor(rng() * DUOS.length)];\n const modes = [\n \"grid\", \"grid\", \"grid\",\n \"bands\", \"bands\", \"bands\",\n \"stripes\", \"stripes\",\n \"white\",\n \"marks\",\n \"verticals\",\n \"grey\",\n \"gold\",\n ];\n const mode = modes[Math.floor(rng() * modes.length)];\n\n let body = ``;\n let medium = \"acrylic and graphite on canvas\";\n\n if (mode === \"grid\") {\n // Unpainted border around a washed, gridded field\n const m = 40 + rng() * 40;\n const x0 = m, x1 = S - m;\n const ground = rng() < 0.3 ? GREYGESSO : duo[Math.floor(rng() * 2)];\n body += wash(rng, x0, x0, x1 - x0, x1 - x0, ground, \"w0\");\n const rows = 26 + Math.floor(rng() * 40);\n // Cells often wider than tall\n const cols = Math.max(10, Math.floor(rows * (0.45 + rng() * 0.55)));\n for (let i = 0; i <= rows; i++) {\n body += line(rng, x0 + (i * (x1 - x0)) / rows, x0, x1, true);\n }\n for (let j = 0; j <= cols; j++) {\n body += line(rng, x0 + (j * (x1 - x0)) / cols, x0, x1, false);\n }\n } else if (mode === \"marks\") {\n // A small brushmark resting inside every cell of an open grid\n const m = 50 + rng() * 40;\n const x0 = m, x1 = S - m, W = x1 - x0;\n body += wash(rng, x0, x0, W, W, rng() < 0.5 ? GREYGESSO : duo[Math.floor(rng() * 2)], \"w0\");\n const rows = 14 + Math.floor(rng() * 12);\n const cols = rows;\n const cw = W / cols, ch = W / rows;\n const white = rng() < 0.65;\n const fill = white ? \"#ffffff\" : GRAPHITE;\n const baseOp = white ? 0.4 + rng() * 0.3 : 0.12 + rng() * 0.1;\n for (let i = 0; i <= rows; i++) body += line(rng, x0 + i * ch, x0, x1, true, 0.5);\n for (let j = 0; j <= cols; j++) body += line(rng, x0 + j * cw, x0, x1, false, 0.5);\n for (let r = 0; r < rows; r++) {\n for (let c = 0; c < cols; c++) {\n const mw = cw * (0.4 + rng() * 0.25);\n const mh = Math.max(1.4, ch * (0.2 + rng() * 0.15));\n const mx = x0 + c * cw + (cw - mw) / 2 + (rng() - 0.5) * 1.5;\n const my = x0 + r * ch + (ch - mh) / 2 + (rng() - 0.5) * 1.5;\n body += ``;\n }\n }\n } else if (mode === \"bands\") {\n const m = 18 + rng() * 22;\n const x0 = m, x1 = S - m;\n const vertical = rng() < 0.3;\n const n = 6 + Math.floor(rng() * 11);\n const bh = (x1 - x0) / n;\n const withWhite = rng() < 0.5; // every third band left near-white\n for (let i = 0; i < n; i++) {\n const c = withWhite && i % 3 === 2 ? GESSO : duo[i % 2];\n if (vertical) body += wash(rng, x0 + i * bh, x0, bh, x1 - x0, c, `w${i}`);\n else body += wash(rng, x0, x0 + i * bh, x1 - x0, bh, c, `w${i}`);\n }\n for (let i = 0; i <= n; i++) {\n body += line(rng, x0 + i * bh, x0, x1, !vertical);\n }\n } else if (mode === \"stripes\") {\n // Broad pastel bands with white bands between; graphite nearly absent\n const m = 14 + rng() * 16;\n const x0 = m, x1 = S - m;\n const trio = TRIOS[Math.floor(rng() * TRIOS.length)];\n const pairs = 3 + Math.floor(rng() * 4);\n const unit = (x1 - x0) / pairs;\n const whiteFrac = 0.25 + rng() * 0.25;\n for (let i = 0; i < pairs; i++) {\n const y = x0 + i * unit;\n body += wash(rng, x0, y, x1 - x0, unit * (1 - whiteFrac), trio[i % 3], `w${i}`);\n body += wash(rng, x0, y + unit * (1 - whiteFrac), x1 - x0, unit * whiteFrac, GESSO, `v${i}`);\n if (rng() < 0.4) body += line(rng, y, x0, x1, true, 0.4);\n }\n } else if (mode === \"verticals\") {\n // Vertical graphite lines activating a tinted field\n const m = 35 + rng() * 40;\n const x0 = m, x1 = S - m;\n body += wash(rng, x0, x0, x1 - x0, x1 - x0, duo[Math.floor(rng() * 2)], \"w0\");\n const gap = 7 + rng() * 12;\n for (let x = x0; x <= x1; x += gap) {\n body += line(rng, x, x0, x1, false, 0.55);\n }\n } else if (mode === \"grey\") {\n // 1980s grey paintings: grey band arrangements\n const m = 20 + rng() * 25;\n const x0 = m, x1 = S - m;\n const a = GREYS[Math.floor(rng() * GREYS.length)];\n let b = GREYS[Math.floor(rng() * GREYS.length)];\n if (b === a) b = GREYS[(GREYS.indexOf(a) + 1) % GREYS.length];\n const n = 4 + Math.floor(rng() * 8);\n const bh = (x1 - x0) / n;\n for (let i = 0; i < n; i++) {\n body += wash(rng, x0, x0 + i * bh, x1 - x0, bh, i % 2 === 0 ? a : b, `w${i}`);\n }\n for (let i = 0; i <= n; i++) {\n body += line(rng, x0 + i * bh, x0, x1, true, 0.6, \"#4f4b44\");\n }\n } else if (mode === \"gold\") {\n // Incised grid on gold leaf, faint bruising\n const m = 35 + rng() * 30;\n const x0 = m, x1 = S - m, W = x1 - x0;\n body += wash(rng, x0, x0, W, W, \"#c4a45e\", \"w0\");\n const rows = 20 + Math.floor(rng() * 26);\n const cols = Math.max(10, Math.floor(rows * (0.5 + rng() * 0.5)));\n for (let i = 0; i <= rows; i++) body += line(rng, x0 + (i * W) / rows, x0, x1, true, 0.5, \"#8a6f3c\");\n for (let j = 0; j <= cols; j++) body += line(rng, x0 + (j * W) / cols, x0, x1, false, 0.5, \"#8a6f3c\");\n const bruises = Math.floor(rng() * 3);\n for (let i = 0; i < bruises; i++) {\n const bx = x0 + rng() * W, by = x0 + rng() * W;\n body += ``;\n }\n medium = \"incised gold leaf and gesso on canvas\";\n } else {\n // white: dense horizontal graphite on gesso\n const m = 30 + rng() * 40;\n const x0 = m, x1 = S - m;\n body += wash(rng, x0, x0, x1 - x0, x1 - x0, GESSO, \"w0\");\n const gap = 8 + rng() * 12;\n for (let y = x0; y <= x1; y += gap) {\n body += line(rng, y, x0, x1, true, 0.55);\n }\n medium = \"gesso and graphite on canvas\";\n }\n\n body += grain();\n const svg =\n ``;\n const title = `Untitled #${1 + Math.floor(rng() * 24)}`;\n return { svg, title, mode, medium };\n}\n",[],[80],"9cc6f22e-638c-4f4e-9879-a0dc4b567238","db.ts","23b15cc6-77e8-11f1-b3dd-1607ee4eb77e",7,["D",1783197434003],"import { sqlite } from \"https://esm.town/v/std/sqlite/main.ts\";\nimport { generate } from \"./generator.ts\";\n\nawait sqlite.execute(`CREATE TABLE IF NOT EXISTS pieces (\n seed INTEGER PRIMARY KEY,\n title TEXT NOT NULL,\n mode TEXT NOT NULL,\n medium TEXT NOT NULL,\n created_at TEXT NOT NULL DEFAULT (datetime('now'))\n)`);\n\n// One-time: open the collection with the first two dozen seeds\nconst count = await sqlite.execute(\"SELECT COUNT(*) AS n FROM pieces\");\nif (Number(count.rows[0].n) === 0) {\n await sqlite.batch(\n Array.from({ length: 24 }, (_, i) => {\n const seed = i + 1;\n const { title, mode, medium } = generate(seed);\n return {\n sql: \"INSERT OR IGNORE INTO pieces (seed, title, mode, medium) VALUES (?, ?, ?, ?)\",\n args: [seed, title, mode, medium],\n };\n }),\n );\n}\n\nexport async function savePiece(seed: number, title: string, mode: string, medium: string) {\n await sqlite.execute({\n sql: \"INSERT OR IGNORE INTO pieces (seed, title, mode, medium) VALUES (?, ?, ?, ?)\",\n args: [seed, title, mode, medium],\n });\n}\n\nexport async function listPieces(limit = 96, offset = 0) {\n const res = await sqlite.execute({\n sql: \"SELECT seed, title, mode, medium, created_at FROM pieces ORDER BY created_at DESC, seed DESC LIMIT ? OFFSET ?\",\n args: [limit, offset],\n });\n const total = await sqlite.execute(\"SELECT COUNT(*) AS n FROM pieces\");\n return { pieces: res.rows, total: Number(total.rows[0].n) };\n}\n",[],[89],"d26b8b92-3fe2-4326-ad84-7e02dcfbc541","README.md","b953d584-77ce-11f1-829e-1607ee4eb77e",17,["D",1783197980243],"# agnes-martin\n\nDeterministic generative compositions in the spirit of Agnes Martin. No AI — a seeded PRNG (mulberry32) picks one of four period-inspired modes and renders SVG server-side. Same seed always yields the same painting.\n\n## Modes\n\n- **grid** — hand-ruled graphite grid over a pale wash or grey-white ground, unpainted border (1960s)\n- **marks** — a small brushmark resting inside every cell of an open grid (early 60s)\n- **bands** — horizontal or vertical color washes divided by graphite lines (post-1974)\n- **stripes** — broad pastel trios (pink/blue/yellow families) separated by white (late 1990s)\n- **white** — dense horizontal graphite on gesso\n- **verticals** — vertical graphite lines activating a tinted field (1963)\n- **grey** — grey band arrangements (1980s grey paintings)\n- **gold** — rare: incised grid on gold leaf with faint bruising (1963)\n\nStyle ingredients: 72×72 square format, wavering \"straightedge-guided\" polylines (sine drift + per-point jitter, varying opacity/width), uneven acrylic washes (gradient + dry streaks), and a fractal-noise canvas grain.\n\n## Architecture\n\n```mermaid\ngraph LR\n A[frontend/index.html + app.js] -->|/art.svg, /art.json| B[main.tsx Hono]\n G[frontend/gallery.html + gallery.js] -->|/pieces| B\n B --> C[generator.ts
seeded SVG generator]\n B --> D[db.ts
SQLite pieces table]\n```\n\n- `main.tsx` — HTTP entrypoint. `/` viewing room, `/gallery` collection, `/art.svg?seed=N` (immutable-cached SVG), `/art.json?seed=N` (metadata + records the piece), `/pieces` (collection JSON), `/source`\n- `generator.ts` — pure, dependency-free generator\n- `db.ts` — SQLite `pieces` table (val-scoped). Every seed viewed on the main page is recorded permanently; seeds 1–24 seeded on first run\n- `frontend/` — viewing room (click canvas or \"again\" for a new piece) + collection grid at `/gallery`\n\nSince pieces are pure functions of the seed, \"saving\" = storing the seed; the SVG regenerates identically forever. No env vars.\n",[],[97],["D",1783197938254],[107],[19],{"_34":35,"_13":36,"_37":38,"_39":40,"_41":42,"_43":44,"_45":46,"_47":108,"_17":49,"_50":51,"_52":53,"_54":55,"_56":-5,"_76":109,"_18":110},["D",1783197938254],[],[19,36],"b2731839-5e11-4f8f-9b49-65e32cf32048","frontend","bdda197e-54ac-4c82-9dd0-3bf7437b3008",3,["D",1783186374740],[118,119,120,121,122],[112],{"_34":155,"_13":156,"_37":157,"_39":113,"_41":42,"_43":158,"_45":46,"_47":159,"_17":49,"_50":51,"_52":160,"_54":55,"_56":-5,"_76":161,"_18":162},{"_34":147,"_13":148,"_37":149,"_39":113,"_41":42,"_43":150,"_45":46,"_47":151,"_17":49,"_50":24,"_52":152,"_54":55,"_56":-5,"_76":153,"_18":154},{"_34":139,"_13":140,"_37":141,"_39":113,"_41":42,"_43":142,"_45":46,"_47":143,"_17":49,"_50":51,"_52":144,"_54":55,"_56":-5,"_76":145,"_18":146},{"_34":131,"_13":132,"_37":133,"_39":113,"_41":42,"_43":134,"_45":46,"_47":135,"_17":84,"_50":24,"_52":136,"_54":55,"_56":-5,"_76":137,"_18":138},{"_34":123,"_13":124,"_37":125,"_39":113,"_41":42,"_43":126,"_45":46,"_47":127,"_17":84,"_50":24,"_52":128,"_54":55,"_56":-5,"_76":129,"_18":130},"c721c5a1-d348-4db3-a4aa-2dff4f92c36c","style.css","6cbbd23a-77ce-11f1-9b50-1607ee4eb77e",12,["D",1783197490700],"* { margin: 0; padding: 0; box-sizing: border-box; }\n\nbody {\n min-height: 100vh;\n display: grid;\n place-items: center;\n background: #fbfaf6;\n color: #55524b;\n font-family: \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n -webkit-font-smoothing: antialiased;\n}\n\nmain {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 2.2rem;\n padding: 3rem 1.5rem;\n}\n\n#art {\n width: min(76vmin, 640px);\n aspect-ratio: 1;\n display: block;\n background: #f2efe7;\n border: 1px solid #e4e0d5;\n box-shadow: 0 1px 2px rgba(60, 56, 48, 0.06), 0 18px 50px -18px rgba(60, 56, 48, 0.25);\n cursor: pointer;\n}\n\nfigcaption {\n margin-top: 1.4rem;\n display: flex;\n flex-direction: column;\n gap: 0.3rem;\n text-align: center;\n font-size: 0.72rem;\n letter-spacing: 0.14em;\n text-transform: uppercase;\n}\n\n#title { color: #3f3c36; }\n.dim { color: #a39e92; }\n\nfooter {\n display: flex;\n gap: 1.75rem;\n font-size: 0.7rem;\n letter-spacing: 0.14em;\n text-transform: uppercase;\n}\n\nfooter a, footer button {\n font: inherit;\n letter-spacing: inherit;\n text-transform: inherit;\n color: #a39e92;\n background: none;\n border: none;\n cursor: pointer;\n text-decoration: none;\n border-bottom: 1px solid transparent;\n padding: 0;\n}\n\nfooter a:hover, footer button:hover {\n color: #55524b;\n border-bottom-color: #cfcabd;\n}\n\n/* Gallery */\n.gallery-page {\n width: min(1100px, 92vw);\n align-items: stretch;\n}\n\n.gallery-head {\n display: flex;\n justify-content: space-between;\n font-size: 0.72rem;\n letter-spacing: 0.14em;\n text-transform: uppercase;\n color: #3f3c36;\n}\n\n.grid {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));\n gap: 2.5rem 1.75rem;\n}\n\n.piece {\n display: flex;\n flex-direction: column;\n gap: 0.6rem;\n text-decoration: none;\n}\n\n.piece img {\n width: 100%;\n aspect-ratio: 1;\n display: block;\n background: #f2efe7;\n border: 1px solid #e4e0d5;\n box-shadow: 0 1px 2px rgba(60, 56, 48, 0.05), 0 10px 26px -14px rgba(60, 56, 48, 0.22);\n transition: transform 0.25s ease;\n}\n\n.piece:hover img { transform: translateY(-2px); }\n\n.piece-cap {\n font-size: 0.62rem;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: #a39e92;\n text-align: center;\n}\n\n.gallery-page footer { justify-content: center; }\n",[],[112,124],"b161e243-90a0-4928-91dd-08cfd933c6d5","index.html","63e20d14-77ce-11f1-aca1-1607ee4eb77e",13,["D",1783197499638],"\n\n\n \n \n Untitled\n \n \n\n\n

\n \n

\n \n\n\n",[],[112,132],"7a6568ae-a9c7-4a4c-a691-62d6cb9e24a4","gallery.js","3ce9f3e2-77e8-11f1-bebe-1607ee4eb77e",11,["D",1783197476313],"const grid = document.getElementById(\"grid\");\nconst count = document.getElementById(\"count\");\n\nconst { pieces, total } = await (await fetch(\"/pieces?limit=200\")).json();\n\ncount.textContent = `${total} piece${total === 1 ? \"\" : \"s\"}`;\n\nfor (const p of pieces) {\n const a = document.createElement(\"a\");\n a.className = \"piece\";\n a.href = `/?seed=${p.seed}`;\n\n const img = document.createElement(\"img\");\n img.loading = \"lazy\";\n img.src = `/art.svg?seed=${p.seed}`;\n img.alt = p.title;\n\n const cap = document.createElement(\"span\");\n cap.className = \"piece-cap\";\n cap.textContent = `${p.title} · nº ${p.seed}`;\n\n a.append(img, cap);\n grid.append(a);\n}\n",[],[112,140],"e7b6284c-5e52-48b1-8ad5-d4b9a5a22d29","gallery.html","367ab0be-77e8-11f1-bebe-1607ee4eb77e",10,["D",1783197465515],"\n\n\n \n \n Collection\n \n \n\n\n

\n Collection\n \n

\n \n

\n \n\n\n",[],[112,148],"49fcb038-048d-44c5-8422-0c3e01f3ad33","app.js","73442d8c-77ce-11f1-be72-1607ee4eb77e",5,["D",1783186400592],"const art = document.getElementById(\"art\");\nconst els = {\n title: document.getElementById(\"title\"),\n medium: document.getElementById(\"medium\"),\n seed: document.getElementById(\"seed\"),\n};\n\nlet seed = parseInt(new URLSearchParams(location.search).get(\"seed\"));\nif (!Number.isFinite(seed) || seed <= 0) seed = newSeed();\n\nfunction newSeed() {\n return 1 + Math.floor(Math.random() * 999999);\n}\n\nasync function render() {\n history.replaceState(null, \"\", `?seed=${seed}`);\n art.src = `/art.svg?seed=${seed}`;\n const meta = await (await fetch(`/art.json?seed=${seed}`)).json();\n els.title.textContent = meta.title;\n els.medium.textContent = meta.medium;\n els.seed.textContent = `nº ${seed}`;\n document.title = meta.title;\n}\n\nfunction again() {\n seed = newSeed();\n render();\n}\n\nart.addEventListener(\"click\", again);\ndocument.getElementById(\"again\").addEventListener(\"click\", again);\nrender();\n",[],[112,156],"130fc147-ae04-417b-af97-b5f99843a1ab",["D",1783186286325],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Deterministic Agnes Martin-style generative paintings","imageUrl","userId","9319c175-2593-4f88-ba21-04f2ef7b1c28","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","orgId","d663a026-6449-42f6-9156-1d4a2d64d38c","tursoName","130fc147ae04417baf97b5f99843a1ab","tursoHostname","130fc147ae04417baf97b5f99843a1ab-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789521041830],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_220":216},"org",{"_11":12,"_213":214,"_215":216,"_173":174,"_217":218,"_219":55},"branch",{"_17":99,"_13":16,"_34":42,"_205":163,"_206":-5,"_207":-5,"_208":-5,"_209":-5,"_210":-5,"_211":14,"_212":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","Charlie","avatar","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/3e904faa-3764-4629-c475-f561a49b0000/square512?exp=1789563599&sig=6d4d4bc45e131131f67274a1f94308a04e903573252e7f03fdbea160d142eca1","tier","pro","canRestrictVals","profileImageUrl","adoptOrgId",{"_34":163,"_13":14,"_47":288,"_165":-5,"_166":55,"_167":168,"_169":168,"_170":171,"_172":-5,"_173":174,"_175":70,"_176":46,"_177":-5,"_178":-5,"_179":49,"_180":181,"_182":183,"_184":185,"_186":289,"_188":-5,"_189":190,"_191":190,"_192":193,"_194":193,"_195":193,"_196":190,"_197":190,"_198":290,"_200":291,"_202":292,"_204":55},[252,258,260,261,262,263],"files",[252,253,254,255,256,257,258,259,260,261,262,263],"counts",{"_243":49,"_244":84,"_245":49,"_32":246,"_247":248},[241],{"_34":58,"_13":19,"_37":40,"_39":-5,"_41":42,"_43":44,"_45":46,"_47":59,"_17":49,"_50":60,"_52":-5,"_54":55,"_56":-5,"_18":240},"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},[19],{"_34":35,"_13":36,"_37":38,"_39":40,"_41":42,"_43":44,"_45":46,"_47":48,"_17":49,"_50":51,"_52":53,"_54":55,"_56":-5,"_18":242},[19,36],"pulls","branches","forks",{"_249":49,"_251":49},"connections",{"_249":49,"_250":49},"count","unfilledCount","emptyCount",{"_34":111,"_13":112,"_37":113,"_39":-5,"_41":42,"_43":114,"_45":46,"_47":115,"_17":49,"_50":60,"_52":-5,"_54":55,"_56":-5,"_76":286,"_18":287},{"_34":155,"_13":156,"_37":157,"_39":113,"_41":42,"_43":158,"_45":46,"_47":159,"_17":49,"_50":51,"_52":160,"_54":55,"_56":-5,"_76":284,"_18":285},{"_34":147,"_13":148,"_37":149,"_39":113,"_41":42,"_43":150,"_45":46,"_47":151,"_17":49,"_50":24,"_52":152,"_54":55,"_56":-5,"_76":282,"_18":283},{"_34":139,"_13":140,"_37":141,"_39":113,"_41":42,"_43":142,"_45":46,"_47":143,"_17":49,"_50":51,"_52":144,"_54":55,"_56":-5,"_76":280,"_18":281},{"_34":131,"_13":132,"_37":133,"_39":113,"_41":42,"_43":134,"_45":46,"_47":135,"_17":84,"_50":24,"_52":136,"_54":55,"_56":-5,"_76":278,"_18":279},{"_34":123,"_13":124,"_37":125,"_39":113,"_41":42,"_43":126,"_45":46,"_47":127,"_17":84,"_50":24,"_52":128,"_54":55,"_56":-5,"_76":276,"_18":277},{"_34":58,"_13":19,"_37":40,"_39":-5,"_41":42,"_43":44,"_45":46,"_47":104,"_17":49,"_50":60,"_52":-5,"_54":55,"_56":-5,"_76":274,"_18":275},{"_34":35,"_13":36,"_37":38,"_39":40,"_41":42,"_43":44,"_45":46,"_47":108,"_17":49,"_50":51,"_52":53,"_54":55,"_56":-5,"_76":272,"_18":273},{"_34":96,"_13":97,"_37":98,"_39":-5,"_41":42,"_43":99,"_45":46,"_47":100,"_17":73,"_50":24,"_52":101,"_54":55,"_56":-5,"_76":270,"_18":271},{"_34":88,"_13":89,"_37":90,"_39":-5,"_41":42,"_43":91,"_45":46,"_47":92,"_17":49,"_50":51,"_52":93,"_54":55,"_56":-5,"_76":268,"_18":269},{"_34":79,"_13":80,"_37":81,"_39":-5,"_41":42,"_43":82,"_45":46,"_47":83,"_17":84,"_50":51,"_52":85,"_54":55,"_56":-5,"_76":266,"_18":267},{"_34":68,"_13":69,"_37":70,"_39":-5,"_41":42,"_43":71,"_45":46,"_47":72,"_17":73,"_50":74,"_52":75,"_54":55,"_56":-5,"_76":264,"_18":265},[],[69],[],[80],[],[89],[],[97],[],[19,36],[259],[19],[],[112,124],[],[112,132],[],[112,140],[],[112,148],[],[112,156],[253,254,255,256,257],[112],["D",1783186286325],["D",1789521041830],{"_11":12,"_220":216},{"_11":12,"_213":214,"_215":216,"_173":174,"_217":218,"_219":55},{"_17":99,"_13":16,"_34":42,"_205":163,"_206":-5,"_207":-5,"_208":-5,"_209":-5,"_210":-5,"_211":14,"_212":12},"ctx",{"_198":-5,"_237":326,"_327":328,"_329":330,"_331":55,"_332":55,"_333":55,"_334":46,"_335":-5,"_336":-7,"_337":-7,"_338":49,"_339":55,"_340":55,"_341":-5,"_342":55,"_343":55,"_344":55,"_345":-5},"ENV",{"_297":298,"_299":300,"_301":16,"_302":303,"_304":305,"_306":307,"_308":309,"_310":311,"_312":313,"_314":315,"_316":317,"_318":319,"_320":321,"_322":323,"_324":325},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]