Untitled

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_274":275,"_276":277},"routes/_app.x.$handle.$name",{"_105":104,"_32":50,"_114":95,"_27":115,"_13":14,"_116":-5,"_11":117,"_118":119,"_120":121,"_122":123,"_124":125,"_21":-5,"_126":-5,"_127":-5,"_128":25,"_129":130,"_131":64,"_132":-5,"_133":-5,"_134":135},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_48":49,"_32":50,"_36":51,"_52":-5,"_53":25,"_54":55,"_56":55,"_57":58,"_59":-5,"_18":60,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":68,"_69":70,"_71":72,"_73":74,"_75":76,"_77":-5,"_78":79,"_80":79,"_81":82,"_83":82,"_84":82,"_85":79,"_86":79,"_87":88,"_89":90,"_91":92,"_93":25},"version",16,"changes",[19,20],"aiChatInfo","userId",{"_21":41,"_23":-7,"_24":25,"_26":25,"_27":42,"_29":42},{"_21":22,"_23":-7,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":28,"_33":34,"_35":-5,"_36":37,"_38":14,"_39":40,"_24":25},"previous","deleted",false,"deletedHere","path","scripts","latestPath","fileId","80552bc1-2072-473b-8c28-2465b6ee9f47","name","fileType","directory","content","createdAt",["D",1783197938254],"branchVersion","branchId","89df39db-eb70-42da-9e99-0ed96b37bb75",{"_30":43,"_32":44,"_33":45,"_35":46,"_36":47,"_38":14,"_39":40,"_24":25},"scripts/refresh-metadata.ts","503fffd0-77e9-11f1-857e-1607ee4eb77e","refresh-metadata.ts","script","// 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",["D",1783197938254],"id","130fc147-ae04-417b-af97-b5f99843a1ab","agnes-martin",["D",1783186286325],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Deterministic Agnes Martin-style generative paintings","imageUrl","9319c175-2593-4f88-ba21-04f2ef7b1c28","pinnedFileId","581bd262-77ce-11f1-bfd0-1607ee4eb77e","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"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",{"_105":104,"_113":109},"org",{"_105":104,"_106":107,"_108":109,"_18":60,"_110":111,"_112":25},"branch",{"_13":94,"_32":95,"_48":40,"_96":49,"_97":-5,"_98":-5,"_99":-5,"_100":-5,"_101":-5,"_102":50,"_103":104},"isOwned",17,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","dcm31","handle","displayName","Charlie","avatar","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/3e904faa-3764-4629-c475-f561a49b0000/square512?exp=1789556399&sig=79099f5f8ff13fa7ca88ddd17cfb358dd5de01b4572d54739a735b474a8e2cad","tier","pro","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_48":49,"_32":50,"_36":269,"_52":-5,"_53":25,"_54":55,"_56":55,"_57":58,"_59":-5,"_18":60,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":68,"_69":70,"_71":72,"_73":74,"_75":270,"_77":-5,"_78":79,"_80":79,"_81":82,"_83":82,"_84":82,"_85":79,"_86":79,"_87":271,"_89":272,"_91":273,"_93":25},"tree",[194,200,202,203,204,205],"files",[194,195,196,197,198,199,200,201,202,203,204,205],"counts",{"_184":68,"_185":158,"_186":68,"_187":188,"_189":190},"contents",[136,137,138,139,140,141],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_48":178,"_32":179,"_30":180,"_144":-5,"_39":40,"_38":181,"_146":64,"_36":182,"_13":68,"_33":34,"_35":-5,"_24":25,"_151":-5,"_27":183},{"_48":175,"_32":28,"_30":31,"_144":-5,"_39":40,"_38":14,"_146":64,"_36":176,"_13":68,"_33":34,"_35":-5,"_24":25,"_151":-5,"_27":177},{"_48":168,"_32":169,"_30":170,"_144":-5,"_39":40,"_38":171,"_146":25,"_36":172,"_13":158,"_33":21,"_35":173,"_24":25,"_151":-5,"_27":174},{"_48":161,"_32":162,"_30":163,"_144":-5,"_39":40,"_38":164,"_146":64,"_36":165,"_13":68,"_33":45,"_35":166,"_24":25,"_151":-5,"_27":167},{"_48":153,"_32":154,"_30":155,"_144":-5,"_39":40,"_38":156,"_146":64,"_36":157,"_13":158,"_33":45,"_35":159,"_24":25,"_151":-5,"_27":160},{"_48":142,"_32":143,"_30":62,"_144":-5,"_39":40,"_38":145,"_146":64,"_36":147,"_13":148,"_33":149,"_35":150,"_24":25,"_151":-5,"_27":152},"789d6196-9882-4c43-9a63-3447da7b4000","main.tsx","parentId",9,"latest",["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","label",[143],"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",[154],"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",[162],"02f200e0-9c7f-49c8-9b04-2b8ee32ecf87","README.md","b953d584-77ce-11f1-829e-1607ee4eb77e",14,["D",1783197558474],"# 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, unpainted border (1960s)\n- **bands** — horizontal color washes divided by graphite lines (post-1974)\n- **stripes** — broad pastel bands separated by white (late 1990s)\n- **white** — dense horizontal graphite on gesso\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",[169],"00e7dda1-2887-45a7-a387-9779e811fc6e",["D",1783197938254],[28],"b2731839-5e11-4f8f-9b49-65e32cf32048","frontend","bdda197e-54ac-4c82-9dd0-3bf7437b3008",3,["D",1783186374740],[179],"pulls","branches","forks","envVars",{"_191":68,"_193":68},"connections",{"_191":68,"_192":68},"count","unfilledCount","emptyCount",{"_48":178,"_32":179,"_30":180,"_144":-5,"_39":40,"_38":181,"_146":64,"_36":266,"_13":68,"_33":34,"_35":-5,"_24":25,"_151":-5,"_207":267,"_27":268},{"_48":258,"_32":259,"_30":260,"_144":180,"_39":40,"_38":261,"_146":64,"_36":262,"_13":68,"_33":45,"_35":263,"_24":25,"_151":-5,"_207":264,"_27":265},{"_48":250,"_32":251,"_30":252,"_144":180,"_39":40,"_38":253,"_146":64,"_36":254,"_13":68,"_33":21,"_35":255,"_24":25,"_151":-5,"_207":256,"_27":257},{"_48":242,"_32":243,"_30":244,"_144":180,"_39":40,"_38":245,"_146":64,"_36":246,"_13":68,"_33":45,"_35":247,"_24":25,"_151":-5,"_207":248,"_27":249},{"_48":234,"_32":235,"_30":236,"_144":180,"_39":40,"_38":237,"_146":64,"_36":238,"_13":158,"_33":21,"_35":239,"_24":25,"_151":-5,"_207":240,"_27":241},{"_48":226,"_32":227,"_30":228,"_144":180,"_39":40,"_38":229,"_146":64,"_36":230,"_13":158,"_33":21,"_35":231,"_24":25,"_151":-5,"_207":232,"_27":233},{"_48":175,"_32":28,"_30":31,"_144":-5,"_39":40,"_38":14,"_146":64,"_36":223,"_13":68,"_33":34,"_35":-5,"_24":25,"_151":-5,"_207":224,"_27":225},{"_48":219,"_32":44,"_30":43,"_144":31,"_39":40,"_38":14,"_146":64,"_36":220,"_13":68,"_33":45,"_35":46,"_24":25,"_151":-5,"_207":221,"_27":222},{"_48":168,"_32":169,"_30":170,"_144":-5,"_39":40,"_38":171,"_146":25,"_36":216,"_13":158,"_33":21,"_35":173,"_24":25,"_151":-5,"_207":217,"_27":218},{"_48":161,"_32":162,"_30":163,"_144":-5,"_39":40,"_38":164,"_146":64,"_36":213,"_13":68,"_33":45,"_35":166,"_24":25,"_151":-5,"_207":214,"_27":215},{"_48":153,"_32":154,"_30":155,"_144":-5,"_39":40,"_38":156,"_146":64,"_36":210,"_13":158,"_33":45,"_35":159,"_24":25,"_151":-5,"_207":211,"_27":212},{"_48":142,"_32":143,"_30":62,"_144":-5,"_39":40,"_38":145,"_146":64,"_36":206,"_13":148,"_33":149,"_35":150,"_24":25,"_151":-5,"_207":208,"_27":209},["D",1783197455439],"children",[],[143],["D",1783197909597],[],[154],["D",1783197434003],[],[162],["D",1783197558474],[],[169],"c84ac0d8-babb-47c8-91a1-c930baae9efa",["D",1783197938254],[],[28,44],["D",1783197938254],[201],[28],"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",[],[179,227],"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",[],[179,235],"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",[],[179,243],"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",[],[179,251],"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",[],[179,259],["D",1783186374740],[195,196,197,198,199],[179],["D",1783186286325],["D",1789521041830],{"_105":104,"_113":109},{"_105":104,"_106":107,"_108":109,"_18":60,"_110":111,"_112":25},{"_13":94,"_32":95,"_48":40,"_96":49,"_97":-5,"_98":-5,"_99":-5,"_100":-5,"_101":-5,"_102":50,"_103":104},"ctx",{"_87":-5,"_133":307,"_308":309,"_310":311,"_312":25,"_313":25,"_314":25,"_315":64,"_316":-5,"_317":-7,"_318":-7,"_319":68,"_320":25,"_321":25,"_322":-5,"_323":25,"_324":25,"_325":25,"_326":-5},"ENV",{"_278":279,"_280":281,"_282":95,"_283":284,"_285":286,"_287":288,"_289":290,"_291":292,"_293":294,"_295":296,"_297":298,"_299":300,"_301":302,"_303":304,"_305":306},"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"]

Diff · v16