[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_235":236,"_237":238},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_69":166,"_40":-7,"_167":-5,"_17":168,"_169":170,"_171":172,"_173":174,"_175":176,"_88":-5,"_177":178,"_179":180,"_181":48,"_182":183,"_184":26,"_185":-5,"_186":-5,"_187":188},"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","futchitwo","name","colorcode-now","branchName","main","project",{"_32":58,"_13":14,"_34":127,"_46":-5,"_128":48,"_49":50,"_129":50,"_130":131,"_132":-5,"_133":134,"_135":136,"_137":26,"_138":26,"_139":-5,"_140":22,"_52":53,"_141":-5,"_142":-5,"_143":-5,"_144":-5,"_145":146,"_147":146,"_148":149,"_150":149,"_151":149,"_152":146,"_153":146,"_154":155,"_156":157,"_158":28,"_47":48},"ahead",8,"behind",0,"diff",{"_62":63,"_64":65,"_66":67},"hasChanges",true,"sourceBranch",{"_40":56,"_13":16,"_32":57,"_38":58,"_42":33,"_43":41,"_59":50,"_60":39,"_61":53,"_54":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":12,"_52":53,"_54":55},"pull","id","e85d6f34-439a-11f0-8f9e-76b3cceeab13","createdAt",["D",1749299305090],"updatedAt",["D",1749483756342],"projectId","e85d22e0-439a-11f0-8f9e-76b3cceeab13","version",39,"forkedBranchId","forkedBranchVersion","lockfileKey","1768879781559-esm.town_v_futchitwo_static-file@39-main","deletedAt","isOwned",false,"privacy","public","userHandle","orgId","cfc8ae27-214f-422a-b7ec-b505694a4e7d","projectName","static-file",9,"6feda4ba-4548-11f0-989b-76b3cceeab13","6feaffb2-4548-11f0-989b-76b3cceeab13","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","added",[104,105],"deleted",[],"modified",[68],{"_69":70,"_71":72,"_73":74},"path","public/index.html","targetFile",{"_32":96,"_13":76,"_77":97,"_79":98,"_81":33,"_82":56,"_84":26,"_34":99,"_40":100,"_87":88,"_89":101,"_64":48,"_91":-5,"_92":-7,"_69":102,"_94":103},"sourceFile",{"_32":75,"_13":76,"_77":78,"_79":80,"_81":57,"_82":83,"_84":26,"_34":85,"_40":86,"_87":88,"_89":90,"_64":48,"_91":-5,"_92":-7,"_69":93,"_94":95},"950ce9b8-4548-11f0-8614-76b3cceeab13","index.html","fileId","c8befa1a-c817-412d-884f-f00114b61d0b","parentId","2b7074e9-6569-4db7-a770-988ae0d70a77","branchId","branchVersion",5,"latest",["D",1749483848898],1,"fileType","file","content","\n\n \n \n \n \n\n Colorcode Now\n\n \n \n\n \n \n \n \n \n

\n #000000\n

\n \n Follow Time\n \n

\n \n $\"\"$ \n Remix on Glitch\n \n \n","label","children",[50,76],"contentHash","81c85bc9680a3fb95d1090e58b924a606a9a4edd044bf03708c07407a5c2be09","c37e7242-439c-11f0-82bd-76b3cceeab13","7c2882ca-439c-11f0-afd2-76b3cceeab13","6a8c2d64-439c-11f0-983e-76b3cceeab13",["D",1749300102220],3,"\n \n \n Serve Static File\n \n \n

Serve Static File

\n \n ",[50,76],"d975ee68e2070f95387391c9a2b59ccec2637c728518b171c9dfe2f5d2f5f222",{"_69":115,"_71":-7,"_73":116},{"_69":106,"_71":-7,"_73":107},"public/style.css",{"_32":108,"_13":109,"_77":110,"_79":80,"_81":57,"_82":56,"_84":26,"_34":111,"_40":100,"_87":88,"_89":112,"_64":48,"_91":-5,"_92":-7,"_69":113,"_94":114},"b141a63c-4548-11f0-8af3-76b3cceeab13","style.css","a7a97eba-4548-11f0-b62c-76b3cceeab13",["D",1749483896220],"/* a minimalist set of CSS resets */\n\n/* default to border-box */\nhtml {\n box-sizing: border-box;\n font-size: 16px;\n color: white;\n}\n\n*, *:before, *:after {\n box-sizing: inherit;\n}\n\n/* adjust typography defaults */\nbody {\n margin: 1rem;\n font-family: sans-serif;\n line-height: 1.5;\n}\n\n/* images and videos max out at full width */\nimg,\nvideo {\n height: auto;\n max-width: 100%;\n}\n\n/* Our remix on glitch button */\n/*\n.btn--remix {\n font-family: HK Grotesk;\n padding: 0.75rem 1rem;\n font-size: 1.1rem;\n line-height: 1rem;\n font-weight: 500;\n height: 2.75rem;\n align-items: center;\n cursor: pointer;\n background: #FFFFFF;\n border: 1px solid #000000;\n box-sizing: border-box;\n border-radius: 4px;\n text-decoration: none;\n color: #000;\n white-space: nowrap;\n margin-left: auto;\n}\n.btn--remix img {\n margin-right: 0.5rem;\n}\n.btn--remix:hover {\n background-color: #D0FFF1;\n}\n*/",[50,109],"a6bc24451197e0b45362abc5dc6e190ae36299a40f82218bd76035eeb2356df0","public/script.js",{"_32":117,"_13":118,"_77":119,"_79":80,"_81":57,"_82":120,"_84":26,"_34":121,"_40":122,"_87":123,"_89":124,"_64":48,"_91":-5,"_92":-7,"_69":125,"_94":126},"91298a54-4548-11f0-a84d-76b3cceeab13","script.js","792628f4-4548-11f0-9b91-76b3cceeab13",4,["D",1749483842376],2,"script","const bodyEl = document.querySelector(\"body\");\nconst colorCodeEl = document.querySelector(\"#colorcode\");\nconst nowCheckBoxEl = document.querySelector(\"#now\");\nconst inputEl = document.querySelector(\"#input\");\n\nfunction setColorCode(hour, min, sec) {\n const colorCode = '#' + hour.toString().padStart(2, '0') + min.toString().padStart(2, '0') + sec.toString().padStart(2, '0');\n //console.log(colorCode);\n bodyEl.style.backgroundColor = colorCode;\n colorCodeEl.innerText = colorCode;\n}\n\nfunction setColorCode2(hour, min, sec) {\n const colorCode = '#' + hour.toString('16').padStart(2, '0') + min.toString('16').padStart(2, '0') + sec.toString('16').padStart(2, '0');\n //console.log(colorCode);\n bodyEl.style.backgroundColor = colorCode;\n colorCodeEl.innerText = colorCode;\n}\n\nfunction updateByTime() {\n const now = new Date();\n const sec = now.getSeconds();\n const min = now.getMinutes();\n const hour = now.getHours();\n console.log(nowCheckBoxEl.checked)\n if (nowCheckBoxEl.checked) {\n setColorCode(hour, min, sec);\n inputEl.value = hour * 3600 + min * 60 + sec;\n }\n}\n\nupdateByTime();\nsetInterval(updateByTime, 1000);\n\ninputEl.addEventListener('input', () => {\n const time = inputEl.value;\n const sec = time % 60;\n const min = Math.floor((time / 60) % 60);\n const hour = Math.floor(time / 3600);\n setColorCode(hour, min, sec);\n});",[50,118],"c5174642da0a44a8ee9b049827c02cb6dc118676a3e6bef9c254ca2a792c0512",["D",1749483786603],"legacyEnvVars","httpPrivacy","description","migrate from Glitch","imageUrl","userId","d3230e80-439a-11f0-b22e-93f24241c047","pinnedFileId","f65a7f0a-aeba-47d9-b99e-06fe0bb3364d","pinPreview","pinMigrated","screenshotVersion","likeCount","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_165":161},"org",{"_11":12,"_159":-5,"_160":161,"_133":134,"_162":163,"_164":48},"branch","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yeUJEcTJHOTd3eGZyYVg0QkdubXJsRU9RdlUifQ","tier","free","canRestrictVals","profileImageUrl","","adoptOrgId",{"_32":58,"_13":14,"_34":231,"_46":-5,"_128":48,"_49":50,"_129":50,"_130":131,"_132":-5,"_133":134,"_135":136,"_137":26,"_138":26,"_139":-5,"_140":22,"_52":53,"_141":-5,"_142":-5,"_143":-5,"_144":-5,"_145":146,"_147":146,"_148":149,"_150":149,"_151":149,"_152":146,"_153":146,"_154":232,"_156":233,"_158":234,"_47":48},"tree",[214,218],"files",[214,215,216,217,218],"counts",{"_204":22,"_205":86,"_206":22,"_207":208,"_209":210},"contents",[192,193],"upstreamProject",{"_32":39,"_13":55,"_130":-5,"_132":-5,"_49":50,"_154":191},"upstreamBranch",{"_32":33,"_34":189,"_36":190,"_13":16,"_38":39,"_40":41,"_42":-5,"_43":-5,"_44":45,"_46":-5,"_47":48,"_49":50,"_51":12,"_52":53,"_54":55},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1749299305090],["D",1749483756342],{"_11":12,"_165":161},{"_32":200,"_13":50,"_77":80,"_79":-5,"_81":57,"_82":86,"_84":26,"_34":201,"_40":22,"_87":202,"_89":-5,"_64":48,"_91":-5,"_69":203},{"_32":194,"_13":195,"_77":136,"_79":-5,"_81":57,"_82":86,"_84":26,"_34":196,"_40":22,"_87":197,"_89":198,"_64":48,"_91":-5,"_69":199},"6ff13d00-4548-11f0-989b-76b3cceeab13","main.ts",["D",1749483786603],"http","import { serveFile } from \"https://esm.town/v/std/utils@105-main/index.ts\";\n\nconst DIR = \"/public\";\n// ref: https://www.val.town/x/std/utils/code/static/main.tsx\nexport default (req: Request) => {\n const url = new URL(req.url);\n if (url.pathname === \"/\") return serveFile(DIR + \"/index.html\", import.meta.url);\n return serveFile(DIR + url.pathname, import.meta.url);\n};",[195],"6ff13b48-4548-11f0-989b-76b3cceeab13",["D",1749483786603],"directory",[50],"pulls","branches","forks","envVars",{"_211":22,"_213":22},"connections",{"_211":22,"_212":22},"count","unfilledCount","emptyCount",{"_32":200,"_13":50,"_77":80,"_79":-5,"_81":57,"_82":86,"_84":26,"_34":228,"_40":22,"_87":202,"_89":-5,"_64":48,"_91":-5,"_92":229,"_69":230},{"_32":75,"_13":76,"_77":78,"_79":80,"_81":57,"_82":83,"_84":26,"_34":85,"_40":86,"_87":88,"_89":90,"_64":48,"_91":-5,"_92":226,"_69":227},{"_32":117,"_13":118,"_77":119,"_79":80,"_81":57,"_82":120,"_84":26,"_34":121,"_40":122,"_87":123,"_89":124,"_64":48,"_91":-5,"_92":224,"_69":225},{"_32":108,"_13":109,"_77":110,"_79":80,"_81":57,"_82":56,"_84":26,"_34":111,"_40":100,"_87":88,"_89":112,"_64":48,"_91":-5,"_92":222,"_69":223},{"_32":194,"_13":195,"_77":136,"_79":-5,"_81":57,"_82":86,"_84":26,"_34":219,"_40":22,"_87":197,"_89":198,"_64":48,"_91":-5,"_92":220,"_69":221},["D",1749483786603],[],[195],[],[50,109],[],[50,118],[],[50,76],["D",1749483786603],[215,216,217],[50],["D",1749483786603],{"_11":12,"_165":161},{"_11":12,"_159":-5,"_160":161,"_133":134,"_162":163,"_164":48},{"_40":56,"_13":16,"_32":57,"_38":58,"_42":33,"_43":41,"_59":50,"_60":39,"_61":53,"_54":14,"_51":12},"ctx",{"_154":-5,"_186":268,"_269":270,"_271":272,"_273":48,"_274":48,"_275":48,"_276":26,"_277":-5,"_278":-7,"_279":-7,"_280":22,"_281":48,"_282":48,"_283":-5,"_284":48,"_285":48,"_286":48,"_287":-5},"ENV",{"_239":240,"_241":242,"_243":16,"_244":245,"_246":247,"_248":249,"_250":251,"_252":253,"_254":255,"_256":257,"_258":259,"_260":261,"_262":263,"_264":265,"_266":267},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","71c1b20804b3232a7e513be260cfffc1932a9e97","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

Mergecolorcode-now/mainintostatic-file/main

public/index.html+30-8

public/script.js+41-0

public/style.css+54-0