[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_227":228,"_229":230},"routes/_app.x.$handle.$name",{"_101":100,"_32":44,"_109":87,"_27":110,"_13":14,"_111":-5,"_11":112,"_113":114,"_115":116,"_117":118,"_119":120,"_20":-5,"_121":122,"_123":124,"_125":25,"_126":127,"_128":59,"_129":-5,"_130":-5,"_131":132},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_42":43,"_32":44,"_37":45,"_46":-5,"_47":25,"_48":49,"_50":49,"_51":52,"_53":54,"_18":55,"_56":57,"_58":59,"_60":-5,"_61":-5,"_62":63,"_64":65,"_66":-5,"_67":-5,"_68":-5,"_69":-5,"_70":71,"_72":71,"_73":74,"_75":74,"_76":74,"_77":71,"_78":71,"_79":80,"_81":82,"_83":84,"_85":25},"version",8,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":28,"_33":20,"_34":36,"_37":38,"_39":14,"_40":41,"_24":25},"previous",{"_30":31,"_32":28,"_33":20,"_34":35},"deleted",false,"deletedHere","path","style.css","latestPath","fileId","01a03514-76ac-76e3-8213-b678dc2d8f42","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}","body.home {\n section {\n margin-bottom: var(--space-18);\n }\n\n nav[data-topnav] {\n .favicon {\n display: inline-block;\n }\n .logo {\n display: none;\n }\n }\n}\nbody:not(.home) {\n nav[data-topnav] {\n .favicon {\n display: none;\n }\n .logo {\n display: inline-block;\n }\n }\n}\n\nnav[data-topnav] {\n font-size: var(--text-7);\n\n button[data-sidebar-toggle] {\n margin-left: calc(-1.1 * var(--space-4));\n left: 0;\n height: 100%;\n border: 0;\n margin-right: 10px;\n padding: 6px 10px;\n line-height: 1;\n color: var(--foreground);\n transition:\n background-color var(--transition-fast),\n transform var(--transition-fast);\n\n &:hover {\n background-color: var(--accent);\n }\n\n &:active {\n transform: translateY(1px);\n }\n\n svg {\n opacity: 0.8;\n }\n }\n\n a,\n button {\n color: var(--muted-foreground);\n }\n\n img {\n height: 24px;\n }\n\n .branding {\n display: flex;\n align-items: center;\n gap: var(--space-2);\n }\n\n .favicon {\n line-height: 1;\n }\n\n .hstack {\n gap: var(--space-6);\n }\n}\n\n.footer {\n margin: var(--space-6) 0;\n}\n\n.intro {\n margin-bottom: var(--space-12);\n .logo img {\n max-height: 60px;\n }\n .title {\n margin-bottom: var(--space-2);\n }\n .slogan {\n margin: 0 0 var(--space-12) 0;\n font-weight: normal;\n }\n}\n\n.features {\n display: grid;\n gap: var(--space-8);\n grid-template-columns: repeat(2, 1fr);\n margin-bottom: var(--space-12);\n}\n\n.main-sidebar {\n .logo {\n border-bottom: none;\n padding-bottom: var(--space-4);\n img {\n max-height: 40px;\n }\n }\n nav sup {\n color: var(--muted-foreground);\n font-size: var(--text-8);\n margin-left: var(--space-1);\n }\n footer button {\n width: 100%;\n }\n}\n\n/* Component demo styles */\n.demo-section {\n margin-bottom: var(--space-18);\n padding-bottom: var(--space-8);\n}\n\n.demo-section:last-child {\n border-bottom: none;\n}\n\n.demo-box {\n border: 1px solid var(--border);\n padding: var(--space-5);\n border-radius: 3px;\n margin-top: var(--space-4);\n\n p {\n margin: 0;\n }\n}\n\n.demo-box .demo-content {\n display: flex;\n flex-wrap: wrap;\n gap: var(--space-4);\n align-items: center;\n}\n\n#accordion .demo-content,\n#typography .demo-content,\n#tabs .demo-content,\n#skeleton .demo-content {\n display: block;\n}\n#alert .demo-content {\n display: grid;\n}\n\n#typography .demo-box,\n.demo-section[id=\"typography\"] .demo-box {\n display: block;\n}\n\n.ot-demo {\n &.compact .demo-content {\n max-width: 400px;\n }\n\n pre {\n display: none;\n }\n\n /* Fullscreen side-by-side editor */\n &.fullscreen {\n background: rgb(from var(--background) r g b / 0.95);\n position: fixed;\n z-index: 9999;\n inset: 0;\n padding: var(--space-4);\n overflow: hidden;\n\n ot-tabs {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: var(--space-4);\n height: 100%;\n\n [role=\"tablist\"] {\n display: none;\n }\n\n [role=\"tabpanel\"],\n [role=\"tabpanel\"][hidden] {\n display: flex !important;\n flex-direction: column;\n overflow: auto;\n min-height: 0;\n }\n }\n\n .demo-box {\n flex: 1;\n margin-top: 0;\n overflow: auto;\n }\n\n pre {\n flex: 1;\n overflow: auto;\n margin: 0;\n padding-top: 40px;\n\n menu.actions {\n opacity: 1;\n }\n }\n }\n}\n\n.demo-grid {\n gap: var(--space-2);\n [class*=\"col-\"] {\n background: var(--primary);\n color: var(--primary-foreground);\n padding: var(--space-2);\n text-align: center;\n border-radius: 3px;\n }\n\n .row:not(:last-child) {\n margin-bottom: var(--space-4);\n }\n}\n\n/* Swap theme icons */\nhtml[data-theme=\"dark\"] .icon-dark {\n display: none;\n}\nhtml:not([data-theme=\"dark\"]) .icon-light {\n display: none;\n}\n\n@layer components {\n .container {\n max-width: 900px;\n }\n}\n\n.section-permalink {\n display: block;\n margin-top: var(--space-4);\n font-size: var(--text-7);\n color: var(--muted-foreground);\n}\n\n.section-permalink:hover {\n color: var(--foreground);\n}\n\n.sidebar-example .demo-box {\n position: relative;\n height: 300px;\n border: 1px solid var(--border);\n border-radius: var(--radius-medium);\n overflow: hidden;\n\n padding: 0;\n}\n\npre {\n position: relative;\n\n code {\n display: block;\n }\n\n menu.actions {\n opacity: 0;\n position: absolute;\n top: var(--space-3);\n right: var(--space-3);\n transition: opacity 150ms ease-in-out;\n }\n\n &:hover menu.actions {\n opacity: 1;\n }\n\n menu.actions button {\n background: rgba(0, 0, 0, 0.4);\n color: #bbb;\n border: 1px solid #bbb;\n padding: 2px var(--space-3);\n margin-left: 5px;\n &:hover {\n background-color: rgba(0, 0, 0);\n }\n }\n\n [contenteditable] {\n outline: none;\n }\n}\n\n@media (max-width: 768px) {\n .features {\n grid-template-columns: 1fr;\n }\n nav[data-topnav] .hstack {\n display: none;\n }\n}\n@media (max-width: 450px) {\n menu.actions button {\n &.btn-edit {\n display: none;\n }\n }\n}","createdAt",["D",1787596994002],"branchVersion","branchId","804b7fcc-f106-41da-8a94-f691e0da014e","id","e8f7429c-3476-45f0-bc9c-d4e3170650e0","oat-demo",["D",1787596928590],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Basic HTML starter template based on Glitch's starter","imageUrl","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/1e130d76-f5f9-42d2-df67-91517700ff00/square512?exp=1789538399&sig=db97178ff8386dfadf15f5a97e9d42b0cfea71c859e8cbd4495c76039a159b9a","5d1042a9-7b0b-499d-8a72-3a8ac7a4e185","pinnedFileId","01a03514-76ac-76e3-8213-aed770b8b1c2","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","5f80108f-7ca4-4327-b77b-089dbe4b5a82","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_101":100,"_108":104},"org",{"_101":100,"_102":-5,"_103":104,"_18":55,"_105":106,"_107":25},"branch",{"_13":86,"_32":87,"_42":41,"_88":43,"_89":90,"_91":92,"_93":49,"_94":95,"_96":97,"_98":44,"_99":100},"isOwned",46,"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","nbbaier","handle","displayName","avatar","https://secure.gravatar.com/avatar/0129a541b7b3574e92c4afd06c5e32da&d=identicon","tier","pro","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_42":43,"_32":44,"_37":223,"_46":-5,"_47":25,"_48":49,"_50":49,"_51":52,"_53":54,"_18":55,"_56":57,"_58":59,"_60":-5,"_61":-5,"_62":63,"_64":65,"_66":-5,"_67":-5,"_68":-5,"_69":-5,"_70":71,"_72":71,"_73":74,"_75":74,"_76":74,"_77":71,"_78":71,"_79":224,"_81":225,"_83":226,"_85":25},"tree",[198,199,200,201,202,203],"files",[198,199,200,201,202,203],"counts",{"_188":63,"_189":152,"_190":63,"_191":192,"_193":194},"contents",[142,143,144,145,146,147],"upstreamProject",{"_42":95,"_32":139,"_51":52,"_53":54,"_48":49,"_79":140},"upstreamBranch",{"_42":90,"_37":133,"_134":135,"_32":87,"_88":95,"_13":92,"_89":-5,"_91":-5,"_136":137,"_46":-5,"_85":25,"_48":49,"_99":138,"_64":97,"_98":139},"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",{"_101":138,"_108":141},"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/129cab32-3bd7-4c3e-f39b-f12900c76100/square512?exp=1789538399&sig=ed57122c136965e1015088c1b79a18d1d4e6250d1eb81abacde1e740f48894e7",{"_42":182,"_32":183,"_30":184,"_149":-5,"_40":41,"_39":152,"_150":59,"_37":185,"_13":63,"_33":20,"_34":186,"_24":25,"_153":-5,"_27":187},{"_42":176,"_32":177,"_30":178,"_149":-5,"_40":41,"_39":152,"_150":59,"_37":179,"_13":63,"_33":20,"_34":180,"_24":25,"_153":-5,"_27":181},{"_42":168,"_32":169,"_30":170,"_149":-5,"_40":41,"_39":171,"_150":25,"_37":172,"_13":173,"_33":20,"_34":174,"_24":25,"_153":-5,"_27":175},{"_42":162,"_32":163,"_30":57,"_149":-5,"_40":41,"_39":152,"_150":25,"_37":164,"_13":63,"_33":165,"_34":166,"_24":25,"_153":-5,"_27":167},{"_42":155,"_32":156,"_30":157,"_149":-5,"_40":41,"_39":152,"_150":25,"_37":158,"_13":63,"_33":159,"_34":160,"_24":25,"_153":-5,"_27":161},{"_42":148,"_32":28,"_30":31,"_149":-5,"_40":41,"_39":14,"_150":59,"_37":151,"_13":152,"_33":20,"_34":36,"_24":25,"_153":-5,"_27":154},"09ca7194-b9a0-4bf1-a35a-7468050f3646","parentId","latest",["D",1787596994002],1,"label",[28],"6769f1fa-b4ca-490f-98dd-fc285924ae31","script.js","01a03514-76ac-76e3-8213-b0a050ea258a",["D",1787596928590],"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\");",[156],"0079c07f-116a-49a6-966d-bd2bac2c3fec","main.tsx",["D",1787596928590],"http","import { staticHTTPServer } from \"https://esm.town/v/std/utils/index.ts\";\nexport default staticHTTPServer();",[163],"070fbbc0-7955-4cb1-be43-3f180f8a69eb","index.html","01a03514-76ac-76e3-8213-a88fd71c2b1b",7,["D",1787596962962],6,"\n\n \n Hi there!\n \n \n \n\n \n \n\n \n \n\n \n \n \n \n

