Card Deck with Focus Spread

\n\n

\n \n \n

\n \n

\n\n \n \n \n \n\n\n",[],[223],{"_107":231,"_99":232,"_151":233,"_153":-5,"_154":140,"_155":94,"_157":121,"_109":234,"_104":172,"_159":173,"_161":235,"_162":27,"_163":-5,"_164":236,"_102":237},"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",[],[232],{"_107":239,"_99":240,"_151":241,"_153":-5,"_154":140,"_155":242,"_157":121,"_109":243,"_104":172,"_159":173,"_161":244,"_162":27,"_163":-5,"_164":245,"_102":246},"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!\");",[],[240],{"_107":248,"_99":249,"_151":119,"_153":-5,"_154":140,"_155":123,"_157":121,"_109":250,"_104":251,"_159":252,"_161":253,"_162":27,"_163":-5,"_164":254,"_102":255},"eee6cc40-0b25-11f0-8959-569c3dd06744","server",["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// }",[],[249],{"_107":257,"_99":258,"_151":259,"_153":-5,"_154":140,"_155":251,"_157":121,"_109":260,"_104":172,"_159":173,"_161":261,"_162":27,"_163":-5,"_164":262,"_102":263},"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}",[],[258],"files",[148,166,177,186,196,203,211,221,230,238,247,256],"counts",{"_268":33,"_269":172,"_270":33,"_271":33},"pulls","branches","forks","envVars","contents",[],{"_107":167,"_99":168,"_151":169,"_153":152,"_154":140,"_155":170,"_157":121,"_109":275,"_104":172,"_159":173,"_161":174,"_162":27,"_163":-5,"_102":276},["D",1743091662318],[150,168],"upstream","screenshots",{"_280":281,"_282":283},"thumbnail","https://screenshots.valtown.net/screenshot.png?width=1024&height=768&version=28&url=https%3A%2F%2Fyawnxyz--6e09da000b2411f0bfbc569c3dd06744.web.val.run","preview","https://screenshots.valtown.net/screenshot.png?width=1920&height=1080&version=28&url=https%3A%2F%2Fyawnxyz--6e09da000b2411f0bfbc569c3dd06744.web.val.run","emptyEnvVars","routes/_app.x.$handle.$name.code.$",{"_97":98,"_99":100,"_101":43,"_104":-7,"_102":103,"_105":287,"_146":291,"_264":328,"_173":329,"_272":331,"_277":-5,"_332":27,"_333":-5},{"_107":108,"_99":100,"_109":288,"_111":-5,"_112":27,"_113":114,"_115":-5,"_116":-5,"_12":117,"_118":119,"_120":121,"_122":123,"_124":33,"_125":126,"_127":126,"_128":129,"_130":129,"_131":129,"_132":126,"_133":27,"_21":289,"_137":290},["D",1743023426975],{"_97":98,"_135":136},{"_104":139,"_99":43,"_107":140,"_141":108,"_142":-5,"_143":-5,"_144":-5,"_145":-5},[292,304,313,316,319,322,325],{"_107":149,"_99":150,"_151":152,"_153":-5,"_154":140,"_155":156,"_157":121,"_109":158,"_104":33,"_159":160,"_161":-5,"_162":27,"_163":-5,"_164":293,"_102":303},[294,297,300],{"_107":167,"_99":168,"_151":169,"_153":152,"_154":140,"_155":170,"_157":121,"_109":171,"_104":172,"_159":173,"_161":174,"_162":27,"_163":-5,"_164":295,"_102":296},[],[150,168],{"_107":178,"_99":179,"_151":180,"_153":152,"_154":140,"_155":181,"_157":121,"_109":182,"_104":172,"_159":173,"_161":183,"_162":27,"_163":-5,"_164":298,"_102":299},[],[150,179],{"_107":187,"_99":188,"_151":189,"_153":152,"_154":140,"_155":190,"_157":121,"_109":191,"_104":172,"_159":173,"_161":192,"_162":27,"_163":-5,"_164":301,"_102":302},[],[150,188],[150],{"_107":197,"_99":198,"_151":199,"_153":-5,"_154":140,"_155":200,"_157":121,"_109":201,"_104":33,"_159":160,"_161":-5,"_162":27,"_163":-5,"_164":305,"_102":312},[306,309],{"_107":204,"_99":205,"_151":206,"_153":199,"_154":140,"_155":139,"_157":121,"_109":207,"_104":94,"_159":173,"_161":208,"_162":27,"_163":-5,"_164":307,"_102":308},[],[198,205],{"_107":212,"_99":213,"_151":214,"_153":199,"_154":140,"_155":215,"_157":121,"_109":216,"_104":172,"_159":173,"_161":217,"_162":27,"_163":-5,"_164":310,"_102":311},[],[198,213],[198],{"_107":222,"_99":223,"_151":224,"_153":-5,"_154":140,"_155":225,"_157":121,"_109":226,"_104":94,"_159":173,"_161":227,"_162":27,"_163":-5,"_164":314,"_102":315},[],[223],{"_107":231,"_99":232,"_151":233,"_153":-5,"_154":140,"_155":94,"_157":121,"_109":234,"_104":172,"_159":173,"_161":235,"_162":27,"_163":-5,"_164":317,"_102":318},[],[232],{"_107":239,"_99":240,"_151":241,"_153":-5,"_154":140,"_155":242,"_157":121,"_109":243,"_104":172,"_159":173,"_161":244,"_162":27,"_163":-5,"_164":320,"_102":321},[],[240],{"_107":248,"_99":249,"_151":119,"_153":-5,"_154":140,"_155":123,"_157":121,"_109":250,"_104":251,"_159":252,"_161":253,"_162":27,"_163":-5,"_164":323,"_102":324},[],[249],{"_107":257,"_99":258,"_151":259,"_153":-5,"_154":140,"_155":251,"_157":121,"_109":260,"_104":172,"_159":173,"_161":261,"_162":27,"_163":-5,"_164":326,"_102":327},[],[258],[292,294,297,300,304,306,309,313,316,319,322,325],{"_107":167,"_99":168,"_151":169,"_153":152,"_154":140,"_155":170,"_157":121,"_109":275,"_104":172,"_159":173,"_161":174,"_162":27,"_163":-5,"_102":330},[150,168],[],"showCompareCallout","pull","routes/_app","actionData","errors"]