[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_228":229,"_230":231},"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",6,"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","index.html","latestPath","fileId","019e6c5e-04b5-741f-9de3-0c7b64556036","name","fileType","content","\n\n\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\tPage Title\n\t\t\n\t\n\t\n\t\t

\n\t\t\t\n\t\t\t

Page Title

\n\t\t\t\n\t\t\t

Subtitle

\n\t\t\t\n\t\t

\n\t\t\n\t\t

\n\t\t\t\n\t\t

\n\t\t\n\t\n","\n\n\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\tPage Title\n\t\t\n\t\n\t\n\t\t

\n\t\t\t\n\t\t\t

Page Title

\n\t\t\t\n\t\t\t

Subtitle

\n\t\t\t\n\t\t

\n\t\t\n\t\t

\n\t\t\t\n\t\t

\n\t\t\n\t\n","createdAt",["D",1779934649701],"branchVersion","branchId","2c178d1a-5a3b-11f1-8ec2-ee650bb23af1","id","2c121290-5a3b-11f1-8ec2-ee650bb23af1","readable",["D",1779934561402],"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=1789549199&sig=4505514fbcb0e9d900cca625cf2b0f470a0a086e55af09aecc78160512dc647c","5d1042a9-7b0b-499d-8a72-3a8ac7a4e185","pinnedFileId","019e6c5e-04b5-741f-9de3-13f6b09e494a","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",14,"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":224,"_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":225,"_81":226,"_83":227,"_85":25},"tree",[199,200,201,202,203,204],"files",[199,200,201,202,203,204],"counts",{"_189":63,"_190":162,"_191":63,"_192":193,"_194":195},"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=1789549199&sig=85ec03bbe2ae9af315fa5e89fceebe840b59020b3ec43df39e2ab37ef0d215ad",{"_42":183,"_32":184,"_30":185,"_151":-5,"_40":41,"_39":162,"_153":59,"_37":186,"_13":63,"_33":20,"_34":187,"_24":25,"_157":-5,"_27":188},{"_42":177,"_32":178,"_30":179,"_151":-5,"_40":41,"_39":162,"_153":59,"_37":180,"_13":63,"_33":20,"_34":181,"_24":25,"_157":-5,"_27":182},{"_42":173,"_32":28,"_30":31,"_151":-5,"_40":41,"_39":14,"_153":25,"_37":174,"_13":175,"_33":20,"_34":36,"_24":25,"_157":-5,"_27":176},{"_42":167,"_32":168,"_30":57,"_151":-5,"_40":41,"_39":162,"_153":25,"_37":169,"_13":63,"_33":170,"_34":171,"_24":25,"_157":-5,"_27":172},{"_42":159,"_32":160,"_30":161,"_151":-5,"_40":41,"_39":162,"_153":59,"_37":163,"_13":63,"_33":164,"_34":165,"_24":25,"_157":-5,"_27":166},{"_42":148,"_32":149,"_30":150,"_151":-5,"_40":41,"_39":152,"_153":59,"_37":154,"_13":155,"_33":20,"_34":156,"_24":25,"_157":-5,"_27":158},"35426b62-5a3b-11f1-99f9-ee650bb23af1","style.css","019e6c5e-04b5-741f-9de3-1a9eb95add9f","parentId",4,"latest",["D",1779934576732],2,"/* readable.css 1.1.0, licensed 0BSD */\n\n/* Font family support */\nhtml, html[data-font-family=\"serif\"] {\n\t--font-family: serif;\n}\nhtml[data-font-family=\"sans-serif\"] {\n\t--font-family: sans-serif;\n}\nhtml[data-font-family=\"monospace\"] {\n\t--font-family: monospace;\n}\n\n/* Color scheme support */\nhtml, html[data-theme=\"light\"] {\n\t--background-color: snow;\n\t--color: #000;\n}\nhtml[data-high-contrast=\"on\"],\nhtml[data-theme=\"light\"][data-high-contrast=\"on\"] {\n\t--background-color: #fff;\n}\n\nhtml[data-theme=\"dark\"] {\n\t--background-color: #1f272d;\n\t--color: #fff;\n}\nhtml[data-theme=\"dark\"][data-high-contrast=\"on\"] {\n\t--background-color: #000;\n}\n\n@media (prefers-color-scheme: dark) {\n\thtml {\n\t\t--background-color: #222830;\n\t\t--color: #fff;\n\t}\n\thtml[data-high-contrast=\"on\"] {\n\t\t--background-color: #000;\n\t}\n}\n\n@media (prefers-contrast: more) {\n\t:is(html, html[data-theme=\"light\"]):not([data-high-contrast=\"off\"]) {\n\t\t--background-color: #fff;\n\t}\n\n\thtml[data-theme=\"dark\"]:not([data-high-contrast=\"off\"]) {\n\t\t--background-color: #000;\n\t}\n}\n\n/* Generic styles */\n:root {\n\t--column-width: 67ch;\n\t--form-width: 50ch;\n\t--line-width: 0.125rem;\n\t--line-height: 1.5;\n\n\t--one-line: calc(var(--line-height) * 1rem);\n\t--half-line: calc(var(--one-line) * 0.5);\n\n\tfont-family: var(--font-family);\n\n\tbackground-color: var(--background-color);\n\tcolor: var(--color);\n}\n\na {\n\tcolor: inherit;\n}\n\na:active {\n\tcolor: red;\n}\n\nheader, footer, h1, h2 {\n\ttext-align: center;\n}\n\nfooter:not(.exclude) {\n\tborder-top: var(--line-width) solid;\n}\n\nsummary {\n\tcursor: pointer;\n}\n\nblockquote:not(.exclude) {\n\tpadding-left: var(--one-line);\n\tborder-left: var(--line-width) solid;\n}\n\nul, ol {\n\tpadding-left: calc(var(--line-height) * 2rem);\n}\n\n:is(body, article, main, figure) > :is(img, video):not(.exclude) {\n\tmax-width: 100%;\n}\n\nfigure:not(.exclude) {\n\ttext-align: center;\n}\n\nfigure:not(.exclude) > * + figcaption {\n\tmargin-top: 0;\n\tfont-style: italic;\n}\n\narticle aside:not(.exclude) {\n\tborder: var(--line-width) solid;\n\tpadding: 0 var(--one-line);\n\tborder-radius: var(--half-line);\n}\n\npre {\n\tmax-width: 100%;\n\toverflow: auto;\n}\n\nhr {\n\tcolor: inherit;\n\tborder: 0;\n\tborder-top: var(--line-width) solid;\n}\n\n/* Vertical Rhythm */\np, ul, ol, figcaption, nav, td, th, label {\n\tline-height: var(--line-height);\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\nhr,\nfooter,\nheader,\nnav,\nfigure,\nfigcaption,\n:is(ul, ol):not(li > *),\n:is(body, article, main) > :is(img, video, details):not(.exclude),\ntable,\narticle > aside,\narticle > aside {\n\tmargin: var(--one-line) 0;\n}\n\n/* Headings */\n\nheader h1 {\n\tfont-weight: normal;\n}\n\nh1, h2 {\n\tline-height: calc(var(--line-height) * 2rem);\n}\n\nh1 {\n\tfont-size: 2.5rem;\n}\n\nh2 {\n\tfont-size: 1.75rem;\n}\n\nh3, h4, h5, h6 {\n\tline-height: var(--one-line);\n\tpadding-top: calc(var(--line-height) * 0.75rem);\n\tmargin-bottom: calc(var(--line-height) * 0.25rem);\n}\n\n:is(h3, h4, h5, h6) + * {\n\tmargin-top: 0;\n}\n\n/* Navbar */\nnav:not(.exclude:not([data-style]), [data-style=\"none\"]) {\n\t/* This styling only affects the first nav element that is the direct child of the body */\n\ttext-align: center;\n\tborder-width: var(--line-width) 0;\n\tborder-style: solid;\n\tline-height: var(--line-height);\n\tdisplay: flex;\n\tflex-flow: row wrap;\n}\n\nnav:not(.exclude:not([data-style]), [data-style=\"none\"]) > * {\n\tflex-grow: 1;\n\tmargin: calc(var(--line-height) * 0.5rem - var(--line-width))\n\t\tvar(\n\t\t\t--half-line\n\t\t); /* Put half a line's height on both top and bottom, then remove the width of the border */\n\ttext-transform: uppercase;\n}\n\nnav[data-style=\"blockout\"],\nnav:is([data-style=\"boxes\"], [data-style=\"roundesque\"]) a:is(:hover, :focus) {\n\tbackground-color: var(--color);\n\tcolor: var(--background-color);\n}\n\nnav[data-style=\"blockout\"] a {\n\ttext-decoration: none;\n}\n\nnav[data-style=\"blockout\"] a:is(:hover, :focus) {\n\tbackground-color: var(--background-color);\n\tcolor: var(--color);\n}\n\nnav[data-style]:is([data-style=\"boxes\"], [data-style=\"roundesque\"]) {\n\tborder: 0;\n}\n\nnav:is([data-style=\"boxes\"], [data-style=\"roundesque\"]) a {\n\ttext-decoration: none;\n\tborder: var(--line-width) solid;\n}\n\nnav[data-style=\"roundesque\"] a {\n\tborder-radius: calc(0.25 * var(--one-line));\n}\n\n@media (prefers-reduced-motion: no-preference) {\n\tnav[data-style=\"classy\"] span > a {\n\t\ttext-decoration: none;\n\t\tdisplay: inline-block;\n\t}\n\n\tnav[data-style=\"classy\"] span > a::after {\n\t\tcontent: \"\";\n\t\twidth: 0;\n\t\theight: var(--line-width);\n\t\tdisplay: block;\n\t\tbackground: var(--color);\n\t\ttransition: 150ms;\n\t}\n\n\tnav[data-style=\"classy\"] span > a:is(:hover, :focus)::after {\n\t\twidth: 100%;\n\t}\n}\n\n/* Column */\nbody {\n\tmargin: 0 auto;\n\twidth: min(95%, var(--column-width));\n}\n\n/* Justification (default off; use data-justify=\"on\" on to enable) */\n/* 67ch (var(--column-width) / 95% (column max-width) === 70.526315789ch */\n@media (min-width: 70.5ch) {\n\t[data-justify=\"on\"] body {\n\t\ttext-align: justify;\n\t\ttext-justify: inter-character;\n\t}\n}\n\n/* Tables */\ntable:not(.exclude) {\n\tdisplay: block;\n\twidth: 100%;\n\toverflow: auto;\n\tborder-collapse: collapse;\n}\n\ntable:not(.exclude) :is(td, th) {\n\tpadding: calc(var(--line-height) * 0.25rem);\n\tborder: var(--line-width) solid;\n}\n\ntable:not(.exclude) td {\n\tword-wrap: break-word;\n}\n\n/* Forms */\nform {\n\tmax-width: var(--form-width);\n}\n\nform:not(.exclude)\n\t:is(\n\t\tlabel:not(input:is([type=\"checkbox\"], [type=\"radio\"]) + label),\n\t\tinput:not([type=\"checkbox\"], [type=\"radio\"]),\n\t\ttextarea,\n\t\tselect\n\t) {\n\tdisplay: block;\n\tmargin: var(--half-line) 0;\n}\n\nform:not(.exclude)\n\t:is(input:not([type=\"checkbox\"], [type=\"radio\"]), textarea, select),\nbutton {\n\tbox-sizing: border-box;\n\tpadding: var(--half-line);\n\tbackground: transparent;\n\tborder: var(--line-width) solid;\n\tcolor: inherit;\n\tfont: inherit;\n\twidth: 100%;\n}\n\nbutton {\n\twidth: initial;\n}\n\nform:not(.exclude)\n\tlabel:not(input:is([type=\"checkbox\"], [type=\"radio\"]) + label) {\n\tfont-weight: bold;\n}","label",[149],"2c1b17c8-5a3b-11f1-8ec2-ee650bb23af1","script.js","019e6c5e-04b5-741f-9de3-145b74867357",1,["D",1779934561402],"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\");",[160],"2c1b10d4-5a3b-11f1-8ec2-ee650bb23af1","main.tsx",["D",1779934561402],"http","import { staticHTTPServer } from \"https://esm.town/v/std/utils/index.ts\";\nexport default staticHTTPServer();",[168],"60b4c84e-5a3b-11f1-b58c-ee650bb23af1",["D",1779934649701],3,[28],"2c1af720-5a3b-11f1-8ec2-ee650bb23af1","favicon.svg","019e6c5e-04b5-741f-9de3-0baaa18d5645",["D",1779934561402],"",[178],"2c1ad2cc-5a3b-11f1-8ec2-ee650bb23af1","README.md","019e6c5e-04b5-741f-9de3-07a21c99c52f",["D",1779934561402],"# 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",[184],"pulls","branches","forks","envVars",{"_196":63,"_198":63},"connections",{"_196":63,"_197":63},"count","unfilledCount","emptyCount",{"_42":183,"_32":184,"_30":185,"_151":-5,"_40":41,"_39":162,"_153":59,"_37":221,"_13":63,"_33":20,"_34":187,"_24":25,"_157":-5,"_206":222,"_27":223},{"_42":177,"_32":178,"_30":179,"_151":-5,"_40":41,"_39":162,"_153":59,"_37":218,"_13":63,"_33":20,"_34":181,"_24":25,"_157":-5,"_206":219,"_27":220},{"_42":173,"_32":28,"_30":31,"_151":-5,"_40":41,"_39":14,"_153":25,"_37":215,"_13":175,"_33":20,"_34":36,"_24":25,"_157":-5,"_206":216,"_27":217},{"_42":167,"_32":168,"_30":57,"_151":-5,"_40":41,"_39":162,"_153":25,"_37":212,"_13":63,"_33":170,"_34":171,"_24":25,"_157":-5,"_206":213,"_27":214},{"_42":159,"_32":160,"_30":161,"_151":-5,"_40":41,"_39":162,"_153":59,"_37":209,"_13":63,"_33":164,"_34":165,"_24":25,"_157":-5,"_206":210,"_27":211},{"_42":148,"_32":149,"_30":150,"_151":-5,"_40":41,"_39":152,"_153":59,"_37":205,"_13":155,"_33":20,"_34":156,"_24":25,"_157":-5,"_206":207,"_27":208},["D",1779934576732],"children",[],[149],["D",1779934561402],[],[160],["D",1779934561402],[],[168],["D",1779934649701],[],[28],["D",1779934561402],[],[178],["D",1779934561402],[],[184],["D",1779934561402],{"_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":261,"_262":263,"_264":265,"_266":25,"_267":25,"_268":25,"_269":59,"_270":-5,"_271":-7,"_272":-7,"_273":63,"_274":25,"_275":25,"_276":-5,"_277":25,"_278":25,"_279":25,"_280":-5},"ENV",{"_232":233,"_234":235,"_236":87,"_237":238,"_239":240,"_241":242,"_243":244,"_245":246,"_247":248,"_249":250,"_251":252,"_253":254,"_255":256,"_257":258,"_259":260},"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 · v6