Hi there!

\n\n

\n I'm your cool new webpage. Made with Val Town!\n

\n \n",[169],"81d995b8-31a6-480e-bb34-1d9b3e2de104","favicon.svg","01a03514-76ac-76e3-8213-a643883a760c",["D",1787596928590],"",[177],"2e673827-9ce0-4f96-ad45-60d49faa5a6f","README.md","01a03514-76ac-76e3-8213-a1a0967c41e6",["D",1787596928590],"# 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",[183],"pulls","branches","forks","envVars",{"_195":63,"_197":63},"connections",{"_195":63,"_196":63},"count","unfilledCount","emptyCount",{"_42":182,"_32":183,"_30":184,"_149":-5,"_40":41,"_39":152,"_150":59,"_37":220,"_13":63,"_33":20,"_34":186,"_24":25,"_153":-5,"_205":221,"_27":222},{"_42":176,"_32":177,"_30":178,"_149":-5,"_40":41,"_39":152,"_150":59,"_37":217,"_13":63,"_33":20,"_34":180,"_24":25,"_153":-5,"_205":218,"_27":219},{"_42":168,"_32":169,"_30":170,"_149":-5,"_40":41,"_39":171,"_150":25,"_37":214,"_13":173,"_33":20,"_34":174,"_24":25,"_153":-5,"_205":215,"_27":216},{"_42":162,"_32":163,"_30":57,"_149":-5,"_40":41,"_39":152,"_150":25,"_37":211,"_13":63,"_33":165,"_34":166,"_24":25,"_153":-5,"_205":212,"_27":213},{"_42":155,"_32":156,"_30":157,"_149":-5,"_40":41,"_39":152,"_150":25,"_37":208,"_13":63,"_33":159,"_34":160,"_24":25,"_153":-5,"_205":209,"_27":210},{"_42":148,"_32":28,"_30":31,"_149":-5,"_40":41,"_39":14,"_150":59,"_37":204,"_13":152,"_33":20,"_34":36,"_24":25,"_153":-5,"_205":206,"_27":207},["D",1787596994002],"children",[],[28],["D",1787596928590],[],[156],["D",1787596928590],[],[163],["D",1787596962962],[],[169],["D",1787596928590],[],[177],["D",1787596928590],[],[183],["D",1787596928590],{"_101":100,"_108":104},{"_101":100,"_102":-5,"_103":104,"_18":55,"_105":106,"_107":25},{"_13":86,"_32":87,"_42":41,"_88":43,"_89":90,"_91":92,"_93":49,"_94":95,"_96":97,"_98":44,"_99":100},"ctx",{"_79":-5,"_130":260,"_261":262,"_263":264,"_265":25,"_266":25,"_267":25,"_268":59,"_269":-5,"_270":-7,"_271":-7,"_272":63,"_273":25,"_274":25,"_275":-5,"_276":25,"_277":25,"_278":25,"_279":-5},"ENV",{"_231":232,"_233":234,"_235":87,"_236":237,"_238":239,"_240":241,"_242":243,"_244":245,"_246":247,"_248":249,"_250":251,"_252":253,"_254":255,"_256":257,"_258":259},"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 · v8