[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_304":305,"_306":307},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_70":203,"_40":-7,"_204":-5,"_17":205,"_206":207,"_208":209,"_210":211,"_212":213,"_86":-5,"_214":215,"_216":217,"_218":48,"_219":220,"_221":26,"_222":-5,"_223":-5,"_224":225},"routes/_app.x.$handle.$name.compare.$branch",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":20,"_21":22,"_23":24,"_25":26,"_27":28,"_29":30,"_31":-5},"handle","julie","name","basic-html-starter","branchName","main","project",{"_32":58,"_13":14,"_34":163,"_46":-5,"_164":48,"_49":50,"_165":50,"_166":-5,"_167":-5,"_168":169,"_170":171,"_172":26,"_173":26,"_174":-5,"_175":176,"_53":177,"_178":-5,"_179":-5,"_180":-5,"_181":-5,"_182":183,"_184":183,"_185":186,"_187":186,"_188":186,"_189":183,"_190":183,"_191":192,"_193":194,"_195":28,"_47":48},"ahead",13,"behind",8,"diff",{"_63":64,"_65":66,"_67":68},"hasChanges",true,"sourceBranch",{"_40":56,"_13":16,"_32":57,"_38":58,"_42":33,"_43":59,"_60":50,"_61":39,"_62":54,"_55":14,"_51":12},"targetBranch",{"_32":33,"_34":35,"_36":37,"_13":16,"_38":39,"_40":41,"_42":-5,"_43":-5,"_44":45,"_46":-5,"_47":48,"_49":50,"_51":52,"_53":54,"_55":14},"pull","id","7a3b261a-4186-11f0-ae9b-76b3cceeab13","createdAt",["D",1749070628054],"updatedAt",["D",1779896149804],"projectId","7a3abcf2-4186-11f0-ae9b-76b3cceeab13","version",76,"forkedBranchId","forkedBranchVersion","lockfileKey","1779896350378-esm.town_v_templates_basic-html-starter@76-main","deletedAt","isOwned",false,"privacy","public","userHandle","templates","orgId","019aa807-52c2-709c-928b-2029bae9a558","projectName",14,"1ea46f7e-6264-11f0-983b-0224a6c84d84","1ea145d8-6264-11f0-983b-0224a6c84d84",68,"forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","added",[125,126,127,128],"deleted",[102,103],"modified",[69],{"_70":71,"_72":73,"_74":75},"path","index.html","targetFile",{"_32":94,"_13":71,"_77":95,"_79":-5,"_80":33,"_81":96,"_82":26,"_34":97,"_40":98,"_85":86,"_87":99,"_65":48,"_89":-5,"_90":-7,"_70":100,"_92":101},"sourceFile",{"_32":76,"_13":71,"_77":78,"_79":-5,"_80":57,"_81":20,"_82":26,"_34":83,"_40":84,"_85":86,"_87":88,"_65":48,"_89":-5,"_90":-7,"_70":91,"_92":93},"d44c9d06-6264-11f0-92d8-0224a6c84d84","fileId","e457d9e6-36a2-4453-a81d-3b8a85f38d74","parentId","branchId","branchVersion","latest",["D",1752684564637],2,"fileType","file","content","\n\n \n \n \n \n \n \n \n \n Blank Workspace\n \n\n \n \n

Speak again in:

\n\n

\n \n

\n\n

\n \n

