Card Deck with Focus Spread

\n\n

\n \n \n

\n \n

\n\n \n \n \n \n\n\n",[],[229],{"_104":238,"_95":239,"_156":240,"_158":-5,"_159":141,"_160":233,"_162":118,"_106":241,"_100":177,"_164":178,"_166":242,"_167":22,"_168":-5,"_169":243,"_98":244},"57fa5924-0b24-11f0-97e0-569c3dd06744","index.html","56e0d45a-0b24-11f0-8061-569c3dd06744",["D",1743091117111],"\n\n\n Hono Val Town Demo\n \n\n\n

Hello from Hono on Val Town!

This content is from index.html.

\n \n \n\n",[],[239],{"_104":246,"_95":247,"_156":248,"_158":-5,"_159":141,"_160":249,"_162":118,"_106":250,"_100":177,"_164":178,"_166":251,"_167":22,"_168":-5,"_169":252,"_98":253},"6785abf0-0b24-11f0-bfbc-569c3dd06744","script.js","666ad6aa-0b24-11f0-a5bf-569c3dd06744",6,["D",1743091143193],"document.getElementById('myButton').addEventListener('click', () => {\n alert('Button clicked! This alert comes from script.js.');\n});\n\nconsole.log(\"Script loaded!\");",[],[247],{"_104":255,"_95":99,"_156":116,"_158":-5,"_159":141,"_160":101,"_162":118,"_106":256,"_100":257,"_164":258,"_166":259,"_167":22,"_168":-5,"_169":260,"_98":261},"eee6cc40-0b25-11f0-8959-569c3dd06744",["D",1743091799817],4,"http","import { Hono } from \"npm:hono\";\n// Use the provided readFile utility for Val Town compatibility\nimport { readFile } from \"https://esm.town/v/std/utils@79-main/index.ts\";\n// Needed for local deno run if using .env, not strictly required here but good practice\nimport \"jsr:@std/dotenv/load\";\n\nconst app = new Hono();\n\n// Helper function to read files relative to the current module\nconst readAsset = (path: string) => readFile(path, import.meta.url);\n\n// --- Define lists of assets ---\nconst cssFiles = [\"./css/baraja.css\", \"./css/custom.css\", \"./css/demo.css\"];\nconst jsFiles = [\"./js/jquery.baraja.js\", \"./js/modernizr.custom.79639.js\"];\n// --- End asset lists ---\n\napp.get(\"/\", async (c) => {\n try {\n // --- Read HTML template ---\n const htmlContent = await readAsset(\"./baraja.html\");\n // --- End Read HTML ---\n\n // --- Read and combine CSS files ---\n const cssPromises = cssFiles.map(readAsset);\n const cssContents = await Promise.all(cssPromises);\n const combinedCss = cssContents.join(\"\\n\\n/* --- Next CSS File --- */\\n\\n\");\n // --- End CSS processing ---\n\n // --- Read and combine JS files ---\n const jsPromises = jsFiles.map(readAsset);\n const jsContents = await Promise.all(jsPromises);\n const combinedJs = jsContents.join(\"\\n\\n// --- Next JS File --- //\\n\\n\");\n // --- End JS processing ---\n\n\n // Assemble the final HTML\n // Inject CSS into the \n let finalHtml = htmlContent.replace(\n \"\",\n // Add combined CSS within style tags\n \"\",\n );\n // Inject JS before the closing tag\n finalHtml = finalHtml.replace(\n \"\",\n // Add combined JS within script tags\n // Note: No template literals `${}` inside the script tag string\n \"\",\n );\n\n return c.html(finalHtml);\n } catch (error) {\n console.error(\"Error reading assets:\", error);\n return c.text(\"Error loading page assets.\", 500);\n }\n});\n\n// Add more routes here if needed\n// app.get(\"/about\", async (c) => { ... });\n\n// Export app.fetch for Val Town, otherwise export app\nexport default (typeof Deno !== \"undefined\" && Deno.env.get(\"valtown\"))\n ? app.fetch\n : app;\n\n// For local testing with Deno:\n// if (import.meta.main) {\n// Deno.serve(app.fetch);\n// console.log(\"Server running on http://localhost:8000\");\n// }",[],[99],{"_104":263,"_95":264,"_156":265,"_158":-5,"_159":141,"_160":257,"_162":118,"_106":266,"_100":177,"_164":178,"_166":267,"_167":22,"_168":-5,"_169":268,"_98":269},"61d47862-0b24-11f0-95fa-569c3dd06744","style.css","5e9e627a-0b24-11f0-ae7b-569c3dd06744",["D",1743091133644],"body {\n font-family: sans-serif;\n background-color: #f0f0f0;\n}\n\nh1 {\n color: navy;\n}\n\nbutton {\n padding: 10px 15px;\n cursor: pointer;\n}",[],[264],"files",[153,171,182,191,201,208,217,227,237,245,254,262],"counts",{"_274":32,"_275":177,"_276":32,"_277":278},"pulls","branches","forks","envVars",{"_279":32,"_280":32},"count","emptyCount","contents",[],{"_104":255,"_95":99,"_156":116,"_158":-5,"_159":141,"_160":101,"_162":118,"_106":284,"_100":257,"_164":258,"_166":259,"_167":22,"_168":-5,"_98":285},["D",1743091799817],[99],"upstreamProject","upstreamBranch","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.branch.$branch.version.$version.code.$",{"_93":94,"_95":96,"_97":43,"_100":101,"_98":99,"_102":294,"_151":299,"_270":336,"_178":337,"_281":339,"_340":-5,"_341":-5,"_342":-5,"_343":-5,"_344":345},{"_104":105,"_95":96,"_106":295,"_108":-5,"_109":22,"_110":111,"_112":-5,"_113":-5,"_14":114,"_115":116,"_117":118,"_119":-5,"_120":101,"_121":32,"_16":122,"_123":124,"_125":124,"_126":127,"_128":127,"_129":127,"_130":124,"_131":124,"_23":296,"_135":297,"_138":298,"_150":22},["D",1743023426975],{"_93":94,"_133":134},{"_93":94,"_137":134,"_14":114},{"_100":140,"_95":43,"_104":141,"_142":105,"_143":-5,"_144":-5,"_145":-5,"_146":-5,"_147":-5,"_148":96,"_149":94},[300,312,321,324,327,330,333],{"_104":154,"_95":155,"_156":157,"_158":-5,"_159":141,"_160":161,"_162":118,"_106":163,"_100":32,"_164":165,"_166":-5,"_167":22,"_168":-5,"_169":301,"_98":311},[302,305,308],{"_104":172,"_95":173,"_156":174,"_158":157,"_159":141,"_160":175,"_162":118,"_106":176,"_100":177,"_164":178,"_166":179,"_167":22,"_168":-5,"_169":303,"_98":304},[],[155,173],{"_104":183,"_95":184,"_156":185,"_158":157,"_159":141,"_160":186,"_162":118,"_106":187,"_100":177,"_164":178,"_166":188,"_167":22,"_168":-5,"_169":306,"_98":307},[],[155,184],{"_104":192,"_95":193,"_156":194,"_158":157,"_159":141,"_160":195,"_162":118,"_106":196,"_100":177,"_164":178,"_166":197,"_167":22,"_168":-5,"_169":309,"_98":310},[],[155,193],[155],{"_104":202,"_95":203,"_156":204,"_158":-5,"_159":141,"_160":205,"_162":118,"_106":206,"_100":32,"_164":165,"_166":-5,"_167":22,"_168":-5,"_169":313,"_98":320},[314,317],{"_104":209,"_95":210,"_156":211,"_158":204,"_159":141,"_160":212,"_162":22,"_106":213,"_100":177,"_164":178,"_166":214,"_167":22,"_168":-5,"_169":315,"_98":316},[],[203,210],{"_104":218,"_95":219,"_156":220,"_158":204,"_159":141,"_160":221,"_162":118,"_106":222,"_100":177,"_164":178,"_166":223,"_167":22,"_168":-5,"_169":318,"_98":319},[],[203,219],[203],{"_104":228,"_95":229,"_156":230,"_158":-5,"_159":141,"_160":231,"_162":118,"_106":232,"_100":233,"_164":178,"_166":234,"_167":22,"_168":-5,"_169":322,"_98":323},[],[229],{"_104":238,"_95":239,"_156":240,"_158":-5,"_159":141,"_160":233,"_162":118,"_106":241,"_100":177,"_164":178,"_166":242,"_167":22,"_168":-5,"_169":325,"_98":326},[],[239],{"_104":246,"_95":247,"_156":248,"_158":-5,"_159":141,"_160":249,"_162":118,"_106":250,"_100":177,"_164":178,"_166":251,"_167":22,"_168":-5,"_169":328,"_98":329},[],[247],{"_104":255,"_95":99,"_156":116,"_158":-5,"_159":141,"_160":101,"_162":118,"_106":256,"_100":257,"_164":258,"_166":259,"_167":22,"_168":-5,"_169":331,"_98":332},[],[99],{"_104":263,"_95":264,"_156":265,"_158":-5,"_159":141,"_160":257,"_162":118,"_106":266,"_100":177,"_164":178,"_166":267,"_167":22,"_168":-5,"_169":334,"_98":335},[],[264],[300,302,305,308,312,314,317,321,324,327,330,333],{"_104":255,"_95":99,"_156":116,"_158":-5,"_159":141,"_160":101,"_162":118,"_106":284,"_100":257,"_164":258,"_166":259,"_167":22,"_168":-5,"_98":338},[99],[],"upstream","pull","ahead","behind","templates",[],"actionData","errors"]

yawnxyz

tomasoHousingThing