[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_232":233,"_234":235},"routes/_app.x.$handle.$name",{"_98":97,"_32":46,"_107":88,"_27":108,"_13":14,"_109":-5,"_11":110,"_111":112,"_113":114,"_115":116,"_117":118,"_20":-5,"_119":-5,"_120":-5,"_121":25,"_122":123,"_124":60,"_125":-5,"_126":-5,"_127":128},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_44":45,"_32":46,"_39":47,"_48":-5,"_49":25,"_50":51,"_52":51,"_53":54,"_55":-5,"_18":56,"_57":58,"_59":60,"_61":-5,"_62":-5,"_63":64,"_65":66,"_67":-5,"_68":-5,"_69":-5,"_70":-5,"_71":72,"_73":72,"_74":75,"_76":75,"_77":75,"_78":72,"_79":72,"_80":81,"_82":83,"_84":85,"_86":25},"version",12,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":33,"_34":35,"_36":38,"_39":40,"_41":14,"_42":43,"_24":25},"previous",{"_30":31,"_32":33,"_34":35,"_36":37},"deleted",false,"deletedHere","path","frontend/index.tsx","latestPath","fileId","631d3e00-89ce-11f1-875d-1607ee4eb77e","name","index.tsx","fileType","script","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useEffect, useState } from \"https://esm.sh/react@18.2.0\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport { DIRECTIONS, hexA } from \"./directions.ts\";\nimport { Mark, Squiggle, WobblyBox } from \"./pen.tsx\";\nimport { POEMS, RULES, type SlopBlock } from \"../shared/poems.ts\";\n\nconst FONT_URL = \"https://cdn.jsdelivr.net/gh/dcm31/myfont@main/Fullerfont-Regular.otf\";\n\n// Fullerfont is display-voice only: the big title + one apologetic margin note.\nconst hand = (size: string): React.CSSProperties => ({\n fontFamily: \"'Fullerfont', sans-serif\",\n fontWeight: 400,\n fontSize: size,\n lineHeight: 1.25,\n});\nconst handBold = (size: string): React.CSSProperties => ({\n ...hand(size),\n WebkitTextStroke: \"0.035em currentColor\",\n});\n\n/** hand-drawn squiggle underline (repeating SVG tile) */\nconst squigUnder = (color: string, sw = 2): React.CSSProperties => {\n const svg =\n ``;\n return {\n textDecoration: \"none\",\n backgroundImage: `url(\"data:image/svg+xml,${encodeURIComponent(svg)}\")`,\n backgroundRepeat: \"repeat-x\",\n backgroundPosition: \"0 100%\",\n backgroundSize: \"28px 7px\",\n paddingBottom: \"3px\",\n };\n};\n\n\n// ---- slop rendering: ⟦phrase|ruleId⟧ → red-squiggled span + rule tooltip ----\nconst SLOP_RE = /⟦(.+?)\\|(.+?)⟧/g;\n\nfunction collectRuleIds(text: string): string[] {\n return [...text.matchAll(SLOP_RE)].map((m) => m[2]);\n}\n\nfunction SlopText({ text, red }: { text: string; red: string }) {\n const parts: React.ReactNode[] = [];\n let last = 0;\n let i = 0;\n for (const m of text.matchAll(SLOP_RE)) {\n if (m.index! > last) parts.push(text.slice(last, m.index));\n parts.push(\n \n {m[1]}\n ,\n );\n last = m.index! + m[0].length;\n }\n if (last < text.length) parts.push(text.slice(last));\n return <>{parts};\n}\n\nfunction App() {\n const [fontLoaded, setFontLoaded] = useState(false);\n const [dark, setDark] = useState(false);\n const [idx, setIdx] = useState(0);\n const [nonce, setNonce] = useState(0);\n\n useEffect(() => {\n const mq = window.matchMedia(\"(prefers-color-scheme: dark)\");\n setDark(mq.matches);\n const fn = (e: MediaQueryListEvent) => setDark(e.matches);\n mq.addEventListener(\"change\", fn);\n return () => mq.removeEventListener(\"change\", fn);\n }, []);\n\n useEffect(() => {\n const font = new FontFace(\"Fullerfont\", `url('${FONT_URL}')`);\n font.load()\n .then((f) => document.fonts.add(f))\n .catch((err) => console.error(\"Font load failed:\", err))\n .finally(() => setFontLoaded(true));\n }, []);\n\n // quatro: black ink, with blue/red/green doing real jobs\n const d = DIRECTIONS[0];\n const paper = dark ? d.paperDark : d.paper;\n const ink = dark ? d.inkDark : d.ink;\n const faint = dark ? d.faintDark : d.faint;\n const blue = dark ? d.accents[0].dark : d.accents[0].hex;\n const red = dark ? d.accents[1].dark : d.accents[1].hex;\n const green = dark ? d.accents[2].dark : d.accents[2].hex;\n\n if (!fontLoaded) return null;\n\n const poem = POEMS[idx];\n const phraseRules = poem.slop.flatMap((b) => [\n ...(b.text ? collectRuleIds(b.text) : []),\n ...(b.items ?? []).flatMap(collectRuleIds),\n ]);\n const violations = [...new Set([...phraseRules, ...poem.structural])];\n\n const renderBlock = (b: SlopBlock, i: number) => {\n if (b.kind === \"bullets\") {\n return (\n

\n •\n \n

