Collection

\n Collection\n \n

\n \n

\n \n\n\n","label",[154,63],"frontend","pulls","branches",1,"forks","envVars",{"_163":26,"_165":26},"connections",{"_163":26,"_164":26},"count","unfilledCount","emptyCount",{"_32":262,"_13":154,"_61":146,"_42":-5,"_34":35,"_147":263,"_148":83,"_36":264,"_38":26,"_64":224,"_150":-5,"_65":24,"_152":-5,"_185":265,"_17":266},{"_32":254,"_13":255,"_61":256,"_42":146,"_34":35,"_147":257,"_148":83,"_36":258,"_38":26,"_64":193,"_150":259,"_65":24,"_152":-5,"_185":260,"_17":261},{"_32":145,"_13":63,"_61":62,"_42":146,"_34":35,"_147":39,"_148":83,"_36":251,"_38":26,"_64":21,"_150":151,"_65":24,"_152":-5,"_185":252,"_17":253},{"_32":243,"_13":244,"_61":245,"_42":146,"_34":35,"_147":246,"_148":83,"_36":247,"_38":26,"_64":193,"_150":248,"_65":24,"_152":-5,"_185":249,"_17":250},{"_32":235,"_13":236,"_61":237,"_42":146,"_34":35,"_147":238,"_148":83,"_36":239,"_38":157,"_64":21,"_150":240,"_65":24,"_152":-5,"_185":241,"_17":242},{"_32":227,"_13":228,"_61":229,"_42":146,"_34":35,"_147":230,"_148":83,"_36":231,"_38":157,"_64":21,"_150":232,"_65":24,"_152":-5,"_185":233,"_17":234},{"_32":222,"_13":221,"_61":215,"_42":-5,"_34":35,"_147":216,"_148":83,"_36":223,"_38":26,"_64":224,"_150":-5,"_65":24,"_152":-5,"_185":225,"_17":226},{"_32":212,"_13":213,"_61":214,"_42":215,"_34":35,"_147":216,"_148":83,"_36":217,"_38":26,"_64":193,"_150":218,"_65":24,"_152":-5,"_185":219,"_17":220},{"_32":205,"_13":206,"_61":207,"_42":-5,"_34":35,"_147":109,"_148":83,"_36":208,"_38":182,"_64":21,"_150":209,"_65":24,"_152":-5,"_185":210,"_17":211},{"_32":197,"_13":198,"_61":199,"_42":-5,"_34":35,"_147":200,"_148":83,"_36":201,"_38":26,"_64":193,"_150":202,"_65":24,"_152":-5,"_185":203,"_17":204},{"_32":188,"_13":189,"_61":190,"_42":-5,"_34":35,"_147":191,"_148":83,"_36":192,"_38":157,"_64":193,"_150":194,"_65":24,"_152":-5,"_185":195,"_17":196},{"_32":178,"_13":179,"_61":81,"_42":-5,"_34":35,"_147":180,"_148":83,"_36":181,"_38":182,"_64":183,"_150":184,"_65":24,"_152":-5,"_185":186,"_17":187},"789d6196-9882-4c43-9a63-3447da7b4000","main.tsx",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",[],[179],"c361dd0b-ceb6-4a54-88d5-cb87c760ff04","generator.ts","4a85e7b4-77ce-11f1-a497-1607ee4eb77e",15,["D",1783197909597],"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",[],[189],"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",[],[198],"d26b8b92-3fe2-4326-ad84-7e02dcfbc541","README.md","b953d584-77ce-11f1-829e-1607ee4eb77e",["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",[],[206],"c84ac0d8-babb-47c8-91a1-c930baae9efa","refresh-metadata.ts","503fffd0-77e9-11f1-857e-1607ee4eb77e","80552bc1-2072-473b-8c28-2465b6ee9f47",16,["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",[],[221,213],"scripts","00e7dda1-2887-45a7-a387-9779e811fc6e",["D",1783197938254],"directory",[173],[221],"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",[],[154,228],"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",[],[154,236],"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",[],[154,244],["D",1783197465515],[],[154,63],"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",[],[154,255],"b2731839-5e11-4f8f-9b49-65e32cf32048",3,["D",1783186374740],[167,168,169,170,171],[154],["D",1783186286325],["D",1789521041830],{"_11":12,"_123":68},{"_11":12,"_118":119,"_67":68,"_30":66,"_120":121,"_122":24},{"_38":109,"_13":16,"_32":35,"_110":70,"_111":-5,"_112":-5,"_113":-5,"_114":-5,"_115":-5,"_116":14,"_117":12},"ctx",{"_51":-5,"_142":305,"_306":307,"_308":309,"_310":24,"_311":24,"_312":24,"_313":83,"_314":-5,"_315":-7,"_316":-7,"_317":26,"_318":24,"_319":24,"_320":-5,"_321":24,"_322":24,"_323":24,"_324":-5},"ENV",{"_276":277,"_278":279,"_280":16,"_281":282,"_283":284,"_285":286,"_287":288,"_289":290,"_291":292,"_293":294,"_295":296,"_297":298,"_299":300,"_301":302,"_303":304},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","fdb67791413f4386b4dbf18f354029a617f6160f","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"]

History · gallery.html