Blank Workspace

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_260":261,"_262":263},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":-7,"_18":19,"_17":-7,"_193":-5,"_20":194,"_22":195,"_196":197,"_198":199,"_26":200,"_24":201,"_202":203,"_204":205,"_206":51,"_207":208,"_209":71,"_210":-5,"_211":-5,"_212":213},"routes/_app.x.$handle.$name.code.$",{"_11":12,"_13":14,"_15":16,"_17":-7,"_18":19,"_20":21,"_22":23,"_24":25,"_26":27,"_28":29,"_30":-5,"_31":32,"_33":34,"_35":-5},"handle","julie","name","basic-html-starter","branchName","main","version","path","styles","project",{"_36":149,"_13":14,"_38":150,"_49":-5,"_151":51,"_52":53,"_152":53,"_153":-5,"_154":-5,"_155":156,"_157":94,"_158":71,"_159":71,"_160":-5,"_161":96,"_56":162,"_163":-5,"_164":-5,"_165":-5,"_166":-5,"_167":168,"_169":168,"_170":171,"_172":171,"_173":171,"_174":168,"_175":168,"_176":177,"_178":179,"_180":181,"_50":51},"tree",[86,87,88,89,90,91],"file",{"_36":80,"_13":19,"_62":65,"_64":-5,"_66":67,"_68":81,"_70":71,"_38":82,"_17":83,"_74":84,"_75":-5,"_77":51,"_78":-5,"_18":85},"contents",[59],"upstream",{"_36":37,"_38":39,"_40":41,"_13":16,"_42":43,"_17":44,"_45":-5,"_46":-5,"_47":48,"_49":-5,"_50":51,"_52":53,"_54":55,"_56":57,"_58":14},"pull","ahead",13,"behind",8,"envVars","id","7a3b261a-4186-11f0-ae9b-76b3cceeab13","createdAt",["D",1749070628054],"updatedAt",["D",1779896149804],"projectId","7a3abcf2-4186-11f0-ae9b-76b3cceeab13",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",{"_36":60,"_13":61,"_62":63,"_64":65,"_66":67,"_68":69,"_70":71,"_38":72,"_17":73,"_74":24,"_75":76,"_77":51,"_78":-5,"_18":79},"7d9ec4e8-6264-11f0-983b-0224a6c84d84","style.css","fileId","0a6af85d-1a8c-4c3a-af18-c02a86ad607d","parentId","7605eafe-6264-11f0-839e-0224a6c84d84","branchId","1ea46f7e-6264-11f0-983b-0224a6c84d84","branchVersion",11,"latest",true,["D",1752684419218],2,"fileType","content","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}","deleted","label",[19,61],"7aea6f04-6264-11f0-b2bc-0224a6c84d84",10,["D",1752684414680],1,"directory",[19],{"_36":131,"_13":132,"_62":133,"_64":-5,"_66":67,"_68":134,"_70":71,"_38":135,"_17":83,"_74":84,"_75":-5,"_77":51,"_78":-5,"_100":136,"_18":137},{"_36":80,"_13":19,"_62":65,"_64":-5,"_66":67,"_68":81,"_70":71,"_38":124,"_17":83,"_74":84,"_75":-5,"_77":51,"_78":-5,"_100":125,"_18":126},{"_36":117,"_13":118,"_62":119,"_64":-5,"_66":67,"_68":83,"_70":71,"_38":120,"_17":96,"_74":24,"_75":121,"_77":51,"_78":-5,"_100":122,"_18":123},{"_36":110,"_13":111,"_62":112,"_64":-5,"_66":67,"_68":83,"_70":71,"_38":113,"_17":96,"_74":24,"_75":114,"_77":51,"_78":-5,"_100":115,"_18":116},{"_36":103,"_13":104,"_62":105,"_64":-5,"_66":67,"_68":32,"_70":71,"_38":106,"_17":73,"_74":24,"_75":107,"_77":51,"_78":-5,"_100":108,"_18":109},{"_36":92,"_13":93,"_62":94,"_64":-5,"_66":67,"_68":83,"_70":71,"_38":95,"_17":96,"_74":97,"_75":98,"_77":51,"_78":99,"_100":101,"_18":102},"1eaa14ec-6264-11f0-983b-0224a6c84d84","main.tsx","671ac263-2cf6-4f19-b3e6-50409b754713",["D",1752684259831],0,"http","import { staticHTTPServer } from \"https://esm.town/v/std/utils/index.ts\";\nexport default staticHTTPServer(import.meta.url);","saythetime","children",[],[93],"d44c9d06-6264-11f0-92d8-0224a6c84d84","index.html","e457d9e6-36a2-4453-a81d-3b8a85f38d74",["D",1752684564637],"\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",[],[104],"1eaa1140-6264-11f0-983b-0224a6c84d84","favicon.svg","133fb02e-e061-4d1e-9be6-8804fb13b643",["D",1752684259831],"",[],[111],"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.",[],[118],["D",1752684414680],[127],[19],{"_36":60,"_13":61,"_62":63,"_64":65,"_66":67,"_68":69,"_70":71,"_38":128,"_17":73,"_74":24,"_75":76,"_77":51,"_78":-5,"_100":129,"_18":130},["D",1752684419218],[],[19,61],"3ae284dc-6264-11f0-8fea-0224a6c84d84","js","37f347c0-6264-11f0-8b7b-0224a6c84d84",4,["D",1752684307254],[138],[132],{"_36":139,"_13":140,"_62":141,"_64":133,"_66":67,"_68":142,"_70":71,"_38":143,"_17":144,"_74":145,"_75":146,"_77":51,"_78":-5,"_100":147,"_18":148},"fc007aca-6264-11f0-92d8-0224a6c84d84","index.js","51bbdabe-e6a1-4505-9075-cda4ce685e2e",14,["D",1752684631251],5,"script","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);",[],[132,140],"1ea145d8-6264-11f0-983b-0224a6c84d84",["D",1752684259831],"legacyEnvVars","httpPrivacy","description","imageUrl","userId","5d333740-6262-11f0-9f04-73f435e38a9c","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","5d335e50-6262-11f0-9f04-73f435e38a9c","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_192":188},"org",{"_11":12,"_186":-5,"_187":188,"_155":156,"_189":190,"_191":51},"branch",{"_17":142,"_13":16,"_36":67,"_42":149,"_45":37,"_46":182,"_183":53,"_184":43,"_185":57,"_58":14,"_54":12},68,"forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yenhySW14NUl3eDFnZFRuTmtTY1Jadm05Q2sifQ","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_36":149,"_13":14,"_38":256,"_49":-5,"_151":51,"_52":53,"_152":53,"_153":-5,"_154":-5,"_155":156,"_157":94,"_158":71,"_159":71,"_160":-5,"_161":96,"_56":162,"_163":-5,"_164":-5,"_165":-5,"_166":-5,"_167":168,"_169":168,"_170":171,"_172":171,"_173":171,"_174":168,"_175":168,"_176":257,"_178":258,"_180":259,"_50":51},[232,234,236,237,238,239],"files",[232,233,234,235,236,237,238,239],"counts",{"_223":96,"_224":83,"_225":96,"_35":226,"_227":228},[221],{"_36":80,"_13":19,"_62":65,"_64":-5,"_66":67,"_68":81,"_70":71,"_38":82,"_17":83,"_74":84,"_75":-5,"_77":51,"_78":-5,"_18":220},"upstreamProject",{"_36":43,"_13":14,"_153":216,"_154":217,"_52":53,"_176":218},"upstreamBranch",{"_36":37,"_38":214,"_40":215,"_13":16,"_42":43,"_17":44,"_45":-5,"_46":-5,"_47":48,"_49":-5,"_50":51,"_52":53,"_54":55,"_56":57,"_58":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=1789556399&sig=f55b1da9030932fec62e1a097b2a1e82a86b7e16c80b8da846d667319f37c879",{"_11":55,"_192":219},"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/129cab32-3bd7-4c3e-f39b-f12900c76100/square512?exp=1789556399&sig=d4d039bf60786a03d56ec8a29ec1b19630253aab318e490fcd07a6f24846b070",[19],{"_36":60,"_13":61,"_62":63,"_64":65,"_66":67,"_68":69,"_70":71,"_38":72,"_17":73,"_74":24,"_75":76,"_77":51,"_78":-5,"_18":222},[19,61],"pulls","branches","forks",{"_229":96,"_231":96},"connections",{"_229":96,"_230":96},"count","unfilledCount","emptyCount",{"_36":131,"_13":132,"_62":133,"_64":-5,"_66":67,"_68":134,"_70":71,"_38":135,"_17":83,"_74":84,"_75":-5,"_77":51,"_78":-5,"_100":254,"_18":255},{"_36":139,"_13":140,"_62":141,"_64":133,"_66":67,"_68":142,"_70":71,"_38":143,"_17":144,"_74":145,"_75":146,"_77":51,"_78":-5,"_100":252,"_18":253},{"_36":80,"_13":19,"_62":65,"_64":-5,"_66":67,"_68":81,"_70":71,"_38":124,"_17":83,"_74":84,"_75":-5,"_77":51,"_78":-5,"_100":250,"_18":251},{"_36":60,"_13":61,"_62":63,"_64":65,"_66":67,"_68":69,"_70":71,"_38":128,"_17":73,"_74":24,"_75":76,"_77":51,"_78":-5,"_100":248,"_18":249},{"_36":117,"_13":118,"_62":119,"_64":-5,"_66":67,"_68":83,"_70":71,"_38":120,"_17":96,"_74":24,"_75":121,"_77":51,"_78":-5,"_100":246,"_18":247},{"_36":110,"_13":111,"_62":112,"_64":-5,"_66":67,"_68":83,"_70":71,"_38":113,"_17":96,"_74":24,"_75":114,"_77":51,"_78":-5,"_100":244,"_18":245},{"_36":103,"_13":104,"_62":105,"_64":-5,"_66":67,"_68":32,"_70":71,"_38":106,"_17":73,"_74":24,"_75":107,"_77":51,"_78":-5,"_100":242,"_18":243},{"_36":92,"_13":93,"_62":94,"_64":-5,"_66":67,"_68":83,"_70":71,"_38":95,"_17":96,"_74":97,"_75":98,"_77":51,"_78":99,"_100":240,"_18":241},[],[93],[],[104],[],[111],[],[118],[],[19,61],[235],[19],[],[132,140],[233],[132],["D",1752684259831],{"_11":12,"_192":188},{"_11":12,"_186":-5,"_187":188,"_155":156,"_189":190,"_191":51},{"_17":142,"_13":16,"_36":67,"_42":149,"_45":37,"_46":182,"_183":53,"_184":43,"_185":57,"_58":14,"_54":12},"ctx",{"_176":-5,"_211":293,"_294":295,"_296":297,"_298":51,"_299":51,"_300":51,"_301":71,"_302":-5,"_303":-7,"_304":-7,"_305":96,"_306":51,"_307":51,"_308":-5,"_309":51,"_310":51,"_311":51,"_312":-5},"ENV",{"_264":265,"_266":267,"_268":16,"_269":270,"_271":272,"_273":274,"_275":276,"_277":278,"_279":280,"_281":282,"_283":284,"_285":286,"_287":288,"_289":290,"_291":292},"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"]