\n );\n }\n if (b.kind === \"bait\") {\n return (\n

\n \n

\n );\n }\n return (\n

\n \n

\n );\n };\n\n return (\n \n

\n {/* header */}\n

slopify

\n \n

\n the anti-slop skills, run in reverse. famous public-domain poems on the left; the same poems after every\n banned phrase, banned structure, and banned emoji has been carefully added back in on the right.\n

\n\n {/* poem picker + re-roll */}\n

\n {POEMS.map((p, i) => {\n const active = i === idx;\n return (\n {\n setIdx(i);\n setNonce((n) => n + 1);\n }}\n className=\"cursor-pointer transition-transform hover:-translate-y-1 focus:outline-none focus-visible:outline-dashed focus-visible:outline-2 focus-visible:outline-offset-4\"\n style={{ background: \"none\", border: \"none\", padding: 0 }}\n aria-pressed={active}\n >\n \n {p.pick}\n {p.author.split(\" \").pop()}, {p.year}\n \n \n );\n })}\n setNonce((n) => n + 1)}\n className=\"cursor-pointer transition-transform hover:rotate-2 focus:outline-none focus-visible:outline-dashed focus-visible:outline-2 focus-visible:outline-offset-4\"\n style={{ background: \"none\", border: \"none\", padding: 0 }}\n title=\"the wobbles are random — no two rolls match\"\n >\n \n re-roll ✏️\n \n \n

\n\n {/* side by side */}\n

\n {/* original */}\n

\n \n

\n the original\n \n

\n {poem.title}\n

\n {poem.author}, {poem.year}\n

\n {poem.original.map((line, i) => (line === \"\" ?

{line}

))}\n

\n \n

\n zero violations. specific, concrete, could not have been written by anyone for anyone.\n

\n\n {/* slop */}\n

\n \n

\n the slop\n \n

\n \n i'm so sorry\n \n

{poem.slopTitle}

\n {poem.author} (optimized for engagement)\n

{poem.slop.map(renderBlock)}

\n \n

\n {violations.length} anti-slop rules violated{\" \"}\n (hover the red squiggles):{\" \"}\n {violations.map((v, i) => (\n \n {(RULES[v] ?? v).split(\" — \")[0]}\n {i < violations.length - 1 ? \" · \" : \"\"}\n \n ))}\n

\n\n {/* footer */}\n \n

\n \n );\n}\n\ncreateRoot(document.getElementById(\"root\")!).render();\n","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useEffect, useState } from \"https://esm.sh/react@18.2.0\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport { DIRECTIONS, hexA } from \"./directions.ts\";\nimport { Mark, Squiggle, WobblyBox } from \"./pen.tsx\";\nimport { POEMS, RULES, type SlopBlock } from \"../shared/poems.ts\";\n\nconst FONT_URL = \"https://cdn.jsdelivr.net/gh/dcm31/myfont@main/Fullerfont-Regular.otf\";\n\n// Fullerfont is display-voice only: the big title + one apologetic margin note.\nconst hand = (size: string): React.CSSProperties => ({\n fontFamily: \"'Fullerfont', sans-serif\",\n fontWeight: 400,\n fontSize: size,\n lineHeight: 1.25,\n});\nconst handBold = (size: string): React.CSSProperties => ({\n ...hand(size),\n WebkitTextStroke: \"0.035em currentColor\",\n});\n\n/** hand-drawn squiggle underline (repeating SVG tile) */\nconst squigUnder = (color: string, sw = 2): React.CSSProperties => {\n const svg =\n ``;\n return {\n textDecoration: \"none\",\n backgroundImage: `url(\"data:image/svg+xml,${encodeURIComponent(svg)}\")`,\n backgroundRepeat: \"repeat-x\",\n backgroundPosition: \"0 100%\",\n backgroundSize: \"28px 7px\",\n paddingBottom: \"3px\",\n };\n};\n\n\n// ---- slop rendering: ⟦phrase|ruleId⟧ → red-squiggled span + rule tooltip ----\nconst SLOP_RE = /⟦(.+?)\\|(.+?)⟧/g;\n\nfunction collectRuleIds(text: string): string[] {\n return [...text.matchAll(SLOP_RE)].map((m) => m[2]);\n}\n\nfunction SlopText({ text, red }: { text: string; red: string }) {\n const parts: React.ReactNode[] = [];\n let last = 0;\n let i = 0;\n for (const m of text.matchAll(SLOP_RE)) {\n if (m.index! > last) parts.push(text.slice(last, m.index));\n parts.push(\n \n {m[1]}\n ,\n );\n last = m.index! + m[0].length;\n }\n if (last < text.length) parts.push(text.slice(last));\n return <>{parts};\n}\n\nfunction App() {\n const [fontLoaded, setFontLoaded] = useState(false);\n const [dark, setDark] = useState(false);\n const [idx, setIdx] = useState(0);\n const [nonce, setNonce] = useState(0);\n\n useEffect(() => {\n const mq = window.matchMedia(\"(prefers-color-scheme: dark)\");\n setDark(mq.matches);\n const fn = (e: MediaQueryListEvent) => setDark(e.matches);\n mq.addEventListener(\"change\", fn);\n return () => mq.removeEventListener(\"change\", fn);\n }, []);\n\n useEffect(() => {\n const font = new FontFace(\"Fullerfont\", `url('${FONT_URL}')`);\n font.load()\n .then((f) => document.fonts.add(f))\n .catch((err) => console.error(\"Font load failed:\", err))\n .finally(() => setFontLoaded(true));\n }, []);\n\n // quatro: black ink, with blue/red/green doing real jobs\n const d = DIRECTIONS[0];\n const paper = dark ? d.paperDark : d.paper;\n const ink = dark ? d.inkDark : d.ink;\n const faint = dark ? d.faintDark : d.faint;\n const blue = dark ? d.accents[0].dark : d.accents[0].hex;\n const red = dark ? d.accents[1].dark : d.accents[1].hex;\n const green = dark ? d.accents[2].dark : d.accents[2].hex;\n\n if (!fontLoaded) return null;\n\n const poem = POEMS[idx];\n const phraseRules = poem.slop.flatMap((b) => [\n ...(b.text ? collectRuleIds(b.text) : []),\n ...(b.items ?? []).flatMap(collectRuleIds),\n ]);\n const violations = [...new Set([...phraseRules, ...poem.structural])];\n\n const renderBlock = (b: SlopBlock, i: number) => {\n if (b.kind === \"bullets\") {\n return (\n

\n •\n \n

\n );\n }\n if (b.kind === \"bait\") {\n return (\n

\n \n

\n );\n }\n return (\n

\n \n

\n );\n };\n\n return (\n \n

\n {/* header */}\n

slopify

\n \n

\n\n {/* poem picker + re-roll */}\n

\n\n {/* side by side */}\n

\n {/* original */}\n

\n \n

\n the original\n \n

\n {poem.title}\n

\n {poem.author}, {poem.year}\n

\n {poem.original.map((line, i) => (line === \"\" ?

{line}

))}\n

\n zero violations. specific, concrete, could not have been written by anyone for anyone.\n

\n\n {/* slop */}\n

\n \n

\n the slop\n \n

\n \n i'm so sorry\n \n

{poem.slopTitle}

\n {poem.author} (optimized for engagement)\n

{poem.slop.map(renderBlock)}

\n\n {/* footer */}\n \n

\n \n );\n}\n\ncreateRoot(document.getElementById(\"root\")!).render();\n","createdAt",["D",1785192359596],"branchVersion","branchId","cc238b07-ed16-42c9-b2a1-eb57969739ee","id","e09a1d87-4af6-4f26-ac68-90b8a13ce22a","slopify",["D",1785165346995],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","famous poems vs. their slop rewrites, side by side","imageUrl","9319c175-2593-4f88-ba21-04f2ef7b1c28","pinnedFileId","10966440-89ce-11f1-8da1-1607ee4eb77e","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","d663a026-6449-42f6-9156-1d4a2d64d38c","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_98":97,"_106":102},"org",{"_98":97,"_99":100,"_101":102,"_18":56,"_103":104,"_105":25},"branch",{"_13":87,"_32":88,"_44":43,"_89":45,"_90":-5,"_91":-5,"_92":-5,"_93":-5,"_94":-5,"_95":46,"_96":97},"isOwned",16,"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=1789588799&sig=a14eb9817176bf9786e020bfe2fb839d300621c44b97fc9c0f1d671ade6ad942","tier","pro","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_44":45,"_32":46,"_39":228,"_48":-5,"_49":25,"_50":51,"_52":51,"_53":54,"_55":-5,"_18":56,"_57":58,"_59":60,"_61":-5,"_62":-5,"_63":64,"_65":66,"_67":-5,"_68":-5,"_69":-5,"_70":-5,"_71":72,"_73":72,"_74":75,"_76":75,"_77":75,"_78":72,"_79":72,"_80":229,"_82":230,"_84":231,"_86":25},"tree",[173,178,180,181],"files",[173,174,175,176,177,178,179,180,181],"counts",{"_163":64,"_164":160,"_165":64,"_166":167,"_168":169},"contents",[129,130,131,132],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_44":157,"_32":158,"_30":159,"_135":-5,"_42":43,"_41":160,"_137":60,"_39":161,"_13":64,"_34":155,"_36":-5,"_24":25,"_141":-5,"_27":162},{"_44":150,"_32":151,"_30":152,"_135":-5,"_42":43,"_41":153,"_137":60,"_39":154,"_13":64,"_34":155,"_36":-5,"_24":25,"_141":-5,"_27":156},{"_44":143,"_32":144,"_30":145,"_135":-5,"_42":43,"_41":146,"_137":25,"_39":147,"_13":64,"_34":20,"_36":148,"_24":25,"_141":-5,"_27":149},{"_44":133,"_32":134,"_30":58,"_135":-5,"_42":43,"_41":136,"_137":60,"_39":138,"_13":64,"_34":139,"_36":140,"_24":25,"_141":46,"_27":142},"5cebc122-d684-4bfd-9163-729a26c17a1f","main.ts","parentId",2,"latest",["D",1785165355966],"http","import { Hono } from \"npm:hono\";\nimport { parseVal, serveFile } from \"https://esm.town/v/std/utils/index.ts\";\n\nconst app = new Hono();\n\napp.get(\"/\", (c) => serveFile(\"/frontend/index.html\"));\napp.get(\"/frontend/**/*\", (c) => serveFile(c.req.path));\napp.get(\"/shared/**/*\", (c) => serveFile(c.req.path));\napp.get(\"/source\", (c) => c.redirect(parseVal().links.self.val));\n\napp.onError((err) => Promise.reject(err));\n\nexport default app.fetch;\n","label",[134],"cf47371c-4936-4bf8-a27f-30db43ad859a","README.md","6e31466a-89ce-11f1-8aaa-1607ee4eb77e",6,["D",1785165513008],"# 🍜 slopify\n\nThe anti-slop skills, run in reverse. Famous public-domain poems on the left;\non the right, the same poems after every banned phrase, banned structure, and\nbanned emoji has been carefully added back in.\n\nEach red squiggle in the slop column is a hoverable citation to the specific\nanti-slop rule being violated (\"delve\", the \"it's not X — it's Y\" comparator,\nbroetry line breaks, engagement bait, the chatbot postamble…). Rules were\ncollected from the community anti-slop skills\n([the-antislop](https://github.com/aplaceforallmystuff/the-antislop),\n[anti-ai-slop-writing](https://github.com/jalaalrd/anti-ai-slop-writing),\n[stop-slop](https://github.com/hardikpandya/stop-slop)) and inverted: every\n\"never do this\" became a must.\n\nPoems: *The Road Not Taken*, *Sonnet 18*, *Ozymandias*, *\"Hope\" is the thing\nwith feathers*, *Fire and Ice* — all public domain. The slop is original.\nRegrettably.\n\n## House style\n\nWears [dcm31/house-style](https://www.val.town/x/dcm31/house-style) in the\n**quatro** direction — black ink, with red doing its semantic job (the slop is\nthe danger). `frontend/pen.tsx` + `frontend/directions.ts` are copied from\nhouse-style. Fullerfont appears sparingly per the type rule: the title and one\napologetic margin note. Original poems render in a book serif; slop renders in\nsystem sans, as slop does. Dark mode follows `prefers-color-scheme`; the\nre-roll button regenerates every wobbly stroke.\n\n## Files\n\n| file | role |\n|---|---|\n| `main.ts` (http) | Hono: shell, `/frontend/*`, `/shared/*`, `/source` |\n| `frontend/index.html` | shell — Twind + std/catch + root |\n| `frontend/index.tsx` | the app: picker, side-by-side panels, `WobblyPanel` (a content-sized wobbly box), slop-markup renderer |\n| `frontend/pen.tsx` | hand-drawn primitives (from house-style) |\n| `frontend/directions.ts` | palette tokens (from house-style; quatro used) |\n| `shared/poems.ts` | the corpus: originals + slop rewrites with `⟦phrase\\|ruleId⟧` markup + the rule dictionary |\n\nAdding a poem = one new entry in `shared/poems.ts` (must be public domain;\nslop quality is on you).\n",[144],"e3a34c90-dff7-49b1-91a2-0918c9c41382","shared","5bdc9f7f-6e67-4b78-9f04-b1f7ab09058b",4,["D",1785165424519],"directory",[151],"5ab32bfd-4aaa-4b95-b723-da79c46296e3","frontend","019fa425-873b-728a-b847-4bddc0a0a23b",1,["D",1785165350720],[158],"pulls","branches","forks","envVars",{"_170":64,"_172":64},"connections",{"_170":64,"_171":64},"count","unfilledCount","emptyCount",{"_44":157,"_32":158,"_30":159,"_135":-5,"_42":43,"_41":160,"_137":60,"_39":225,"_13":64,"_34":155,"_36":-5,"_24":25,"_141":-5,"_183":226,"_27":227},{"_44":218,"_32":219,"_30":220,"_135":159,"_42":43,"_41":160,"_137":60,"_39":221,"_13":64,"_34":35,"_36":222,"_24":25,"_141":-5,"_183":223,"_27":224},{"_44":210,"_32":211,"_30":212,"_135":159,"_42":43,"_41":213,"_137":60,"_39":214,"_13":64,"_34":20,"_36":215,"_24":25,"_141":-5,"_183":216,"_27":217},{"_44":206,"_32":33,"_30":31,"_135":159,"_42":43,"_41":14,"_137":25,"_39":207,"_13":146,"_34":35,"_36":38,"_24":25,"_141":-5,"_183":208,"_27":209},{"_44":199,"_32":200,"_30":201,"_135":159,"_42":43,"_41":160,"_137":60,"_39":202,"_13":64,"_34":35,"_36":203,"_24":25,"_141":-5,"_183":204,"_27":205},{"_44":150,"_32":151,"_30":152,"_135":-5,"_42":43,"_41":153,"_137":60,"_39":196,"_13":64,"_34":155,"_36":-5,"_24":25,"_141":-5,"_183":197,"_27":198},{"_44":189,"_32":190,"_30":191,"_135":152,"_42":43,"_41":153,"_137":60,"_39":192,"_13":64,"_34":35,"_36":193,"_24":25,"_141":-5,"_183":194,"_27":195},{"_44":143,"_32":144,"_30":145,"_135":-5,"_42":43,"_41":146,"_137":25,"_39":186,"_13":64,"_34":20,"_36":148,"_24":25,"_141":-5,"_183":187,"_27":188},{"_44":133,"_32":134,"_30":58,"_135":-5,"_42":43,"_41":136,"_137":60,"_39":182,"_13":64,"_34":139,"_36":140,"_24":25,"_141":46,"_183":184,"_27":185},["D",1785165355966],"children",[],[134],["D",1785165513008],[],[144],"ccd29115-f20b-4d90-8b0a-aa837665bb42","poems.ts","397d7434-89ce-11f1-af4f-1607ee4eb77e",["D",1785165424519],"// The corpus: public-domain poems + their slop rewrites.\n// Slop text uses ⟦phrase|ruleId⟧ markup — the frontend red-squiggles each\n// marked phrase and tooltips the anti-slop rule it violates.\n// Rules are inverted from the community anti-slop skills (the-antislop,\n// anti-ai-slop-writing, stop-slop, et al.) — every \"never do this\" became a must.\n\nexport const RULES: Record = {\n \"delve\": \"“delve” — usage up 10×+ post-ChatGPT; tier-1 tell\",\n \"game-changer\": \"“game-changer” — tier 1: remove immediately\",\n \"fast-paced-world\": \"“in today's fast-paced world” — the canonical slop opener\",\n \"landscape\": \"the ever-evolving / digital “landscape”\",\n \"deep-dive\": \"“deep dive” — say “looked at”\",\n \"not-x-but-y\": \"the comparator: “it's not X. it's Y.”\",\n \"let-that-sink-in\": \"“let that sink in” — engagement filler\",\n \"heres-the-thing\": \"“here's the thing” — false intimacy\",\n \"spoiler-alert\": \"“spoiler alert” — borrowed enthusiasm\",\n \"great-question\": \"“Great question!” — sycophantic opener\",\n \"lets-unpack\": \"“let's unpack that” — announces instead of doing\",\n \"first-and-foremost\": \"“first and foremost” — inflated transition\",\n \"worth-noting\": \"“it's worth noting” — just note it\",\n \"journey\": \"everything is a “journey” (never a destination)\",\n \"testament\": \"“a testament to” — tier-1 abstract filler\",\n \"hope-this-helps\": \"“Hope this helps!” — chatbot postamble\",\n \"masterclass\": \"“a masterclass in” — unearned superlative\",\n \"interplay\": \"“the interplay between” — tier-1 abstraction\",\n \"key-takeaways\": \"“key takeaways” — listicle brain\",\n \"leverage\": \"“leverage” as a verb — say “use”\",\n \"heres-the-kicker\": \"“here's the kicker” — manufactured suspense\",\n \"cutting-edge\": \"“cutting-edge” — tier 1: remove\",\n \"robust\": \"“robust” — AI's favorite adjective\",\n \"end-of-the-day\": \"“at the end of the day” — filler transition\",\n \"both-valid\": \"“both perspectives are valid” — false balance, no stance\",\n \"stopped-in-tracks\": \"“stopped me in my tracks” — LinkedIn hook\",\n \"growth-mindset\": \"recruiter-brain vocabulary\",\n \"scalable\": \"startup adjectives applied to non-startups\",\n \"rent-free\": \"borrowed meme idiom, three years late\",\n \"iterate\": \"offering to “iterate” on a finished poem\",\n // structural (whole-text) violations\n \"em-dash\": \"em-dash abuse — the punctuation tell\",\n \"rule-of-three\": \"the rule of three. always. three.\",\n \"staccato\": \"staccato fragments. short. punchy. exhausting.\",\n \"unearned-bullets\": \"unearned bullet points\",\n \"engagement-bait\": \"engagement bait (repost / comment / follow)\",\n \"emoji-garnish\": \"emoji garnish 🚀✨\",\n \"chatbot-postamble\": \"the helpful-assistant sign-off\",\n \"broetry\": \"one-line broetry paragraphs\",\n};\n\nexport interface SlopBlock {\n kind: \"p\" | \"bullets\" | \"bait\";\n text?: string;\n items?: string[];\n}\n\nexport interface Poem {\n id: string;\n title: string;\n author: string;\n year: string;\n slopTitle: string;\n pick: string; // short label for the picker\n original: string[]; // lines; \"\" = stanza break\n slop: SlopBlock[];\n structural: string[]; // whole-text rule ids\n}\n\nexport const POEMS: Poem[] = [\n {\n id: \"road\",\n title: \"The Road Not Taken\",\n author: \"Robert Frost\",\n year: \"1916\",\n pick: \"the road not taken\",\n slopTitle: \"Navigating Decision-Making in Today's Fast-Paced Forest 🌲\",\n original: [\n \"Two roads diverged in a yellow wood,\",\n \"And sorry I could not travel both\",\n \"And be one traveler, long I stood\",\n \"And looked down one as far as I could\",\n \"To where it bent in the undergrowth;\",\n \"\",\n \"Then took the other, as just as fair,\",\n \"And having perhaps the better claim,\",\n \"Because it was grassy and wanted wear;\",\n \"Though as for that the passing there\",\n \"Had worn them really about the same,\",\n \"\",\n \"And both that morning equally lay\",\n \"In leaves no step had trodden black.\",\n \"Oh, I kept the first for another day!\",\n \"Yet knowing how way leads on to way,\",\n \"I doubted if I should ever come back.\",\n \"\",\n \"I shall be telling this with a sigh\",\n \"Somewhere ages and ages hence:\",\n \"Two roads diverged in a wood, and I—\",\n \"I took the one less traveled by,\",\n \"And that has made all the difference.\",\n ],\n slop: [\n {\n kind: \"p\",\n text: \"Two roads diverged in a yellow wood — and honestly? ⟦It was a game-changer.|game-changer⟧\",\n },\n {\n kind: \"p\",\n text: \"⟦In today's fast-paced world|fast-paced-world⟧, we've all been there: standing at a crossroads, trying to ⟦navigate the ever-evolving landscape|landscape⟧ of personal decision-making. As one traveler I couldn't travel both (work-life balance, am I right? 😅), so I stood there for a long time and looked down one as far as I could, to where it bent in the undergrowth.\",\n },\n {\n kind: \"p\",\n text: \"Then I took a ⟦deep dive|deep-dive⟧ into the other road. It was just as fair. It was grassy. It wanted wear. Though honestly the passing there had worn them about the same — and that's okay.\",\n },\n {\n kind: \"p\",\n text: \"⟦Here's the thing:|heres-the-thing⟧ both roads that morning lay in leaves no step had trodden black. I told myself I'd keep the first for another day. ⟦Spoiler alert:|spoiler-alert⟧ way leads on to way. I never went back. 🚶\",\n },\n {\n kind: \"p\",\n text: \"I'll be sharing this story with a sigh, somewhere ages and ages hence: two roads diverged in a wood, and I — I took the one less traveled by. And it hasn't just made a difference. ⟦It's not about the road. It's about the journey.|not-x-but-y⟧ It's made *all* the difference. ⟦Let that sink in.|let-that-sink-in⟧ ✨\",\n },\n {\n kind: \"bait\",\n text: \"Agree? ♻️ Repost to inspire a traveler in your network.\",\n },\n ],\n structural: [\"em-dash\", \"staccato\", \"emoji-garnish\", \"engagement-bait\"],\n },\n {\n id: \"sonnet18\",\n title: \"Sonnet 18\",\n author: \"William Shakespeare\",\n year: \"1609\",\n pick: \"sonnet 18\",\n slopTitle: \"Shall I Compare Thee? A Comprehensive Guide ☀️\",\n original: [\n \"Shall I compare thee to a summer's day?\",\n \"Thou art more lovely and more temperate:\",\n \"Rough winds do shake the darling buds of May,\",\n \"And summer's lease hath all too short a date;\",\n \"Sometime too hot the eye of heaven shines,\",\n \"And often is his gold complexion dimm'd;\",\n \"And every fair from fair sometime declines,\",\n \"By chance or nature's changing course untrimm'd;\",\n \"But thy eternal summer shall not fade,\",\n \"Nor lose possession of that fair thou ow'st;\",\n \"Nor shall death brag thou wander'st in his shade,\",\n \"When in eternal lines to time thou grow'st:\",\n \"So long as men can breathe or eyes can see,\",\n \"So long lives this, and this gives life to thee.\",\n ],\n slop: [\n {\n kind: \"p\",\n text: \"⟦Great question!|great-question⟧ Shall I compare thee to a summer's day? ⟦Let's unpack that.|lets-unpack⟧\",\n },\n {\n kind: \"p\",\n text: \"⟦First and foremost|first-and-foremost⟧, thou art more lovely — and more temperate, which is huge. Rough winds do shake the darling buds of May, and ⟦it's worth noting|worth-noting⟧ that summer's lease hath all too short a date. 📅\",\n },\n {\n kind: \"p\",\n text: \"Sometimes the eye of heaven shines too hot. Sometimes his gold complexion is dimmed. Every fair from fair sometime declines. Because nature is a ⟦journey, not a destination|journey⟧.\",\n },\n {\n kind: \"p\",\n text: \"But here's where it gets interesting: thy eternal summer shall not fade, nor lose possession of that fair thou ow'st. Nor shall death brag thou wander'st in his shade — ⟦a true testament to|testament⟧ the power of eternal lines. 🙌\",\n },\n {\n kind: \"p\",\n text: \"So long as men can breathe or eyes can see, so long lives this content, and this gives life to thee. ⟦Hope this helps!|hope-this-helps⟧ Let me know if you'd like me to ⟦iterate on this comparison|iterate⟧, explore alternative metaphors, or benchmark thee against other seasons. Happy to dive deeper! 😊\",\n },\n ],\n structural: [\"staccato\", \"rule-of-three\", \"emoji-garnish\", \"chatbot-postamble\", \"em-dash\"],\n },\n {\n id: \"ozymandias\",\n title: \"Ozymandias\",\n author: \"Percy Bysshe Shelley\",\n year: \"1818\",\n pick: \"ozymandias\",\n slopTitle: \"3 Leadership Lessons From a Traveller I Met From an Antique Land 🏜️\",\n original: [\n \"I met a traveller from an antique land,\",\n \"Who said—“Two vast and trunkless legs of stone\",\n \"Stand in the desert. . . . Near them, on the sand,\",\n \"Half sunk a shattered visage lies, whose frown,\",\n \"And wrinkled lip, and sneer of cold command,\",\n \"Tell that its sculptor well those passions read\",\n \"Which yet survive, stamped on these lifeless things,\",\n \"The hand that mocked them, and the heart that fed;\",\n \"And on the pedestal, these words appear:\",\n \"My name is Ozymandias, King of Kings;\",\n \"Look on my Works, ye Mighty, and despair!\",\n \"Nothing beside remains. Round the decay\",\n \"Of that colossal Wreck, boundless and bare\",\n \"The lone and level sands stretch far away.”\",\n ],\n slop: [\n {\n kind: \"p\",\n text: \"I recently connected with a traveller from an antique land, and what he shared ⟦stopped me in my tracks|stopped-in-tracks⟧.\",\n },\n {\n kind: \"p\",\n text: \"Two vast and trunkless legs of stone.\\nStanding in the desert.\\nNo torso.\\nNo context.\\nJust legs.\",\n },\n {\n kind: \"p\",\n text: \"Near them, half sunk, a shattered visage lay — its frown, its wrinkled lip, its sneer of cold command ⟦a masterclass in|masterclass⟧ ⟦the delicate interplay between|interplay⟧ sculptor and subject.\",\n },\n {\n kind: \"p\",\n text: \"And on the pedestal, these words appeared: “My name is Ozymandias, King of Kings; look on my works, ye Mighty, and despair!” ⟦Key takeaways:|key-takeaways⟧\",\n },\n {\n kind: \"bullets\",\n items: [\n \"Bold personal branding 👑\",\n \"Strong founder energy\",\n \"Room for growth on succession planning\",\n ],\n },\n {\n kind: \"p\",\n text: \"Nothing beside remains. Round the decay of that colossal wreck, boundless and bare, the lone and level sands stretch far away. ⟦Let that sink in.|let-that-sink-in⟧\",\n },\n {\n kind: \"bait\",\n text: \"⟦Legacy isn't built in stone. It's built in people.|not-x-but-y⟧ Follow me for more insights from antique lands. 🔔\",\n },\n ],\n structural: [\"broetry\", \"unearned-bullets\", \"emoji-garnish\", \"engagement-bait\", \"em-dash\"],\n },\n {\n id: \"hope\",\n title: \"“Hope” is the thing with feathers\",\n author: \"Emily Dickinson\",\n year: \"c. 1861\",\n pick: \"hope / feathers\",\n slopTitle: \"Why Hope Is the Ultimate Productivity Hack 🪶\",\n original: [\n \"“Hope” is the thing with feathers -\",\n \"That perches in the soul -\",\n \"And sings the tune without the words -\",\n \"And never stops - at all -\",\n \"\",\n \"And sweetest - in the Gale - is heard -\",\n \"And sore must be the storm -\",\n \"That could abash the little Bird\",\n \"That kept so many warm -\",\n \"\",\n \"I've heard it in the chillest land -\",\n \"And on the strangest Sea -\",\n \"Yet - never - in Extremity,\",\n \"It asked a crumb - of me.\",\n ],\n slop: [\n {\n kind: \"p\",\n text: \"⟦Hope isn't just a feeling — it's the thing with feathers|not-x-but-y⟧ that perches in the soul. ⟦(Rent-free! 🏠)|rent-free⟧\",\n },\n {\n kind: \"p\",\n text: \"It sings the tune without the words. And ⟦here's the kicker:|heres-the-kicker⟧ it never stops. At all. That's consistency. That's discipline. ⟦That's growth mindset.|growth-mindset⟧\",\n },\n {\n kind: \"p\",\n text: \"It's sweetest in the gale — because sore must be the storm that could abash the little bird that kept so many warm. In today's uncertain ⟦landscape|landscape⟧, we could all ⟦leverage|leverage⟧ a little more of that.\",\n },\n {\n kind: \"p\",\n text: \"I've heard it in the chillest land, and on the strangest sea. Yet never — not once, even in extremity — has it asked a crumb of me. Zero overhead. Infinite ROI. 📈\",\n },\n {\n kind: \"bait\",\n text: \"Drop a 🪶 in the comments if hope perches in YOUR soul.\",\n },\n ],\n structural: [\"rule-of-three\", \"staccato\", \"em-dash\", \"emoji-garnish\", \"engagement-bait\"],\n },\n {\n id: \"fireice\",\n title: \"Fire and Ice\",\n author: \"Robert Frost\",\n year: \"1920\",\n pick: \"fire and ice\",\n slopTitle: \"Fire vs. Ice: Which Apocalypse Is Right for You? 🔥🧊\",\n original: [\n \"Some say the world will end in fire,\",\n \"Some say in ice.\",\n \"From what I've tasted of desire\",\n \"I hold with those who favor fire.\",\n \"But if it had to perish twice,\",\n \"I think I know enough of hate\",\n \"To say that for destruction ice\",\n \"Is also great\",\n \"And would suffice.\",\n ],\n slop: [\n {\n kind: \"p\",\n text: \"Some say the world will end in fire. Some say in ice. ⟦Both perspectives are valid|both-valid⟧ — and honestly? That's the beauty of it.\",\n },\n {\n kind: \"p\",\n text: \"From what I've tasted of desire, I hold with those who favor fire. It's bold. It's passionate. ⟦It's scalable.|scalable⟧\",\n },\n {\n kind: \"p\",\n text: \"But ⟦it's worth noting|worth-noting⟧ that if the world had to perish twice, I know enough of hate to say that for destruction, ice is also great — a ⟦robust|robust⟧, ⟦cutting-edge|cutting-edge⟧ alternative — and would suffice. ✅\",\n },\n {\n kind: \"p\",\n text: \"⟦At the end of the day|end-of-the-day⟧, whether you're Team Fire 🔥 or Team Ice 🧊, the real apocalypse is the friends we made along the way.\",\n },\n {\n kind: \"bait\",\n text: \"Which one are you? Sound off below! 👇\",\n },\n ],\n structural: [\"rule-of-three\", \"both-valid\", \"em-dash\", \"emoji-garnish\", \"engagement-bait\"],\n },\n];\n",[],[151,190],["D",1785165424519],[179],[151],"6a784ac3-f0c8-4304-a21f-859c9285bd3e","pen.tsx","019fa425-873b-728a-b847-4e2e8b77adb0",["D",1785165350720],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\n// Hand-drawn primitives — the wobbly rounded-rect is a faithful port of\n// dcm31/ballpointPenCard (exact corner transition points, bezier smoothing).\nimport React, { useMemo } from \"https://esm.sh/react@18.2.0\";\n\ntype Pt = { x: number; y: number; t: boolean };\n\nfunction jig(x: number, y: number, mag: number, exact = false): Pt {\n if (exact) return { x, y, t: true };\n const w = (Math.random() - 0.5) * mag * 1.25;\n return { x: x + w, y: y + w, t: false };\n}\n\nfunction smooth(points: Pt[], close = true): string {\n if (!points.length) return \"\";\n let d = `M ${points[0].x},${points[0].y}`;\n for (let i = 1; i < points.length - 1; i++) {\n const p0 = points[i - 1], p1 = points[i], p2 = points[i + 1];\n if (p1.t) { d += ` L ${p1.x},${p1.y}`; continue; }\n const d01 = Math.hypot(p1.x - p0.x, p1.y - p0.y);\n const d12 = Math.hypot(p2.x - p1.x, p2.y - p1.y);\n const s = 0.25, fa = s * d01 / (d01 + d12), fb = s * d12 / (d01 + d12);\n d += ` C ${p1.x - fa * (p2.x - p0.x)},${p1.y - fa * (p2.y - p0.y)} ${p1.x + fb * (p2.x - p0.x)},${p1.y + fb * (p2.y - p0.y)} ${p1.x},${p1.y}`;\n }\n d += ` L ${points[points.length - 1].x},${points[points.length - 1].y}`;\n return close ? d + \" Z\" : d;\n}\n\nexport function roundedRectPath(w: number, h: number, r: number, mag: number, n = 8): string {\n const p: Pt[] = [];\n const tp = {\n tr: { x: w - r, y: 0 }, rt: { x: w, y: r }, rb: { x: w, y: h - r }, br: { x: w - r, y: h },\n bl: { x: r, y: h }, lb: { x: 0, y: h - r }, lt: { x: 0, y: r }, tl: { x: r, y: 0 },\n };\n // top edge\n p.push(jig(tp.tl.x, tp.tl.y, 0, true));\n for (let i = 1; i < n; i++) { const t = i / n; p.push(jig(r + t * (w - 2 * r), 0, mag)); }\n p.push(jig(tp.tr.x, tp.tr.y, 0, true));\n // top-right corner\n p.push(jig(tp.tr.x, tp.tr.y, 0, true));\n for (let i = 1; i < n; i++) { const t = i / n; const a = -Math.PI / 2 + t * (Math.PI / 2); p.push(jig(w - r + Math.cos(a) * r, r + Math.sin(a) * r, mag * 0.8)); }\n p.push(jig(tp.rt.x, tp.rt.y, 0, true));\n // right edge\n p.push(jig(tp.rt.x, tp.rt.y, 0, true));\n for (let i = 1; i < n; i++) { const t = i / n; p.push(jig(w, r + t * (h - 2 * r), mag)); }\n p.push(jig(tp.rb.x, tp.rb.y, 0, true));\n // bottom-right corner\n p.push(jig(tp.rb.x, tp.rb.y, 0, true));\n for (let i = 1; i < n; i++) { const t = i / n; const a = t * (Math.PI / 2); p.push(jig(w - r + Math.cos(a) * r, h - r + Math.sin(a) * r, mag * 0.8)); }\n p.push(jig(tp.br.x, tp.br.y, 0, true));\n // bottom edge\n p.push(jig(tp.br.x, tp.br.y, 0, true));\n for (let i = 1; i < n; i++) { const t = i / n; p.push(jig(w - r - t * (w - 2 * r), h, mag)); }\n p.push(jig(tp.bl.x, tp.bl.y, 0, true));\n // bottom-left corner\n p.push(jig(tp.bl.x, tp.bl.y, 0, true));\n for (let i = 1; i < n; i++) { const t = i / n; const a = Math.PI / 2 + t * (Math.PI / 2); p.push(jig(r + Math.cos(a) * r, h - r + Math.sin(a) * r, mag * 0.8)); }\n p.push(jig(tp.lb.x, tp.lb.y, 0, true));\n // left edge\n p.push(jig(tp.lb.x, tp.lb.y, 0, true));\n for (let i = 1; i < n; i++) { const t = i / n; p.push(jig(0, h - r - t * (h - 2 * r), mag)); }\n p.push(jig(tp.lt.x, tp.lt.y, 0, true));\n // top-left corner\n p.push(jig(tp.lt.x, tp.lt.y, 0, true));\n for (let i = 1; i < n; i++) { const t = i / n; const a = Math.PI + t * (Math.PI / 2); p.push(jig(r + Math.cos(a) * r, r + Math.sin(a) * r, mag * 0.8)); }\n p.push(jig(tp.tl.x, tp.tl.y, 0, true));\n return smooth(p);\n}\n\nexport function circlePath(rad: number, mag: number, n = 30): string {\n const p: Pt[] = [];\n for (let i = 0; i <= n; i++) {\n const a = (i / n) * Math.PI * 2;\n p.push(jig(Math.cos(a) * rad, Math.sin(a) * rad, i === 0 || i === n ? 0 : mag, i === 0 || i === n));\n }\n return smooth(p);\n}\n\n/** back-and-forth \"coloring in\" scribble that fills a circle of radius rad */\nexport function scribblePath(rad: number, step = 6.5): string {\n const pts: string[] = [];\n let dir = 1;\n for (let y = -rad + step; y < rad; y += step) {\n const half = Math.sqrt(Math.max(0, rad * rad - y * y)) - 2;\n const x0 = -half * dir, x1 = half * dir;\n const jy = () => y + (Math.random() - 0.5) * 2.4;\n pts.push(`${x0 + (Math.random() - 0.5) * 3},${jy()}`);\n pts.push(`${x1 + (Math.random() - 0.5) * 3},${jy()}`);\n dir *= -1;\n }\n return \"M \" + pts.join(\" L \");\n}\n\n/** horizontal squiggle for underlines / dividers */\nexport function squigglePath(width: number, amp = 2.4, step = 9): string {\n const p: Pt[] = [];\n for (let x = 0; x <= width; x += step) {\n p.push(jig(x, amp + 2, amp, x === 0 || x + step > width));\n }\n return smooth(p, false);\n}\n\n// ---------- components ----------\n\nexport function WobblyBox({\n w = 260, h = 120, r = 26, stroke = \"#333\", fill = \"transparent\",\n sw = 3.4, mag = 2.5, nonce = 0, style, children,\n}: {\n w?: number; h?: number; r?: number; stroke?: string; fill?: string;\n sw?: number; mag?: number; nonce?: number;\n style?: React.CSSProperties; children?: React.ReactNode;\n}) {\n const d = useMemo(() => roundedRectPath(w, h, Math.min(r, h / 2 - 1), mag), [w, h, r, mag, nonce]);\n return (\n

\n \n \n \n \n

\n {children}\n

\n );\n}\n\nexport function Scribble({ hex, ink, size = 76, nonce = 0 }: { hex: string; ink: string; size?: number; nonce?: number }) {\n const r = size / 2 - 8;\n const outline = useMemo(() => circlePath(r, 1.7), [r, nonce]);\n const fill = useMemo(() => scribblePath(r - 3), [r, nonce]);\n return (\n \n );\n}\n\nexport function Squiggle({ width = 120, color = \"#333\", sw = 2.6, nonce = 0 }: { width?: number; color?: string; sw?: number; nonce?: number }) {\n const d = useMemo(() => squigglePath(width), [width, nonce]);\n return (\n \n );\n}\n\n// hand-drawn marks: polylines on a 24×24 grid, jittered at render time\nconst MARKS: Record = {\n arrow: [[[3, 12], [19, 12]], [[14, 6], [20, 12], [14, 18]]],\n check: [[[4, 13], [9, 18], [20, 5]]],\n star: [[[12, 3], [14.6, 9.2], [21, 9.8], [16.2, 14], [17.8, 20.5], [12, 17], [6.2, 20.5], [7.8, 14], [3, 9.8], [9.4, 9.2], [12, 3]]],\n heart: [[[12, 20], [4.5, 12.5], [3.5, 8], [6.5, 4.5], [10, 5], [12, 8], [14, 5], [17.5, 4.5], [20.5, 8], [19.5, 12.5], [12, 20]]],\n sprout: [[[12, 21], [12, 10]], [[12, 13], [7, 10.5], [5, 5.5], [10, 7], [12, 10]], [[12, 11], [17, 8.5], [19, 3.5], [14, 5], [12, 8]]],\n bolt: [[[13, 2], [6, 13], [11, 13], [9, 22], [18, 10], [13, 10], [13, 2]]],\n};\n\nexport const MARK_NAMES = Object.keys(MARKS);\n\nexport function Mark({ name, color, size = 30, nonce = 0 }: { name: string; color: string; size?: number; nonce?: number }) {\n const paths = useMemo(\n () =>\n (MARKS[name] ?? MARKS.star).map(\n (line) => \"M \" + line.map(([x, y]) => `${x + (Math.random() - 0.5) * 1.3},${y + (Math.random() - 0.5) * 1.3}`).join(\" L \"),\n ),\n [name, nonce],\n );\n return (\n \n );\n}\n",[],[158,200],"5ed06c89-2018-4466-be8c-3888d98f804d",["D",1785192359596],[],[158,33],"d124d481-b3bf-4b10-8d47-040bee3438ed","index.html","13c266be-89ce-11f1-b428-1607ee4eb77e",3,["D",1785165361290],"\n\n\n \n \n slopify — the classics, but worse\n \n \n \n\n\n

\n \n\n\n",[],[158,211],"f94bdd56-7946-4001-89a6-4b88a61aab68","directions.ts","019fa425-873b-728a-b847-5054bbc4115d",["D",1785165350720],"// The three palette directions being riffed on. Each keeps the house DNA\n// (Fullerfont handwriting + wobbly ballpoint strokes) and adds color a\n// different way: colored INK, highlighter WASHES, or colored STROKES.\n\nexport interface Accent {\n name: string;\n hex: string; // light-mode color\n dark: string; // dark-mode color\n role: string;\n}\n\nexport interface Direction {\n id: string;\n name: string;\n tagline: string;\n paper: string;\n paperDark: string;\n ink: string;\n inkDark: string;\n faint: string;\n faintDark: string;\n accents: Accent[];\n /** draw card/button borders in accent colors (felt-tip) */\n colorStrokes: boolean;\n /** translucent highlighter washes behind text (highlighter) */\n wash: boolean;\n}\n\nexport const DIRECTIONS: Direction[] = [\n {\n id: \"quatro\",\n name: \"quatro\",\n tagline: \"the Bic 4-colour pen: black ink, with blue / red / green doing real jobs\",\n paper: \"#fdfbf4\",\n paperDark: \"#191817\",\n ink: \"#24211d\",\n inkDark: \"#e9e6df\",\n faint: \"#9a938a\",\n faintDark: \"#6f6a63\",\n accents: [\n { name: \"blue\", hex: \"#2049c7\", dark: \"#7f9bff\", role: \"links + primary\" },\n { name: \"red\", hex: \"#d0342c\", dark: \"#ff7a70\", role: \"danger + no\" },\n { name: \"green\", hex: \"#187a3f\", dark: \"#5fce8b\", role: \"success + grow\" },\n { name: \"ink\", hex: \"#24211d\", dark: \"#e9e6df\", role: \"everything else\" },\n ],\n colorStrokes: false,\n wash: false,\n },\n {\n id: \"highlighter\",\n name: \"highlighter\",\n tagline: \"everything stays ink — color arrives as fluorescent swipes behind the words\",\n paper: \"#fffef8\",\n paperDark: \"#1b1b19\",\n ink: \"#232323\",\n inkDark: \"#ececec\",\n faint: \"#a3a39b\",\n faintDark: \"#71716b\",\n accents: [\n { name: \"yellow\", hex: \"#ffe93c\", dark: \"#ffe93c\", role: \"the default mark\" },\n { name: \"pink\", hex: \"#ff87b8\", dark: \"#ff87b8\", role: \"love it\" },\n { name: \"green\", hex: \"#6ee787\", dark: \"#6ee787\", role: \"go\" },\n { name: \"orange\", hex: \"#ffb340\", dark: \"#ffb340\", role: \"careful\" },\n ],\n colorStrokes: false,\n wash: true,\n },\n {\n id: \"felt-tip\",\n name: \"felt-tip\",\n tagline: \"the strokes themselves change pens — cards and marks drawn in marker colors\",\n paper: \"#fbf7ef\",\n paperDark: \"#1c1a20\",\n ink: \"#2a2436\",\n inkDark: \"#efeaf6\",\n faint: \"#9d94a8\",\n faintDark: \"#6e6779\",\n accents: [\n { name: \"purple\", hex: \"#6a3fd6\", dark: \"#a98cff\", role: \"primary\" },\n { name: \"orange\", hex: \"#ee7712\", dark: \"#ffa14d\", role: \"energy\" },\n { name: \"teal\", hex: \"#0d8f8f\", dark: \"#4ecfcb\", role: \"calm\" },\n { name: \"magenta\", hex: \"#d0338f\", dark: \"#ff7ac2\", role: \"play\" },\n ],\n colorStrokes: true,\n wash: false,\n },\n];\n\n/** hex + alpha → rgba() string */\nexport function hexA(hex: string, a: number): string {\n const n = parseInt(hex.slice(1), 16);\n return `rgba(${(n >> 16) & 255}, ${(n >> 8) & 255}, ${n & 255}, ${a})`;\n}\n",[],[158,219],["D",1785165350720],[174,175,176,177],[158],["D",1785165346995],{"_98":97,"_106":102},{"_98":97,"_99":100,"_101":102,"_18":56,"_103":104,"_105":25},{"_13":87,"_32":88,"_44":43,"_89":45,"_90":-5,"_91":-5,"_92":-5,"_93":-5,"_94":-5,"_95":46,"_96":97},"ctx",{"_80":-5,"_126":265,"_266":267,"_268":269,"_270":25,"_271":25,"_272":25,"_273":60,"_274":-5,"_275":-7,"_276":-7,"_277":64,"_278":25,"_279":25,"_280":-5,"_281":25,"_282":25,"_283":25,"_284":-5},"ENV",{"_236":237,"_238":239,"_240":88,"_241":242,"_243":244,"_245":246,"_247":248,"_249":250,"_251":252,"_253":254,"_255":256,"_257":258,"_259":260,"_261":262,"_263":264},"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"]

Diff · v12