ARCADE HUB

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_234":235,"_236":237},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":-7,"_18":19,"_17":-7,"_165":-5,"_20":166,"_22":167,"_168":169,"_170":171,"_25":172,"_24":-5,"_173":174,"_175":176,"_177":50,"_178":179,"_180":73,"_181":-5,"_182":-5,"_183":184},"routes/_app.x.$handle.$name.code.$",{"_11":12,"_13":14,"_15":16,"_17":-7,"_18":19,"_20":21,"_22":23,"_24":-7,"_25":26,"_27":28,"_29":-5,"_30":31,"_32":33,"_34":-5},"handle","myhandel","name","arcade-hub","branchName","main","version","path","","project",{"_35":119,"_13":14,"_37":120,"_48":-5,"_121":50,"_51":52,"_122":52,"_123":124,"_125":126,"_127":128,"_129":66,"_130":73,"_131":-5,"_132":-5,"_133":33,"_55":134,"_135":-5,"_136":-5,"_137":-5,"_138":-5,"_139":140,"_141":140,"_142":143,"_144":143,"_145":143,"_146":140,"_147":140,"_148":149,"_150":151,"_152":153,"_49":50},"tree",[102,103,104,105],"file","contents",[59,60,61,62],"upstream",{"_35":36,"_37":38,"_39":40,"_13":16,"_41":42,"_17":43,"_44":-5,"_45":-5,"_46":47,"_48":-5,"_49":50,"_51":52,"_53":54,"_55":56,"_57":58},"pull","ahead",9,"behind",0,"envVars","id","7a3b261a-4186-11f0-ae9b-76b3cceeab13","createdAt",["D",1749070628054],"updatedAt",["D",1779896149804],"projectId","7a3abcf2-4186-11f0-ae9b-76b3cceeab13",76,"forkedBranchId","forkedBranchVersion","lockfileKey","1779896350378-esm.town_v_templates_basic-html-starter@76-main","deletedAt","isOwned",false,"privacy","public","userHandle","templates","orgId","019aa807-52c2-709c-928b-2029bae9a558","projectName","basic-html-starter",{"_35":96,"_13":97,"_65":98,"_67":-5,"_68":69,"_70":71,"_72":73,"_37":99,"_17":33,"_75":24,"_77":100,"_79":50,"_80":-5,"_18":101},{"_35":90,"_13":91,"_65":92,"_67":-5,"_68":69,"_70":71,"_72":73,"_37":93,"_17":33,"_75":24,"_77":94,"_79":50,"_80":-5,"_18":95},{"_35":82,"_13":83,"_65":84,"_67":-5,"_68":69,"_70":85,"_72":73,"_37":86,"_17":87,"_75":24,"_77":88,"_79":50,"_80":-5,"_18":89},{"_35":63,"_13":64,"_65":66,"_67":-5,"_68":69,"_70":71,"_72":73,"_37":74,"_17":33,"_75":76,"_77":78,"_79":50,"_80":-5,"_18":81},"de482f14-97c9-40a4-ac17-91e1847be55e","main.tsx","fileId","019ed241-3cab-7795-a1a3-f2f11381c435","parentId","branchId","ad098b98-c26c-4ba4-a6e7-037922f4c6a7","branchVersion",1,"latest",true,["D",1781643951221],"fileType","http","content","import { staticHTTPServer } from \"https://esm.town/v/std/utils/index.ts\";\nexport default staticHTTPServer();","deleted","label",[64],"43e3d8c1-584d-40e1-ad76-90bed3cbb601","index.html","019ed241-3cab-7795-a1a3-ed9496bd5873",10,["D",1781648009355],7,"\n\n \n \n \n ARCADE HUB\n \n \n \n \n

\n\n

🎮

\n ARCADE HUB\n

\n \n

\n\n

\n 🎮 Games List: Select any game from the options below\n to play directly inside your browser window.\n

Select a Game

🚗

DRIFT HUNTERS

Racing

❄️

FREEZE NOVA

Action

🛣️

ESCAPE ROAD

Driving

🕹️

CLOUDFRONT GAMES

Arcade

➕

MATH GAMES

Educational

🦕

DINO FUN

Adventure

🐱

CATAPAT SPACE

Action

\n\n

\n \n

\n 🎮\n

Your selected game will load here.

\n\n

\n 🌐 Preview Box: Type in a webpage address below to\n view it. Internal links will automatically stay inside this preview\n framework.\n

Enter Website URL

\n \n \n

\n\n

\n \n \n

\n 🌐\n

Type a link above and click Preview Site to load it.

\n\n

\n 🎵 Music Search: Search for your favorite songs using\n the input box. Click a track from the results to play it instantly in\n the player.\n

\n Search Song Catalog\n

\n \n \n

\n \n Enter search words above to find music.\n

\n\n

\n \n

\n \n\n