\n\n \n \n","label","children",[71],"contentHash","01ece5da48b7b97841dfb238f93a9604430f8c98323d1ff5a487771ffe37ba80","e2240bac-418b-11f0-883e-76b3cceeab13","e0e955f2-4187-11f0-83ff-76b3cceeab13",41,["D",1749072949867],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",[71],"c7361dc92d6ef7bac8fa83bfd60c3e7225006fd4a979847612f5e344669e252b",{"_70":114,"_72":115,"_74":-7},{"_70":104,"_72":105,"_74":-7},"style.css",{"_32":106,"_13":104,"_77":107,"_79":-5,"_80":33,"_81":108,"_82":26,"_34":109,"_40":110,"_85":86,"_87":111,"_65":48,"_89":-5,"_90":-7,"_70":112,"_92":113},"26d82dd6-4188-11f0-833d-76b3cceeab13","1c120cd2-4188-11f0-b973-76b3cceeab13",27,["D",1749071347145],4,"/* 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}",[104],"a5a02a6d25dc285c0eb6ab28231fd299161d2ce86a5ad63f89e6396ccd64c355","script.js",{"_32":116,"_13":114,"_77":117,"_79":-5,"_80":33,"_81":118,"_82":26,"_34":119,"_40":120,"_85":121,"_87":122,"_65":48,"_89":-5,"_90":-7,"_70":123,"_92":124},"20acf350-4215-11f0-b215-76b3cceeab13","27db6ac2-4188-11f0-9fb1-76b3cceeab13",47,["D",1749131895828],7,"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\");",[114],"64f11332c09344f36075ba3f447d75f81cd65f6db469468e727edd7dfd221d08",{"_70":158,"_72":-7,"_74":159},{"_70":147,"_72":-7,"_74":148},{"_70":139,"_72":-7,"_74":140},{"_70":129,"_72":-7,"_74":130},"styles/style.css",{"_32":131,"_13":104,"_77":132,"_79":133,"_80":57,"_81":134,"_82":26,"_34":135,"_40":84,"_85":86,"_87":136,"_65":48,"_89":-5,"_90":-7,"_70":137,"_92":138},"7d9ec4e8-6264-11f0-983b-0224a6c84d84","0a6af85d-1a8c-4c3a-af18-c02a86ad607d","7605eafe-6264-11f0-839e-0224a6c84d84",11,["D",1752684419218],"body{\n margin: 0%;\n padding: 0%;\n background-color: black;\n}\n\n.container {\n font-family: Arial, Helvetica, sans-serif;\n color: white;\n font-weight: bold;\n position: absolute;\n \n width: 100vh;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n font-size: 23px;\n text-align: center;\n \n}\n\n.time {\n font-size: 3em;\n}\n\n.date {\n margin-top: 12px;\n font-size: 1.75em;\n}\n\n.button {\n width: 200px;\n height: 100px;\n}",[139,104],"4e00ce178fe1e936e157a05c6f1f061cd7da51816da5bbf0c3ad2e49e4c44f75","styles",{"_32":141,"_13":139,"_77":133,"_79":-5,"_80":57,"_81":142,"_82":26,"_34":143,"_40":144,"_85":145,"_87":-5,"_65":48,"_89":-5,"_90":-7,"_70":146,"_92":-5},"7aea6f04-6264-11f0-b2bc-0224a6c84d84",10,["D",1752684414680],1,"directory",[139],"js/index.js",{"_32":149,"_13":150,"_77":151,"_79":152,"_80":57,"_81":56,"_82":26,"_34":153,"_40":154,"_85":121,"_87":155,"_65":48,"_89":-5,"_90":-7,"_70":156,"_92":157},"fc007aca-6264-11f0-92d8-0224a6c84d84","index.js","51bbdabe-e6a1-4505-9075-cda4ce685e2e","37f347c0-6264-11f0-8b7b-0224a6c84d84",["D",1752684631251],5,"const HOURS = [\n \"twelve\",\n \"one\",\n \"two\",\n \"three\",\n \"four\",\n \"five\",\n \"six\",\n \"seven\",\n \"eight\",\n \"nine\",\n \"ten\",\n \"eleven\",\n];\n\nconst count = 60;\nconst timeElement = document.querySelector(\".time\");\nconst dateElement = document.querySelector(\".date\");\nconst countdown = document.querySelector(\".remaining\");\nconst button = document.querySelector(\".button\");\nbutton.addEventListener(\"click\", () => {\n remainingTime(count);\n sayTheTime();\n});\n\nfunction convertToAMPM(time) {\n const [h, m] = time.split(\":\").map(n => parseInt(n));\n const hour = HOURS[h % 12];\n const suffix = (h < 12) ? \"ayy,m\" : \"P.M\";\n const hourInNum = (h < 12) ? h : h - 12;\n return [hour, suffix, hourInNum];\n}\n\nfunction getTheTime() {\n const timeNowHours = new Date().getHours();\n const timeNowMinutes = new Date().getMinutes();\n const timeNowSeconds = new Date().getSeconds();\n\n return [timeNowHours, timeNowMinutes, timeNowSeconds];\n}\n\nfunction sayTheTime() {\n const [timeNowHours, timeNowMinutes] = getTheTime();\n\n const timeNowInHHMM = [timeNowHours, timeNowMinutes].join(\":\");\n const timeNowHoursInAMPM = convertToAMPM(timeNowInHHMM);\n\n const speech = new SpeechSynthesisUtterance(\n `Hello, the time now is: ${timeNowHoursInAMPM[0]} ${timeNowMinutes}, ${timeNowHoursInAMPM[1]}`,\n );\n\n speechSynthesis.speak(speech);\n}\n\nfunction formatTime(date) {\n const hours12 = date.getHours() % 12 || 12;\n const minutes = date.getMinutes();\n const seconds = date.getSeconds();\n const isAM = date.getHours() < 12;\n\n return `${hours12.toString().padStart(2, \"0\")}:${minutes.toString().padStart(2, \"0\")}:${\n seconds.toString().padStart(2, \"0\")\n } ${isAM ? \"AM\" : \"PM\"}`;\n}\n\nfunction formatDate(date) {\n const DAYS = [\n \"Sunday\",\n \"Monday\",\n \"Tuesday\",\n \"Wednesday\",\n \"Thursday\",\n \"Friday\",\n \"Saturday\",\n ];\n const MONTHS = [\n \"January\",\n \"February\",\n \"March\",\n \"April\",\n \"May\",\n \"June\",\n \"July\",\n \"August\",\n \"September\",\n \"October\",\n \"November\",\n \"December\",\n ];\n\n return `${DAYS[date.getDay()]}, ${date.getDate()} ${MONTHS[date.getMonth()]} ${date.getFullYear()} `;\n}\n\n// setTimeout(() => {\n// sayTheTime();\n// sayTheTime();\n\n// }, 5000);\n\nfunction remainingTime(count) {\n const interval = setInterval(() => {\n count--;\n countdown.textContent = \"Speaking again in \" + count + \" sec\";\n if (count == 0) {\n count = 60;\n clearInterval(interval);\n }\n }, 1000);\n}\n\nsetInterval(() => {\n var count = 60;\n remainingTime(count);\n\n sayTheTime();\n sayTheTime();\n}, 60000);\n\nsetInterval(() => {\n console.log(\"running\");\n}, 5000);\n\nsetInterval(() => {\n const date = new Date();\n timeElement.textContent = formatTime(date);\n dateElement.textContent = formatDate(date);\n}, 1000);",[158,150],"b20b2f9ef35b321109b1731ca3915f6bf6fda9260002d8e1a6d718c533113486","js",{"_32":160,"_13":158,"_77":152,"_79":-5,"_80":57,"_81":110,"_82":26,"_34":161,"_40":144,"_85":145,"_87":-5,"_65":48,"_89":-5,"_90":-7,"_70":162,"_92":-5},"3ae284dc-6264-11f0-8fea-0224a6c84d84",["D",1752684307254],[158],["D",1752684259831],"legacyEnvVars","httpPrivacy","description","imageUrl","userId","5d333740-6262-11f0-9f04-73f435e38a9c","pinnedFileId","671ac263-2cf6-4f19-b3e6-50409b754713","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"5d335e50-6262-11f0-9f04-73f435e38a9c","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_202":198},"org",{"_11":12,"_196":-5,"_197":198,"_168":169,"_199":200,"_201":48},"branch","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yenhySW14NUl3eDFnZFRuTmtTY1Jadm05Q2sifQ","tier","free","canRestrictVals","profileImageUrl","","adoptOrgId",{"_32":58,"_13":14,"_34":300,"_46":-5,"_164":48,"_49":50,"_165":50,"_166":-5,"_167":-5,"_168":169,"_170":171,"_172":26,"_173":26,"_174":-5,"_175":176,"_53":177,"_178":-5,"_179":-5,"_180":-5,"_181":-5,"_182":183,"_184":183,"_185":186,"_187":186,"_188":186,"_189":183,"_190":183,"_191":301,"_193":302,"_195":303,"_47":48},"tree",[273,275,277,278,279,280],"files",[273,274,275,276,277,278,279,280],"counts",{"_263":176,"_264":144,"_265":176,"_266":267,"_268":269},"contents",[232,233,234,235,236,237],"upstreamProject",{"_32":39,"_13":14,"_166":228,"_167":229,"_49":50,"_191":230},"upstreamBranch",{"_32":33,"_34":226,"_36":227,"_13":16,"_38":39,"_40":41,"_42":-5,"_43":-5,"_44":45,"_46":-5,"_47":48,"_49":50,"_51":52,"_53":54,"_55":14},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1749070628054],["D",1779896149804],"Basic HTML starter template based on Glitch's starter","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/1e130d76-f5f9-42d2-df67-91517700ff00/square512?exp=1789559999&sig=07961db937eba6931a28890443b5f72ef5e12debba4e542c540c9f0cbb4eac80",{"_11":52,"_202":231},"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/129cab32-3bd7-4c3e-f39b-f12900c76100/square512?exp=1789559999&sig=5c07b77d973a9a7831cc1779f4bd4ec152796753863d0aeae4088e1e0ae03921",{"_32":160,"_13":158,"_77":152,"_79":-5,"_80":57,"_81":110,"_82":26,"_34":261,"_40":144,"_85":145,"_87":-5,"_65":48,"_89":-5,"_70":262},{"_32":141,"_13":139,"_77":133,"_79":-5,"_80":57,"_81":142,"_82":26,"_34":259,"_40":144,"_85":145,"_87":-5,"_65":48,"_89":-5,"_70":260},{"_32":253,"_13":254,"_77":255,"_79":-5,"_80":57,"_81":144,"_82":26,"_34":256,"_40":176,"_85":86,"_87":257,"_65":48,"_89":-5,"_70":258},{"_32":247,"_13":248,"_77":249,"_79":-5,"_80":57,"_81":144,"_82":26,"_34":250,"_40":176,"_85":86,"_87":251,"_65":48,"_89":-5,"_70":252},{"_32":76,"_13":71,"_77":78,"_79":-5,"_80":57,"_81":20,"_82":26,"_34":245,"_40":84,"_85":86,"_87":88,"_65":48,"_89":-5,"_70":246},{"_32":238,"_13":239,"_77":171,"_79":-5,"_80":57,"_81":144,"_82":26,"_34":240,"_40":176,"_85":241,"_87":242,"_65":48,"_89":243,"_70":244},"1eaa14ec-6264-11f0-983b-0224a6c84d84","main.tsx",["D",1752684259831],"http","import { staticHTTPServer } from \"https://esm.town/v/std/utils/index.ts\";\nexport default staticHTTPServer(import.meta.url);","saythetime",[239],["D",1752684564637],[71],"1eaa1140-6264-11f0-983b-0224a6c84d84","favicon.svg","133fb02e-e061-4d1e-9be6-8804fb13b643",["D",1752684259831],"",[248],"1eaa0a88-6264-11f0-983b-0224a6c84d84","README.md","cf1fb281-3bc6-4d1f-89c0-e2298ec1e035",["D",1752684259831],"# 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\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\nIf you want more interactivity, check out this\n[React starter](https://www.val.town/x/std/reactHonoStarter).\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.",[254],["D",1752684414680],[139],["D",1752684307254],[158],"pulls","branches","forks","envVars",{"_270":176,"_272":176},"connections",{"_270":176,"_271":176},"count","unfilledCount","emptyCount",{"_32":160,"_13":158,"_77":152,"_79":-5,"_80":57,"_81":110,"_82":26,"_34":161,"_40":144,"_85":145,"_87":-5,"_65":48,"_89":-5,"_90":298,"_70":299},{"_32":149,"_13":150,"_77":151,"_79":152,"_80":57,"_81":56,"_82":26,"_34":153,"_40":154,"_85":121,"_87":155,"_65":48,"_89":-5,"_90":296,"_70":297},{"_32":141,"_13":139,"_77":133,"_79":-5,"_80":57,"_81":142,"_82":26,"_34":143,"_40":144,"_85":145,"_87":-5,"_65":48,"_89":-5,"_90":294,"_70":295},{"_32":131,"_13":104,"_77":132,"_79":133,"_80":57,"_81":134,"_82":26,"_34":135,"_40":84,"_85":86,"_87":136,"_65":48,"_89":-5,"_90":292,"_70":293},{"_32":253,"_13":254,"_77":255,"_79":-5,"_80":57,"_81":144,"_82":26,"_34":289,"_40":176,"_85":86,"_87":257,"_65":48,"_89":-5,"_90":290,"_70":291},{"_32":247,"_13":248,"_77":249,"_79":-5,"_80":57,"_81":144,"_82":26,"_34":286,"_40":176,"_85":86,"_87":251,"_65":48,"_89":-5,"_90":287,"_70":288},{"_32":76,"_13":71,"_77":78,"_79":-5,"_80":57,"_81":20,"_82":26,"_34":83,"_40":84,"_85":86,"_87":88,"_65":48,"_89":-5,"_90":284,"_70":285},{"_32":238,"_13":239,"_77":171,"_79":-5,"_80":57,"_81":144,"_82":26,"_34":281,"_40":176,"_85":241,"_87":242,"_65":48,"_89":243,"_90":282,"_70":283},["D",1752684259831],[],[239],[],[71],["D",1752684259831],[],[248],["D",1752684259831],[],[254],[],[139,104],[276],[139],[],[158,150],[274],[158],["D",1752684259831],{"_11":12,"_202":198},{"_11":12,"_196":-5,"_197":198,"_168":169,"_199":200,"_201":48},{"_40":56,"_13":16,"_32":57,"_38":58,"_42":33,"_43":59,"_60":50,"_61":39,"_62":54,"_55":14,"_51":12},"ctx",{"_191":-5,"_223":337,"_338":339,"_340":341,"_342":48,"_343":48,"_344":48,"_345":26,"_346":-5,"_347":-7,"_348":-7,"_349":176,"_350":48,"_351":48,"_352":-5,"_353":48,"_354":48,"_355":48,"_356":-5},"ENV",{"_308":309,"_310":311,"_312":16,"_313":314,"_315":316,"_317":318,"_319":320,"_321":322,"_323":324,"_325":326,"_327":328,"_329":330,"_331":332,"_333":334,"_335":336},"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"]

Compare

Mergejulie/mainintotemplates/main

index.html+36-16

js

js/index.js+127-0

styles

styles/style.css+34-0

script.js+0-6

style.css+0-11