[{"_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",{"_107":106,"_38":50,"_116":93,"_33":117,"_13":14,"_118":-5,"_11":119,"_120":121,"_122":123,"_124":125,"_126":127,"_26":-5,"_128":129,"_130":131,"_132":31,"_133":134,"_135":65,"_136":-5,"_137":-5,"_138":139},"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","3e4ef27b-58bb-485e-9ac7-b891945c32a0","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","019ed141-221e-77f7-bb96-649306e8741d","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}",":root {\n --bg: #05010f;\n --ink: #f4f1ff;\n --muted: #9a8fd0;\n --accent: #b98bff;\n --accent-2: #6ad7ff;\n}\n\n* { box-sizing: border-box; }\n\nhtml, body {\n margin: 0;\n height: 100%;\n}\n\nbody {\n min-height: 100vh;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 2rem;\n padding: 2rem 1.25rem;\n font-family: \"Georgia\", \"Times New Roman\", serif;\n color: var(--ink);\n background:\n radial-gradient(1200px 600px at 50% -10%, #2a1259 0%, transparent 60%),\n radial-gradient(900px 500px at 110% 120%, #0d2a4a 0%, transparent 55%),\n var(--bg);\n overflow: hidden;\n}\n\n#stars {\n position: fixed;\n inset: 0;\n width: 100%;\n height: 100%;\n z-index: 0;\n pointer-events: none;\n}\n\n.card {\n position: relative;\n z-index: 1;\n width: min(640px, 92vw);\n padding: 2.5rem 2rem 2rem;\n text-align: center;\n background: rgba(20, 10, 45, 0.55);\n border: 1px solid rgba(185, 139, 255, 0.25);\n border-radius: 20px;\n backdrop-filter: blur(10px);\n box-shadow: 0 30px 80px rgba(0, 0, 0, 0.55), inset 0 0 60px rgba(106, 215, 255, 0.05);\n}\n\n.eyebrow {\n margin: 0 0 0.5rem;\n font-family: \"Courier New\", monospace;\n letter-spacing: 0.35em;\n font-size: 0.7rem;\n color: var(--muted);\n}\n\nh1 {\n margin: 0 0 1.5rem;\n font-size: clamp(1.8rem, 5vw, 2.6rem);\n font-weight: 400;\n background: linear-gradient(90deg, var(--accent), var(--accent-2));\n -webkit-background-clip: text;\n background-clip: text;\n color: transparent;\n text-shadow: 0 0 30px rgba(185, 139, 255, 0.25);\n}\n\n#fortune {\n margin: 0 auto 2rem;\n max-width: 36ch;\n min-height: 4.5rem;\n font-size: clamp(1.15rem, 3.2vw, 1.5rem);\n line-height: 1.5;\n font-style: italic;\n color: var(--ink);\n transition: opacity 0.3s ease, transform 0.3s ease;\n}\n\n#fortune.swap {\n opacity: 0;\n transform: translateY(8px);\n}\n\nbutton {\n display: inline-flex;\n align-items: center;\n gap: 0.7rem;\n margin: 0 auto;\n padding: 0.85rem 1.6rem;\n font-family: \"Courier New\", monospace;\n font-size: 0.95rem;\n letter-spacing: 0.05em;\n color: var(--ink);\n cursor: pointer;\n background: linear-gradient(135deg, rgba(185, 139, 255, 0.25), rgba(106, 215, 255, 0.18));\n border: 1px solid rgba(185, 139, 255, 0.5);\n border-radius: 999px;\n transition: transform 0.15s ease, box-shadow 0.25s ease, border-color 0.25s ease;\n}\n\nbutton:hover {\n transform: translateY(-2px);\n border-color: var(--accent-2);\n box-shadow: 0 10px 30px rgba(106, 215, 255, 0.25);\n}\n\nbutton:active { transform: translateY(0); }\n\n.orb {\n width: 16px;\n height: 16px;\n border-radius: 50%;\n background: radial-gradient(circle at 30% 30%, #fff, var(--accent) 55%, #5a2bb0 100%);\n box-shadow: 0 0 14px var(--accent);\n animation: pulse 2.4s ease-in-out infinite;\n}\n\n@keyframes pulse {\n 0%, 100% { transform: scale(1); opacity: 0.9; }\n 50% { transform: scale(1.25); opacity: 1; }\n}\n\n.count {\n margin: 1.4rem 0 0;\n font-family: \"Courier New\", monospace;\n font-size: 0.72rem;\n letter-spacing: 0.15em;\n color: var(--muted);\n min-height: 1rem;\n}\n\nfooter {\n position: relative;\n z-index: 1;\n display: flex;\n gap: 0.6rem;\n font-family: \"Courier New\", monospace;\n font-size: 0.75rem;\n color: var(--muted);\n}\n\nfooter a {\n color: var(--muted);\n text-decoration: none;\n border-bottom: 1px dotted rgba(154, 143, 208, 0.5);\n}\n\nfooter a:hover { color: var(--accent-2); }\n\n@media (prefers-reduced-motion: reduce) {\n .orb { animation: none; }\n #fortune { transition: none; }\n}\n","createdAt",["D",1781628177797],"branchVersion","branchId","c4228f0d-4835-4b0a-9259-c0f1a5d3ccb8","id","503c9e82-1bfe-416f-9db8-6deb2537d68a","test-val",["D",1781627167180],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","✦ Cosmic Fortune — a tiny starfield oracle (web + JSON API)","imageUrl","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/1e130d76-f5f9-42d2-df67-91517700ff00/square512?exp=1789545599&sig=2ffe102d024fa2cc0d3d4a8d0e789f21dae16fd66f12666f272ea0d872648552","5511aa0e-5deb-4fbb-afde-356cc4686f40","pinnedFileId","019ed141-221e-77f7-bb96-5d6df5ad9b76","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","019ed122-7576-748d-bb1c-370dda8c1021","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_107":106,"_115":111},"org",{"_107":106,"_108":109,"_110":111,"_19":61,"_112":113,"_114":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",10,"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","dev1","handle","displayName","dev","avatar","https://lh3.googleusercontent.com/a/ACg8ocJG3NmsRsdh3ZO-77RTnUY7DBCsJK6Exze8_PkAdPqyDcWS6w=s96-c","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_48":49,"_38":50,"_43":230,"_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":231,"_87":232,"_89":233,"_91":31},"tree",[205,206,207,208,209,210],"files",[205,206,207,208,209,210],"counts",{"_195":69,"_196":160,"_197":69,"_198":199,"_200":201},"contents",[150,151,152,153,154,155],"upstreamProject",{"_48":101,"_38":146,"_57":147,"_59":60,"_54":55,"_85":148},"upstreamBranch",{"_48":96,"_43":140,"_141":142,"_38":93,"_94":101,"_13":98,"_95":-5,"_97":-5,"_143":144,"_52":-5,"_91":31,"_54":55,"_105":145,"_70":103,"_104":146},"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":145,"_115":149},"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/129cab32-3bd7-4c3e-f39b-f12900c76100/square512?exp=1789545599&sig=2316df07e67031dd48e537f6ce0c4c14b92716fed790ec83ecf27974cc65aa31",{"_48":189,"_38":190,"_36":191,"_157":-5,"_46":47,"_45":160,"_158":31,"_43":192,"_13":69,"_39":26,"_40":193,"_30":31,"_161":-5,"_33":194},{"_48":183,"_38":184,"_36":185,"_157":-5,"_46":47,"_45":160,"_158":31,"_43":186,"_13":69,"_39":26,"_40":187,"_30":31,"_161":-5,"_33":188},{"_48":176,"_38":177,"_36":178,"_157":-5,"_46":47,"_45":179,"_158":65,"_43":180,"_13":160,"_39":26,"_40":181,"_30":31,"_161":-5,"_33":182},{"_48":170,"_38":171,"_36":63,"_157":-5,"_46":47,"_45":160,"_158":31,"_43":172,"_13":69,"_39":173,"_40":174,"_30":31,"_161":-5,"_33":175},{"_48":163,"_38":164,"_36":165,"_157":-5,"_46":47,"_45":160,"_158":31,"_43":166,"_13":69,"_39":167,"_40":168,"_30":31,"_161":-5,"_33":169},{"_48":156,"_38":34,"_36":37,"_157":-5,"_46":47,"_45":14,"_158":31,"_43":159,"_13":160,"_39":26,"_40":42,"_30":31,"_161":-5,"_33":162},"927cf07d-7760-4780-8ae0-b1663b26ede9","parentId","latest",["D",1781628177797],1,"label",[34],"2b322a6b-7c2c-4822-bc69-ec6de91c8f9f","script.js","019ed141-221e-77f7-bb96-608131156837",["D",1781627167180],"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\");",[164],"66e0e7eb-a95c-4cea-8031-25799e727c74","main.tsx",["D",1781627167180],"http","import { staticHTTPServer } from \"https://esm.town/v/std/utils/index.ts\";\nexport default staticHTTPServer();",[171],"ab0c1207-3223-4ddd-8a65-a5865e63a407","index.html","019ed141-221e-77f7-bb96-5afd1f77e257",2,["D",1781628160387],"\n\n \n ✦ Cosmic Fortune ✦\n \n \n \n \n\n \n \n\n \n \n \n \n \n

