Collection

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_289":290,"_291":292},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":-7,"_18":19,"_17":-7,"_219":-5,"_20":220,"_22":221,"_222":223,"_224":225,"_26":226,"_24":227,"_228":-5,"_229":-5,"_230":53,"_231":232,"_233":45,"_234":-5,"_235":-5,"_236":237},"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","frontend/gallery.html","project",{"_33":161,"_13":14,"_46":162,"_163":-5,"_164":53,"_165":166,"_167":166,"_168":169,"_170":-5,"_171":172,"_173":65,"_174":45,"_175":-5,"_176":-5,"_177":48,"_178":179,"_180":181,"_182":183,"_184":185,"_186":-5,"_187":188,"_189":188,"_190":191,"_192":191,"_193":191,"_194":188,"_195":188,"_196":197,"_198":199,"_200":201,"_202":53},"tree",[57,58,59,60,61,62],"file",{"_33":34,"_13":35,"_36":37,"_38":39,"_40":41,"_42":43,"_44":45,"_46":47,"_17":48,"_49":24,"_50":51,"_52":53,"_54":-5,"_18":55},"contents",[],"upstream","pull","ahead","behind","envVars","id","e7b6284c-5e52-48b1-8ad5-d4b9a5a22d29","gallery.html","fileId","367ab0be-77e8-11f1-bebe-1607ee4eb77e","parentId","bdda197e-54ac-4c82-9dd0-3bf7437b3008","branchId","89df39db-eb70-42da-9e99-0ed96b37bb75","branchVersion",10,"latest",true,"createdAt",["D",1783197465515],0,"fileType","content","\n\n\n \n \n Collection\n \n \n\n\n

\n Collection\n \n

\n \n

