Hello, world! 👋

This page is served from a val on Val Town.

Edit index.html and your changes deploy instantly.

\n \n

\n \n\n","label",[18],"pulls","branches","forks","envVars",{"_185":26,"_187":26},"connections",{"_185":26,"_186":26},"count","unfilledCount","emptyCount",{"_33":229,"_13":230,"_66":231,"_43":-5,"_35":36,"_171":232,"_172":95,"_37":233,"_39":40,"_68":21,"_174":234,"_69":24,"_176":-5,"_200":235,"_17":236},{"_33":222,"_13":223,"_66":224,"_43":-5,"_35":36,"_171":40,"_172":95,"_37":225,"_39":26,"_68":21,"_174":226,"_69":24,"_176":-5,"_200":227,"_17":228},{"_33":170,"_13":18,"_66":67,"_43":-5,"_35":36,"_171":75,"_172":95,"_37":219,"_39":40,"_68":21,"_174":175,"_69":24,"_176":-5,"_200":220,"_17":221},{"_33":212,"_13":213,"_66":93,"_43":-5,"_35":36,"_171":40,"_172":95,"_37":214,"_39":26,"_68":215,"_174":216,"_69":24,"_176":-5,"_200":217,"_17":218},{"_33":203,"_13":204,"_66":205,"_43":-5,"_35":36,"_171":206,"_172":95,"_37":207,"_39":40,"_68":208,"_174":209,"_69":24,"_176":-5,"_200":210,"_17":211},{"_33":194,"_13":195,"_66":196,"_43":-5,"_35":36,"_171":197,"_172":95,"_37":198,"_39":40,"_68":21,"_174":199,"_69":24,"_176":-5,"_200":201,"_17":202},"40dd0178-84dd-48e5-bdea-86915a552325","style.css","019fe306-1438-723d-8de9-b09630fd872e",4,["D",1786220270710],":root {\n color-scheme: light dark;\n}\n\nbody {\n font-family: system-ui, -apple-system, \"Segoe UI\", sans-serif;\n line-height: 1.6;\n margin: 0;\n display: grid;\n place-items: center;\n min-height: 100vh;\n}\n\nmain {\n max-width: 34rem;\n padding: 2rem;\n text-align: center;\n}\n\nh1 {\n color: #373fff;\n margin-bottom: 0.5rem;\n}\n\ncode {\n background: rgba(127, 127, 127, 0.18);\n padding: 0.1em 0.35em;\n border-radius: 4px;\n}\n\nbutton {\n font: inherit;\n padding: 0.5rem 1.1rem;\n border: 0;\n border-radius: 8px;\n background: #373fff;\n color: white;\n cursor: pointer;\n}\n\nbutton:hover {\n opacity: 0.85;\n}\n","children",[],[195],"f46c96ef-0118-49e9-a500-48b191179556","script.js","019fe306-1438-723d-8de9-ad4536301ad5",3,["D",1786220263935],"script","/* Vanilla JS for the page. Note: TypeScript won't work in this file. */\n\nconst button = document.getElementById(\"greet\");\nconst output = document.getElementById(\"output\");\n\nbutton.addEventListener(\"click\", () => {\n output.textContent = `Hello again! It's ${new Date().toLocaleTimeString()}.`;\n});\n",[],[204],"6b1bb30b-2b52-4d66-9311-8052759a986f","main.tsx",["D",1786220254191],"http","import { staticHTTPServer } from \"https://esm.town/v/std/utils/index.ts\";\nexport default staticHTTPServer();",[],[213],["D",1786220262790],[],[18],"eb7bdbf7-d338-47d4-ac5b-8d45f6797c5d","favicon.svg","019fe306-1438-723d-8de9-a26bb832d753",["D",1786220254191],"",[],[223],"ac3d9c4e-1d1d-4759-97d8-35457f165876","README.md","019fe306-1437-701d-b5ad-26a7fa01c45b",5,["D",1786220274306],"# hello-world\n\nA minimal Hello World website running on Val Town.\n\n## Files\n\n| File | What it does |\n| --- | --- |\n| `main.tsx` | HTTP entrypoint — serves the static files in this val |\n| `index.html` | The page content |\n| `style.css` | Styling |\n| `script.js` | Browser JavaScript (the \"Say hi\" button) |\n| `favicon.svg` | Browser tab icon |\n\n## How it works\n\n```mermaid\ngraph LR\n A[Browser] -->|GET /| B[main.tsx]\n B --> C[index.html]\n C --> D[style.css]\n C --> E[script.js]\n```\n\n`main.tsx` uses `staticHTTPServer()` from `std/utils`, which serves every file in\nthe val by path. Any save deploys instantly — no build step.\n",[],[230],["D",1786220254191],["D",1789532458193],{"_11":12,"_136":72},{"_11":12,"_132":72,"_71":72,"_30":70,"_133":134,"_135":24},{"_39":121,"_13":16,"_33":36,"_122":82,"_123":63,"_124":64,"_125":86,"_126":127,"_128":129,"_130":14,"_131":12},"ctx",{"_52":-5,"_157":275,"_276":277,"_278":279,"_280":24,"_281":24,"_282":24,"_283":95,"_284":-5,"_285":-7,"_286":-7,"_287":26,"_288":24,"_289":24,"_290":-5,"_291":24,"_292":24,"_293":24,"_294":-5},"ENV",{"_246":247,"_248":249,"_250":16,"_251":252,"_253":254,"_255":256,"_257":258,"_259":260,"_261":262,"_263":264,"_265":266,"_267":268,"_269":270,"_271":272,"_273":274},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","fdb67791413f4386b4dbf18f354029a617f6160f","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"]

History · index.html