\n\n

THE VOID HAS SPOKEN

✦ Cosmic Fortune ✦

\n\n

Tap the orb to summon a fortune from the cosmos…

\n\n \n\n

\n\n \n \n\n",[177],"fe1e4e74-23ad-4496-8513-0ca479e9c043","favicon.svg","019ed141-221e-77f7-bb96-578c74cbdb0d",["D",1781627167180],"",[184],"bd0240a0-193d-4bb7-987e-d7c238b1aec5","README.md","019ed141-221e-77f7-bb96-50cc60d14c42",["D",1781627167180],"# 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",[190],"pulls","branches","forks","envVars",{"_202":69,"_204":69},"connections",{"_202":69,"_203":69},"count","unfilledCount","emptyCount",{"_48":189,"_38":190,"_36":191,"_157":-5,"_46":47,"_45":160,"_158":31,"_43":227,"_13":69,"_39":26,"_40":193,"_30":31,"_161":-5,"_212":228,"_33":229},{"_48":183,"_38":184,"_36":185,"_157":-5,"_46":47,"_45":160,"_158":31,"_43":224,"_13":69,"_39":26,"_40":187,"_30":31,"_161":-5,"_212":225,"_33":226},{"_48":176,"_38":177,"_36":178,"_157":-5,"_46":47,"_45":179,"_158":65,"_43":221,"_13":160,"_39":26,"_40":181,"_30":31,"_161":-5,"_212":222,"_33":223},{"_48":170,"_38":171,"_36":63,"_157":-5,"_46":47,"_45":160,"_158":31,"_43":218,"_13":69,"_39":173,"_40":174,"_30":31,"_161":-5,"_212":219,"_33":220},{"_48":163,"_38":164,"_36":165,"_157":-5,"_46":47,"_45":160,"_158":31,"_43":215,"_13":69,"_39":167,"_40":168,"_30":31,"_161":-5,"_212":216,"_33":217},{"_48":156,"_38":34,"_36":37,"_157":-5,"_46":47,"_45":14,"_158":31,"_43":211,"_13":160,"_39":26,"_40":42,"_30":31,"_161":-5,"_212":213,"_33":214},["D",1781628177797],"children",[],[34],["D",1781627167180],[],[164],["D",1781627167180],[],[171],["D",1781628160387],[],[177],["D",1781627167180],[],[184],["D",1781627167180],[],[190],["D",1781627167180],{"_107":106,"_115":111},{"_107":106,"_108":109,"_110":111,"_19":61,"_112":113,"_114":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,"_137":267,"_268":269,"_270":271,"_272":31,"_273":31,"_274":31,"_275":65,"_276":-5,"_277":-7,"_278":-7,"_279":69,"_280":31,"_281":31,"_282":-5,"_283":31,"_284":31,"_285":31,"_286":-5},"ENV",{"_238":239,"_240":241,"_242":93,"_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"]

Diff · v3