\n \n\n\n","deleted",false,"label",[56,35],"frontend",{"_33":116,"_13":56,"_36":39,"_38":-5,"_40":41,"_42":117,"_44":45,"_46":118,"_17":48,"_49":105,"_50":-5,"_52":53,"_54":-5,"_71":119,"_18":120},{"_33":100,"_13":101,"_36":102,"_38":-5,"_40":41,"_42":103,"_44":45,"_46":104,"_17":48,"_49":105,"_50":-5,"_52":53,"_54":-5,"_71":106,"_18":107},{"_33":92,"_13":93,"_36":94,"_38":-5,"_40":41,"_42":95,"_44":45,"_46":96,"_17":68,"_49":24,"_50":97,"_52":53,"_54":-5,"_71":98,"_18":99},{"_33":84,"_13":85,"_36":86,"_38":-5,"_40":41,"_42":87,"_44":45,"_46":88,"_17":48,"_49":80,"_50":89,"_52":53,"_54":-5,"_71":90,"_18":91},{"_33":74,"_13":75,"_36":76,"_38":-5,"_40":41,"_42":77,"_44":45,"_46":78,"_17":79,"_49":80,"_50":81,"_52":53,"_54":-5,"_71":82,"_18":83},{"_33":63,"_13":64,"_36":65,"_38":-5,"_40":41,"_42":66,"_44":45,"_46":67,"_17":68,"_49":69,"_50":70,"_52":53,"_54":-5,"_71":72,"_18":73},"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",[],[64],"c361dd0b-ceb6-4a54-88d5-cb87c760ff04","generator.ts","4a85e7b4-77ce-11f1-a497-1607ee4eb77e",15,["D",1783197909597],1,"script","// 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",[],[75],"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",[],[85],"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",[],[93],"00e7dda1-2887-45a7-a387-9779e811fc6e","scripts","80552bc1-2072-473b-8c28-2465b6ee9f47",16,["D",1783197938254],"directory",[108],[101],{"_33":109,"_13":110,"_36":111,"_38":102,"_40":41,"_42":103,"_44":45,"_46":112,"_17":48,"_49":80,"_50":113,"_52":53,"_54":-5,"_71":114,"_18":115},"c84ac0d8-babb-47c8-91a1-c930baae9efa","refresh-metadata.ts","503fffd0-77e9-11f1-857e-1607ee4eb77e",["D",1783197938254],"// 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",[],[101,110],"b2731839-5e11-4f8f-9b49-65e32cf32048",3,["D",1783186374740],[121,122,123,124,125],[56],{"_33":153,"_13":154,"_36":155,"_38":39,"_40":41,"_42":156,"_44":45,"_46":157,"_17":48,"_49":80,"_50":158,"_52":53,"_54":-5,"_71":159,"_18":160},{"_33":34,"_13":35,"_36":37,"_38":39,"_40":41,"_42":43,"_44":45,"_46":150,"_17":48,"_49":24,"_50":51,"_52":53,"_54":-5,"_71":151,"_18":152},{"_33":142,"_13":143,"_36":144,"_38":39,"_40":41,"_42":145,"_44":45,"_46":146,"_17":48,"_49":80,"_50":147,"_52":53,"_54":-5,"_71":148,"_18":149},{"_33":134,"_13":135,"_36":136,"_38":39,"_40":41,"_42":137,"_44":45,"_46":138,"_17":79,"_49":24,"_50":139,"_52":53,"_54":-5,"_71":140,"_18":141},{"_33":126,"_13":127,"_36":128,"_38":39,"_40":41,"_42":129,"_44":45,"_46":130,"_17":79,"_49":24,"_50":131,"_52":53,"_54":-5,"_71":132,"_18":133},"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",[],[56,127],"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",[],[56,135],"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",[],[56,143],["D",1783197465515],[],[56,35],"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",[],[56,154],"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,"_218":214},"org",{"_11":12,"_211":212,"_213":214,"_171":172,"_215":216,"_217":53},"branch",{"_17":95,"_13":16,"_33":41,"_203":161,"_204":-5,"_205":-5,"_206":-5,"_207":-5,"_208":-5,"_209":14,"_210":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","Charlie","avatar","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/3e904faa-3764-4629-c475-f561a49b0000/square512?exp=1789538399&sig=83566187000d9e503ce3f44b6a102e11c71d18c14c583824b36dc207748badf5","tier","pro","canRestrictVals","profileImageUrl","adoptOrgId",{"_33":161,"_13":14,"_46":284,"_163":-5,"_164":53,"_165":166,"_167":166,"_168":169,"_170":-5,"_171":172,"_173":65,"_174":45,"_175":-5,"_176":-5,"_177":48,"_178":179,"_180":181,"_182":183,"_184":285,"_186":-5,"_187":188,"_189":188,"_190":191,"_192":191,"_193":191,"_194":188,"_195":188,"_196":286,"_198":287,"_200":288,"_202":53},[248,254,256,257,258,259],"files",[248,249,250,251,252,253,254,255,256,257,258,259],"counts",{"_239":48,"_240":79,"_241":48,"_32":242,"_243":244},[],{"_33":34,"_13":35,"_36":37,"_38":39,"_40":41,"_42":43,"_44":45,"_46":47,"_17":48,"_49":24,"_50":51,"_52":53,"_54":-5,"_18":238},"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},[56,35],"pulls","branches","forks",{"_245":48,"_247":48},"connections",{"_245":48,"_246":48},"count","unfilledCount","emptyCount",{"_33":116,"_13":56,"_36":39,"_38":-5,"_40":41,"_42":117,"_44":45,"_46":118,"_17":48,"_49":105,"_50":-5,"_52":53,"_54":-5,"_71":282,"_18":283},{"_33":153,"_13":154,"_36":155,"_38":39,"_40":41,"_42":156,"_44":45,"_46":157,"_17":48,"_49":80,"_50":158,"_52":53,"_54":-5,"_71":280,"_18":281},{"_33":34,"_13":35,"_36":37,"_38":39,"_40":41,"_42":43,"_44":45,"_46":150,"_17":48,"_49":24,"_50":51,"_52":53,"_54":-5,"_71":278,"_18":279},{"_33":142,"_13":143,"_36":144,"_38":39,"_40":41,"_42":145,"_44":45,"_46":146,"_17":48,"_49":80,"_50":147,"_52":53,"_54":-5,"_71":276,"_18":277},{"_33":134,"_13":135,"_36":136,"_38":39,"_40":41,"_42":137,"_44":45,"_46":138,"_17":79,"_49":24,"_50":139,"_52":53,"_54":-5,"_71":274,"_18":275},{"_33":126,"_13":127,"_36":128,"_38":39,"_40":41,"_42":129,"_44":45,"_46":130,"_17":79,"_49":24,"_50":131,"_52":53,"_54":-5,"_71":272,"_18":273},{"_33":100,"_13":101,"_36":102,"_38":-5,"_40":41,"_42":103,"_44":45,"_46":104,"_17":48,"_49":105,"_50":-5,"_52":53,"_54":-5,"_71":270,"_18":271},{"_33":109,"_13":110,"_36":111,"_38":102,"_40":41,"_42":103,"_44":45,"_46":112,"_17":48,"_49":80,"_50":113,"_52":53,"_54":-5,"_71":268,"_18":269},{"_33":92,"_13":93,"_36":94,"_38":-5,"_40":41,"_42":95,"_44":45,"_46":96,"_17":68,"_49":24,"_50":97,"_52":53,"_54":-5,"_71":266,"_18":267},{"_33":84,"_13":85,"_36":86,"_38":-5,"_40":41,"_42":87,"_44":45,"_46":88,"_17":48,"_49":80,"_50":89,"_52":53,"_54":-5,"_71":264,"_18":265},{"_33":74,"_13":75,"_36":76,"_38":-5,"_40":41,"_42":77,"_44":45,"_46":78,"_17":79,"_49":80,"_50":81,"_52":53,"_54":-5,"_71":262,"_18":263},{"_33":63,"_13":64,"_36":65,"_38":-5,"_40":41,"_42":66,"_44":45,"_46":67,"_17":68,"_49":69,"_50":70,"_52":53,"_54":-5,"_71":260,"_18":261},[],[64],[],[75],[],[85],[],[93],[],[101,110],[255],[101],[],[56,127],[],[56,135],[],[56,143],[],[56,35],[],[56,154],[249,250,251,252,253],[56],["D",1783186286325],["D",1789521041830],{"_11":12,"_218":214},{"_11":12,"_211":212,"_213":214,"_171":172,"_215":216,"_217":53},{"_17":95,"_13":16,"_33":41,"_203":161,"_204":-5,"_205":-5,"_206":-5,"_207":-5,"_208":-5,"_209":14,"_210":12},"ctx",{"_196":-5,"_235":322,"_323":324,"_325":326,"_327":53,"_328":53,"_329":53,"_330":45,"_331":-5,"_332":-7,"_333":-7,"_334":48,"_335":53,"_336":53,"_337":-5,"_338":53,"_339":53,"_340":53,"_341":-5},"ENV",{"_293":294,"_295":296,"_297":16,"_298":299,"_300":301,"_302":303,"_304":305,"_306":307,"_308":309,"_310":311,"_312":313,"_314":315,"_316":317,"_318":319,"_320":321},"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"]