\n #000000\n

\n \n Follow Time\n \n

\n \n $\"\"$ \n Remix on Glitch\n \n \n","label",[87,68],"pulls","branches","forks","envVars",{"_179":26,"_181":26},"connections",{"_179":26,"_180":26},"count","unfilledCount","emptyCount",{"_33":216,"_13":87,"_66":164,"_43":-5,"_35":36,"_165":40,"_166":95,"_37":217,"_39":26,"_69":218,"_168":-5,"_70":24,"_170":-5,"_192":219,"_17":220},{"_33":163,"_13":68,"_66":67,"_43":164,"_35":36,"_165":76,"_166":95,"_37":213,"_39":40,"_69":21,"_168":169,"_70":24,"_170":-5,"_192":214,"_17":215},{"_33":203,"_13":204,"_66":205,"_43":164,"_35":36,"_165":206,"_166":95,"_37":207,"_39":208,"_69":209,"_168":210,"_70":24,"_170":-5,"_192":211,"_17":212},{"_33":195,"_13":196,"_66":197,"_43":164,"_35":36,"_165":118,"_166":95,"_37":198,"_39":199,"_69":21,"_168":200,"_70":24,"_170":-5,"_192":201,"_17":202},{"_33":187,"_13":188,"_66":93,"_43":-5,"_35":36,"_165":40,"_166":95,"_37":189,"_39":26,"_69":190,"_168":191,"_70":24,"_170":-5,"_192":193,"_17":194},"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};","children",[],[188],"b141a63c-4548-11f0-8af3-76b3cceeab13","style.css","a7a97eba-4548-11f0-b62c-76b3cceeab13",["D",1749483896220],3,"/* 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*/",[],[87,196],"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});",[],[87,204],["D",1749483848898],[],[87,68],"6ff13b48-4548-11f0-989b-76b3cceeab13",["D",1749483786603],"directory",[183,184,185],[87],["D",1749483786603],{"_11":12,"_132":73},{"_11":12,"_128":-5,"_72":73,"_30":71,"_129":130,"_131":24},{"_39":118,"_13":16,"_33":36,"_119":83,"_120":63,"_121":64,"_122":87,"_123":124,"_125":42,"_126":14,"_127":12},"ctx",{"_52":-5,"_153":258,"_259":260,"_261":262,"_263":24,"_264":24,"_265":24,"_266":95,"_267":-5,"_268":-7,"_269":-7,"_270":26,"_271":24,"_272":24,"_273":-5,"_274":24,"_275":24,"_276":24,"_277":-5},"ENV",{"_229":230,"_231":232,"_233":16,"_234":235,"_236":237,"_238":239,"_240":241,"_242":243,"_244":245,"_246":247,"_248":249,"_250":251,"_252":253,"_254":255,"_256":257},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e8c4b7030cb7600e4eb0736b15f422c8b8bd130f","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