\n #000000\n

\n \n Follow Time\n \n

\n \n $\"\"$ \n Remix on Glitch\n \n \n",[],[109,174],{"_102":183,"_95":184,"_157":185,"_159":158,"_160":140,"_161":186,"_163":117,"_104":187,"_99":188,"_165":189,"_167":190,"_168":22,"_169":-5,"_170":191,"_98":192},"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});",[],[109,184],{"_102":194,"_95":195,"_157":196,"_159":158,"_160":140,"_161":139,"_163":117,"_104":197,"_99":198,"_165":178,"_167":199,"_168":22,"_169":-5,"_170":200,"_98":201},"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*/",[],[109,195],[109],{"_102":204,"_95":205,"_157":115,"_159":-5,"_160":140,"_161":162,"_163":117,"_104":206,"_99":32,"_165":207,"_167":208,"_168":22,"_169":-5,"_170":209,"_98":210},"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};",[],[205],"files",[155,172,182,193,203],"counts",{"_215":32,"_216":162,"_217":32,"_218":219},"pulls","branches","forks","envVars",{"_220":32,"_221":32},"count","emptyCount","contents",[224,227],{"_102":156,"_95":109,"_157":158,"_159":-5,"_160":140,"_161":162,"_163":117,"_104":225,"_99":32,"_165":166,"_167":-5,"_168":22,"_169":-5,"_98":226},["D",1749483786603],[109],{"_102":204,"_95":205,"_157":115,"_159":-5,"_160":140,"_161":162,"_163":117,"_104":228,"_99":32,"_165":207,"_167":208,"_168":22,"_169":-5,"_98":229},["D",1749483786603],[205],"upstreamProject",{"_102":148,"_95":232,"_110":-5,"_112":-5,"_108":109,"_23":233},"static-file",{"_93":94,"_132":133},"upstreamBranch",{"_102":143,"_104":236,"_237":238,"_95":43,"_141":148,"_99":145,"_142":-5,"_144":-5,"_239":240,"_106":-5,"_152":22,"_108":109,"_151":94,"_16":121,"_150":232},["D",1749299305090],"updatedAt",["D",1749483756342],"lockfileKey","1754015519223-esm.town_v_futchitwo_static-file@39-main","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.remixes",{"_93":94,"_95":96,"_100":247,"_217":252,"_253":254},{"_102":103,"_95":96,"_104":248,"_106":-5,"_107":22,"_108":109,"_110":111,"_112":-5,"_14":113,"_114":115,"_116":117,"_118":117,"_119":-5,"_120":32,"_16":121,"_122":123,"_124":123,"_125":126,"_127":126,"_128":126,"_129":123,"_130":123,"_23":249,"_134":250,"_137":251,"_152":22},["D",1749483786603],{"_93":94,"_132":133},{"_93":94,"_136":133,"_14":113},{"_99":139,"_95":43,"_102":140,"_141":103,"_142":143,"_144":145,"_146":109,"_147":148,"_149":121,"_150":96,"_151":94},[],"upstream",{"_102":148,"_95":232,"_110":-5,"_112":-5,"_108":109,"_23":255},{"_93":94,"_132":133},"actionData","errors"]

futchitwo

colorcode-now