🎨 Background Colors

\n \n

\n \n \n \n \n \n

\n \n \n

\n \n\n

✨ Visual Effects

\n ⭐ Moving Starfield Background\n

\n ❄️ Snow Drift Effect\n

\n\n

🗂️ Change Layout Style

Standard Grid

List View

Compact Rows

Large View

\n\n

⚙️ Extra Options

\n 🔁 Auto-load game on click selection\n

\n 📜 Auto-scroll to player window\n

\n 🌐 Loading Mode: Standard\n

\n \n \n\n

Random Fun Fact\n

\n Loading random fun fact text...\n

\n \n

\n \n\n \n \n",[83],"efa012be-3ebd-419e-8d06-5c17bc78f22f","favicon.svg","019ed241-3cab-7795-a1a3-e90afd942e94",["D",1781643951221],"",[91],"0f4cff47-7cb6-47f8-80e1-c3f9b8905067","README.md","019ed241-3cab-7795-a1a3-e6854be05ae3",["D",1781643951221],"# Welcome to Val Town\n\nVal Town is the simplest way to get code running in the cloud.\n\nThis is a basic HTML starter template.\n\n## Picking a starter\n\n| Starter | When to pick it |\n| --- | --- |\n| **[`basic-html-starter`](https://www.val.town/x/templates/basic-html-starter)** *(you're here)* | Static HTML pages. Sprinkle of vanilla JS. No server-side rendering. |\n| [`hono-jsx-starter`](https://www.val.town/x/templates/hono-jsx-starter) | Dynamic server-rendered HTML with JSX. API routes. No React, no SPA. |\n| [`react-hono-starter`](https://www.val.town/x/templates/react-hono-starter) | Client-side React SPA with a Hono API backend. |\n\n## Getting started\n\n1. Click `Remix` on this val to get a copy of it\n2. Click `main.tsx` to view the website\n3. Saves to any file will instantly deploy\n\n### ← main.tsx\n\nThis HTTP server hosts all of the other files in this val.\n\nTo view your site in a new tab, click on the `...` menu of `main.tsx` to copy\nyour live HTTP endpoint.\n\n### ← README.md\n\nThat's this file, where you can tell people what your cool website does and how\nyou built it.\n\n### ← index.html\n\nWhere you'll write the content of your website.\n\n### ← style.css\n\nCSS files add styling rules to your content.\n\n### ← script.js\n\nIf you're feeling fancy you can add interactivity to your site with JavaScript.\n\n### ← favicon.svg\n\nThe icon that shows up in the brower tab. Tip: AIs are pretty good at writing\nSVG favicons.\n\n---\n\nThis template was inspired by https://glitch.new/blank.\n",[97],{"_35":96,"_13":97,"_65":98,"_67":-5,"_68":69,"_70":71,"_72":73,"_37":116,"_17":33,"_75":24,"_77":100,"_79":50,"_80":-5,"_107":117,"_18":118},{"_35":90,"_13":91,"_65":92,"_67":-5,"_68":69,"_70":71,"_72":73,"_37":113,"_17":33,"_75":24,"_77":94,"_79":50,"_80":-5,"_107":114,"_18":115},{"_35":82,"_13":83,"_65":84,"_67":-5,"_68":69,"_70":85,"_72":73,"_37":110,"_17":87,"_75":24,"_77":88,"_79":50,"_80":-5,"_107":111,"_18":112},{"_35":63,"_13":64,"_65":66,"_67":-5,"_68":69,"_70":71,"_72":73,"_37":106,"_17":33,"_75":76,"_77":78,"_79":50,"_80":-5,"_107":108,"_18":109},["D",1781643951221],"children",[],[64],["D",1781648009355],[],[83],["D",1781643951221],[],[91],["D",1781643951221],[],[97],"4a392857-e830-4519-be11-88882876bf63",["D",1781643951221],"legacyEnvVars","httpPrivacy","description","ARCADE HUB - games, website previewer, and music player","imageUrl","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/1e130d76-f5f9-42d2-df67-91517700ff00/square512?exp=1789563599&sig=d7afa252327ad8713d5f0b254c2eaa474abb6e79f42c182c9c400d4ba614fc6c","userId","6d215682-5556-4e7b-9e11-3d6601145b79","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","019ed240-6940-775f-9a67-f668df9d8df1","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_164":160},"org",{"_11":12,"_157":158,"_159":160,"_127":128,"_161":162,"_163":50},"branch",{"_17":85,"_13":16,"_35":69,"_41":119,"_44":36,"_45":43,"_154":52,"_155":42,"_156":56,"_57":14,"_53":12},"forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","displayName","HIHIIHIHIHIHIHIHIH","avatar","https://avatars.githubusercontent.com/u/179263331?v=4","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_35":119,"_13":14,"_37":230,"_48":-5,"_121":50,"_51":52,"_122":52,"_123":124,"_125":126,"_127":128,"_129":66,"_130":73,"_131":-5,"_132":-5,"_133":33,"_55":134,"_135":-5,"_136":-5,"_137":-5,"_138":-5,"_139":140,"_141":140,"_142":143,"_144":143,"_145":143,"_146":140,"_147":140,"_148":231,"_150":232,"_152":233,"_49":50},[218,219,220,221],"files",[218,219,220,221],"counts",{"_209":33,"_210":71,"_211":33,"_34":212,"_213":214},[201,202,203,204],"upstreamProject",{"_35":42,"_13":58,"_123":198,"_125":126,"_51":52,"_148":199},"upstreamBranch",{"_35":36,"_37":196,"_39":197,"_13":16,"_41":42,"_17":43,"_44":-5,"_45":-5,"_46":47,"_48":-5,"_49":50,"_51":52,"_53":54,"_55":56,"_57":58},"emptyEnvVars","flags",[185,186,187,188,189],"hasHttpFiles","grants","orgs","customDomains",{},{"_35":195,"_191":-5},{"_35":194,"_191":-5},{"_35":193,"_191":-5},{"_35":192,"_191":-5},{"_35":190,"_191":-5},"92fe7f93-d9c2-4bc0-9d00-ab41bb1fa616","reporterId","b9df1c76-791a-4a8c-9755-819145ae2139","a24c1de9-2363-426c-b4d6-8da516465035","cda4da3f-8add-4223-a0c7-e4c50220d70b","4905ae74-4a30-4455-a3ca-3062aa6fd568",["D",1749070628054],["D",1779896149804],"Basic HTML starter template based on Glitch's starter",{"_11":54,"_164":200},"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/129cab32-3bd7-4c3e-f39b-f12900c76100/square512?exp=1789563599&sig=a969511699ef574c42d646a130422bcd8ffa020e1e59bd8fb5bde6db2cea72c1",{"_35":96,"_13":97,"_65":98,"_67":-5,"_68":69,"_70":71,"_72":73,"_37":99,"_17":33,"_75":24,"_77":100,"_79":50,"_80":-5,"_18":208},{"_35":90,"_13":91,"_65":92,"_67":-5,"_68":69,"_70":71,"_72":73,"_37":93,"_17":33,"_75":24,"_77":94,"_79":50,"_80":-5,"_18":207},{"_35":82,"_13":83,"_65":84,"_67":-5,"_68":69,"_70":85,"_72":73,"_37":86,"_17":87,"_75":24,"_77":88,"_79":50,"_80":-5,"_18":206},{"_35":63,"_13":64,"_65":66,"_67":-5,"_68":69,"_70":71,"_72":73,"_37":74,"_17":33,"_75":76,"_77":78,"_79":50,"_80":-5,"_18":205},[64],[83],[91],[97],"pulls","branches","forks",{"_215":33,"_217":33},"connections",{"_215":33,"_216":33},"count","unfilledCount","emptyCount",{"_35":96,"_13":97,"_65":98,"_67":-5,"_68":69,"_70":71,"_72":73,"_37":116,"_17":33,"_75":24,"_77":100,"_79":50,"_80":-5,"_107":228,"_18":229},{"_35":90,"_13":91,"_65":92,"_67":-5,"_68":69,"_70":71,"_72":73,"_37":113,"_17":33,"_75":24,"_77":94,"_79":50,"_80":-5,"_107":226,"_18":227},{"_35":82,"_13":83,"_65":84,"_67":-5,"_68":69,"_70":85,"_72":73,"_37":110,"_17":87,"_75":24,"_77":88,"_79":50,"_80":-5,"_107":224,"_18":225},{"_35":63,"_13":64,"_65":66,"_67":-5,"_68":69,"_70":71,"_72":73,"_37":106,"_17":33,"_75":76,"_77":78,"_79":50,"_80":-5,"_107":222,"_18":223},[],[64],[],[83],[],[91],[],[97],["D",1781643951221],{"_11":12,"_164":160},{"_11":12,"_157":158,"_159":160,"_127":128,"_161":162,"_163":50},{"_17":85,"_13":16,"_35":69,"_41":119,"_44":36,"_45":43,"_154":52,"_155":42,"_156":56,"_57":14,"_53":12},"ctx",{"_148":-5,"_182":267,"_268":269,"_270":271,"_272":50,"_273":50,"_274":50,"_275":73,"_276":-5,"_277":-7,"_278":-7,"_279":33,"_280":50,"_281":50,"_282":-5,"_283":50,"_284":50,"_285":50,"_286":-5},"ENV",{"_238":239,"_240":241,"_242":16,"_243":244,"_245":246,"_247":248,"_249":250,"_251":252,"_253":254,"_255":256,"_257":258,"_259":260,"_261":262,"_263":264,"_265":266},"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"]

Code