[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_233":234,"_235":236},"routes/_app.x.$handle.$name",{"_107":106,"_38":50,"_115":93,"_33":116,"_13":14,"_117":-5,"_11":118,"_119":120,"_121":122,"_123":124,"_125":126,"_26":-5,"_127":128,"_129":130,"_131":31,"_132":133,"_134":65,"_135":-5,"_136":-5,"_137":138},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":-5},"project",{"_48":49,"_38":50,"_43":51,"_52":-5,"_53":31,"_54":55,"_56":55,"_57":58,"_59":60,"_19":61,"_62":63,"_64":65,"_66":-5,"_67":-5,"_68":69,"_70":71,"_72":-5,"_73":-5,"_74":-5,"_75":-5,"_76":77,"_78":77,"_79":80,"_81":80,"_82":80,"_83":77,"_84":77,"_85":86,"_87":88,"_89":90,"_91":31},"version",3,"changes",[25],"aiChatInfo",{"_20":21,"_22":-5,"_23":-5,"_24":-5},"userId","aiChatMessageId","7629ae3d-c0ed-4300-842e-ce2aeabee2f3","aiChatThreadId","aiChatThreadUserId","aiChatThreadTitle",{"_26":27,"_28":29,"_30":31,"_32":31,"_33":34,"_35":34},"file",{"_36":37,"_38":34,"_39":26,"_40":42,"_43":44,"_45":14,"_46":47,"_30":31},"previous",{"_36":37,"_38":34,"_39":26,"_40":41},"deleted",false,"deletedHere","path","style.css","latestPath","fileId","019f14e7-768b-71ba-9a9d-20e13b59c8ce","name","fileType","content","/* CSS files add styling rules to your content */\n\nbody {\n font-family: Arial, sans-serif;\n margin: 2em;\n}\n\nh1 {\n font-style: italic;\n color: #373fff;\n}","/* The hottest dance floor on the internet */\n\nbody {\n margin: 0;\n min-height: 100vh;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n font-family: system-ui, sans-serif;\n overflow-x: hidden;\n background: linear-gradient(135deg, #1a0033, #0d1b2a, #1b0033);\n background-size: 200% 200%;\n animation: bg-shift 8s ease infinite;\n}\n\n@keyframes bg-shift {\n 0%, 100% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n}\n\nh1 {\n font-size: clamp(1.5rem, 5vw, 3rem);\n color: #fff;\n text-shadow: 0 0 20px #ff00ff, 0 0 40px #00ffff;\n margin: 1rem 0 0.5rem;\n text-align: center;\n z-index: 2;\n}\n\n/* Disco ball */\n#disco-ball {\n position: fixed;\n top: 30px;\n left: 50%;\n transform: translateX(-50%);\n font-size: 4rem;\n z-index: 3;\n animation: spin 3s linear infinite, bob 2s ease-in-out infinite alternate;\n filter: drop-shadow(0 0 15px rgba(255, 255, 255, 0.8));\n}\n\n@keyframes spin {\n from { transform: translateX(-50%) rotateY(0deg); }\n to { transform: translateX(-50%) rotateY(360deg); }\n}\n\n@keyframes bob {\n from { margin-top: 0; }\n to { margin-top: 10px; }\n}\n\n/* Disco light rays */\nbody::before {\n content: \"\";\n position: fixed;\n top: 0; left: 0;\n width: 100%; height: 100%;\n background:\n radial-gradient(circle at 20% 50%, rgba(255, 0, 128, 0.15), transparent 40%),\n radial-gradient(circle at 80% 50%, rgba(0, 255, 255, 0.15), transparent 40%),\n radial-gradient(circle at 50% 80%, rgba(255, 255, 0, 0.1), transparent 40%);\n pointer-events: none;\n z-index: 0;\n}\n\n/* Dance floor */\n#dance-floor {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 1rem;\n max-width: 900px;\n min-height: 300px;\n padding: 2rem;\n z-index: 1;\n}\n\n.dancer {\n font-size: clamp(2rem, 6vw, 4rem);\n animation: dance 0.6s ease-in-out infinite alternate;\n transition: transform 0.3s;\n cursor: pointer;\n user-select: none;\n display: inline-block;\n}\n\n.dancer:nth-child(3n) { animation-duration: 0.8s; animation-name: dance2; }\n.dancer:nth-child(3n+1) { animation-duration: 0.5s; animation-name: dance3; }\n.dancer:nth-child(4n) { animation-delay: 0.2s; }\n.dancer:nth-child(5n) { animation-delay: 0.1s; animation-name: dance2; }\n\n.dancer:hover {\n animation-play-state: paused;\n transform: scale(1.5) rotate(15deg);\n}\n\n@keyframes dance {\n 0% { transform: translateY(0) rotate(-5deg) scale(1); }\n 100% { transform: translateY(-30px) rotate(5deg) scale(1.1); }\n}\n\n@keyframes dance2 {\n 0% { transform: translateY(0) rotate(10deg) scaleX(1) scaleY(1); }\n 50% { transform: translateY(-15px) rotate(-10deg) scaleX(1.1) scaleY(0.9); }\n 100% { transform: translateY(-25px) rotate(15deg) scaleX(0.9) scaleY(1.1); }\n}\n\n@keyframes dance3 {\n 0% { transform: translateY(0) skewX(0deg); }\n 100% { transform: translateY(-20px) skewX(-10deg); }\n}\n\n/* Now playing marquee */\n#marquee {\n color: #ff00ff;\n font-size: 1.1rem;\n white-space: nowrap;\n overflow: hidden;\n width: 100%;\n max-width: 600px;\n text-shadow: 0 0 10px #ff00ff;\n margin: 1rem 0;\n z-index: 2;\n}\n\n#marquee {\n display: inline-block;\n animation: marquee 15s linear infinite;\n}\n\n@keyframes marquee {\n from { transform: translateX(100%); }\n to { transform: translateX(-100%); }\n}\n\n/* Controls */\n#controls {\n display: flex;\n flex-wrap: wrap;\n gap: 0.75rem;\n justify-content: center;\n padding: 1rem;\n z-index: 2;\n}\n\n#controls button {\n background: linear-gradient(135deg, #ff00ff, #00ffff);\n border: none;\n border-radius: 12px;\n padding: 0.6rem 1.2rem;\n font-size: 1rem;\n font-weight: bold;\n color: #1a0033;\n cursor: pointer;\n transition: transform 0.2s, box-shadow 0.2s;\n box-shadow: 0 4px 15px rgba(255, 0, 255, 0.4);\n}\n\n#controls button:hover {\n transform: translateY(-2px) scale(1.05);\n box-shadow: 0 6px 20px rgba(0, 255, 255, 0.5);\n}\n\n#controls button:active {\n transform: translateY(0) scale(0.98);\n}\n\n/* Responsive */\n@media (max-width: 600px) {\n #disco-ball { font-size: 2.5rem; }\n #dance-floor { padding: 1rem; gap: 0.5rem; }\n}\n","createdAt",["D",1782762168440],"branchVersion","branchId","79a0015c-0747-456d-9138-c7d3d579ff85","id","2d45d58e-33f5-4780-b011-5eabb9301966","dance",["D",1782762141230],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Dancing emoji on a lit dance floor!","imageUrl","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/1e130d76-f5f9-42d2-df67-91517700ff00/square512?exp=1789563599&sig=d7afa252327ad8713d5f0b254c2eaa474abb6e79f42c182c9c400d4ba614fc6c","19892fed-baf3-41fb-a5cc-96c80e95edec","pinnedFileId","019f14e7-768b-71ba-9a9d-1afb63b34e81","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","f407f111-fdbb-4126-923f-44aed4d9e9ad","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_107":106,"_114":110},"org",{"_107":106,"_108":-5,"_109":110,"_19":61,"_111":112,"_113":31},"branch",{"_13":92,"_38":93,"_48":47,"_94":49,"_95":96,"_97":98,"_99":55,"_100":101,"_102":103,"_104":50,"_105":106},"isOwned",6,"main","projectId","forkedBranchId","7a3b261a-4186-11f0-ae9b-76b3cceeab13","forkedBranchVersion",76,"forkedProjectPrivacy","forkedProjectId","7a3abcf2-4186-11f0-ae9b-76b3cceeab13","forkedProjectOrgId","019aa807-52c2-709c-928b-2029bae9a558","projectName","userHandle","tmcw","handle","displayName","avatar","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/7935dc1b-7699-4095-366a-2e9103307501/square512?exp=1789563599&sig=9240ff6f40b845f72b3455d4deec8ae4ff083f718361cbe7452e762847923218","tier","pro","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_48":49,"_38":50,"_43":229,"_52":-5,"_53":31,"_54":55,"_56":55,"_57":58,"_59":60,"_19":61,"_62":63,"_64":65,"_66":-5,"_67":-5,"_68":69,"_70":71,"_72":-5,"_73":-5,"_74":-5,"_75":-5,"_76":77,"_78":77,"_79":80,"_81":80,"_82":80,"_83":77,"_84":77,"_85":230,"_87":231,"_89":232,"_91":31},"tree",[204,205,206,207,208,209],"files",[204,205,206,207,208,209],"counts",{"_194":69,"_195":159,"_196":69,"_197":198,"_199":200},"contents",[149,150,151,152,153,154],"upstreamProject",{"_48":101,"_38":145,"_57":146,"_59":60,"_54":55,"_85":147},"upstreamBranch",{"_48":96,"_43":139,"_140":141,"_38":93,"_94":101,"_13":98,"_95":-5,"_97":-5,"_142":143,"_52":-5,"_91":31,"_54":55,"_105":144,"_70":103,"_104":145},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1749070628054],"updatedAt",["D",1779896149804],"lockfileKey","1779896350378-esm.town_v_templates_basic-html-starter@76-main","templates","basic-html-starter","Basic HTML starter template based on Glitch's starter",{"_107":144,"_114":148},"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/129cab32-3bd7-4c3e-f39b-f12900c76100/square512?exp=1789563599&sig=a969511699ef574c42d646a130422bcd8ffa020e1e59bd8fb5bde6db2cea72c1",{"_48":188,"_38":189,"_36":190,"_156":-5,"_46":47,"_45":159,"_157":31,"_43":191,"_13":69,"_39":26,"_40":192,"_30":31,"_160":-5,"_33":193},{"_48":182,"_38":183,"_36":184,"_156":-5,"_46":47,"_45":159,"_157":31,"_43":185,"_13":69,"_39":26,"_40":186,"_30":31,"_160":-5,"_33":187},{"_48":175,"_38":176,"_36":177,"_156":-5,"_46":47,"_45":178,"_157":65,"_43":179,"_13":159,"_39":26,"_40":180,"_30":31,"_160":-5,"_33":181},{"_48":169,"_38":170,"_36":63,"_156":-5,"_46":47,"_45":159,"_157":65,"_43":171,"_13":69,"_39":172,"_40":173,"_30":31,"_160":-5,"_33":174},{"_48":162,"_38":163,"_36":164,"_156":-5,"_46":47,"_45":159,"_157":31,"_43":165,"_13":69,"_39":166,"_40":167,"_30":31,"_160":-5,"_33":168},{"_48":155,"_38":34,"_36":37,"_156":-5,"_46":47,"_45":14,"_157":65,"_43":158,"_13":159,"_39":26,"_40":42,"_30":31,"_160":-5,"_33":161},"2d97e04c-f2f8-4b22-9d46-681c411f473d","parentId","latest",["D",1782762168440],1,"label",[34],"1f0aa135-02bd-45aa-b25d-88fe58987277","script.js","019f14e7-768b-71ba-9a9d-1c16bbbff930",["D",1782762141230],"script","/* If you're feeling fancy you can add interactivity\n to your site with Javascript.\n Note: TypeScript won't work in this file. */\n\n// prints \"hi\" in the browser's dev tools console\nconsole.log(\"hi\");",[163],"7912a51a-d00b-475e-8f08-72348e5b5416","main.tsx",["D",1782762141230],"http","import { staticHTTPServer } from \"https://esm.town/v/std/utils/index.ts\";\nexport default staticHTTPServer();",[170],"428bb1d2-7256-4f82-beaa-7e2392fd1b4c","index.html","019f14e7-768b-71ba-9a9d-15d68e9b2864",2,["D",1782762150625],"\n\n \n 🕺 Dance Floor 🕺\n \n \n \n \n \n \n \n \n

🪩

Let's Dance! 🕺💃

🎵 🎶 🎵 Now Playing: The Val Town Shuffle 🎵 🎶 🎵

\n \n \n \n \n

\n \n\n",[176],"baca5710-e6cc-4af6-9f79-fd47bb6dc0bb","favicon.svg","019f14e7-768b-71ba-9a9d-10536590d80e",["D",1782762141230],"",[183],"883cf75e-32b6-4b36-86c1-74449cd4e876","README.md","019f14e7-768a-707d-9da4-f8450a466fb5",["D",1782762141230],"# 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",[189],"pulls","branches","forks","envVars",{"_201":69,"_203":69},"connections",{"_201":69,"_202":69},"count","unfilledCount","emptyCount",{"_48":188,"_38":189,"_36":190,"_156":-5,"_46":47,"_45":159,"_157":31,"_43":226,"_13":69,"_39":26,"_40":192,"_30":31,"_160":-5,"_211":227,"_33":228},{"_48":182,"_38":183,"_36":184,"_156":-5,"_46":47,"_45":159,"_157":31,"_43":223,"_13":69,"_39":26,"_40":186,"_30":31,"_160":-5,"_211":224,"_33":225},{"_48":175,"_38":176,"_36":177,"_156":-5,"_46":47,"_45":178,"_157":65,"_43":220,"_13":159,"_39":26,"_40":180,"_30":31,"_160":-5,"_211":221,"_33":222},{"_48":169,"_38":170,"_36":63,"_156":-5,"_46":47,"_45":159,"_157":65,"_43":217,"_13":69,"_39":172,"_40":173,"_30":31,"_160":-5,"_211":218,"_33":219},{"_48":162,"_38":163,"_36":164,"_156":-5,"_46":47,"_45":159,"_157":31,"_43":214,"_13":69,"_39":166,"_40":167,"_30":31,"_160":-5,"_211":215,"_33":216},{"_48":155,"_38":34,"_36":37,"_156":-5,"_46":47,"_45":14,"_157":65,"_43":210,"_13":159,"_39":26,"_40":42,"_30":31,"_160":-5,"_211":212,"_33":213},["D",1782762168440],"children",[],[34],["D",1782762141230],[],[163],["D",1782762141230],[],[170],["D",1782762150625],[],[176],["D",1782762141230],[],[183],["D",1782762141230],[],[189],["D",1782762141230],{"_107":106,"_114":110},{"_107":106,"_108":-5,"_109":110,"_19":61,"_111":112,"_113":31},{"_13":92,"_38":93,"_48":47,"_94":49,"_95":96,"_97":98,"_99":55,"_100":101,"_102":103,"_104":50,"_105":106},"ctx",{"_85":-5,"_136":266,"_267":268,"_269":270,"_271":31,"_272":31,"_273":31,"_274":65,"_275":-5,"_276":-7,"_277":-7,"_278":69,"_279":31,"_280":31,"_281":-5,"_282":31,"_283":31,"_284":31,"_285":-5},"ENV",{"_237":238,"_239":240,"_241":93,"_242":243,"_244":245,"_246":247,"_248":249,"_250":251,"_252":253,"_254":255,"_256":257,"_258":259,"_260":261,"_262":263,"_264":265},"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 · v3