My Tan

\n\n

Highest UV for the week

\n\n

Dates of the start and end of the week go here

Highest UV for each day of the week

\n\n

Tan timer and other stuff (SAVE FOR LATER!)

\n \n \n","label",[18],"pulls","branches","forks","envVars",{"_180":26,"_182":26},"connections",{"_180":26,"_181":26},"count","unfilledCount","emptyCount",{"_33":165,"_13":18,"_66":67,"_43":-5,"_35":36,"_166":75,"_167":94,"_37":213,"_39":40,"_68":21,"_169":170,"_69":24,"_171":-5,"_193":214,"_17":215},{"_33":206,"_13":207,"_66":92,"_43":-5,"_35":36,"_166":40,"_167":94,"_37":208,"_39":26,"_68":209,"_169":210,"_69":24,"_171":-5,"_193":211,"_17":212},{"_33":196,"_13":197,"_66":198,"_43":-5,"_35":36,"_166":199,"_167":94,"_37":200,"_39":201,"_68":202,"_169":203,"_69":24,"_171":-5,"_193":204,"_17":205},{"_33":187,"_13":188,"_66":189,"_43":-5,"_35":36,"_166":117,"_167":94,"_37":190,"_39":191,"_68":21,"_169":192,"_69":24,"_171":-5,"_193":194,"_17":195},"0a5f2188-4316-11f1-b849-42b51c65c3df","style.css","019dd483-1ba4-774c-8e61-08e83c99fa45",["D",1777389736713],15,":root {\n --background-color:#fcddcf; /*light orange*/\n --midtone1: #ffaea5; /*coral*/\n --midtone2: #ffc5bf; /*light coral*/\n --midtone3: #ffc8a2; /*orange*/\n --words: #ff6265; /*deep coral*/\n --start: #c6dbda; /*light green*/\n --stop: #ffdadf; /*blossum*/\n* {\n box-sizing: border-box;\n margin: 0vw;\n background-color: var(--background-color);\n color: var(--words);\n}\n\n.flex-container {\n display: flex;\n flex-wrap: wrap;\n}\n\n.flex-item {\n padding: 2vw;\n h1, h2, h3 {\n text-align: center;\n }\n}\n/*col 4 means it taks up 4 colums and 3 means 3 colums ect*/\n .col-4 {\n flex:100%;\n /*border-style: solid;\n border-width: 0.5vw;\n border-color: var(--midtone3);*/\n }\n \n \n.col-3 {\n flex:75%;\n }\n\n .col-2 {\n flex:50%;\n border-style: solid;\n border-width: 0.6vw;\n border-color: var(--midtone3);\n }\n\n .col-1 {\n flex:100%;\n display: flex;\n justify-content: center;\n align-items: center;\n }\n\n div.scrollmenu {\n background-color: var(--midtone2);\n padding: 5px 0;\n min-height: 15px;\n overflow-x: auto;\n white-space: nowrap;\n width: 100%;\n}\n .scrollmenu p {\n display: inline-block;\n color: var(--words);\n text-align:center;\n padding: 14px;\n text-decoration: none;\n margin: 0;\n }\n .scrollmenu p:hover {\n background-color: var(--midtone3);\n}\n\n /*FONTS*/\n \n h1 {\n size: 70 px;\n text-align: center;\n font-family: \"Sour Gummy\";\n}\n\n p {\n size: 30 px;\n text-align: center;\n font-family: \"Sour Gummy\";\n}\n\n.hourdisp {\n padding: 0.2em;\n width: 3em;\n background-color: white;\n border-radius: 0.7em; \n font-size: 2em;\n h6 {\n background-color: white;\n color: var(--midtone3);\n font-size: 0.5em;\n }\n} \n@media (max-width: 600px) {\n .col-1{\n flex:100%;\n }\n .col-2{\n flex:100%;\n }\n .col-3{\n flex:100%;\n }\n .col-4{\n flex:100%;\n }\n}","children",[],[188],"cac0fe34-4315-11f1-8c02-42b51c65c3df","script.js","019dd483-1ba4-774c-8e61-0507bf3491cf",18,["D",1777389629998],6,"script","const d = new Date();\nlet day = d.getDay();\nconst days = [\n \"Sunday\",\n \"Monday\",\n \"Tuesday\",\n \"Wednesday\",\n \"Thursday\",\n \"Friday\",\n \"Saturday\",\n];\nlet dayName = days[day];\ndocument.getElementById(\"day\").innerHTML = dayName;\n\ngetData();\n\nasync function getData() {\n const data = await fetch(\n \"https://currentuvindex.com/api/v1/uvi?latitude=40.4842&longitude=-88.9937\",\n );\n\n const jsonData = await data.json();\n console.log(jsonData);\n document.getElementById(\"currentUV\").innerHTML = \"UV \" + jsonData.now.uvi;\n for (let i = 0; i < 13; i++) {\n const times = [\n \"7am\",\n \"8am\",\n \"9am\",\n \"10am\",\n \"11am\",\n \"12pm\",\n \"1pm\",\n \"2pm\",\n \"3pm\",\n \"4pm\",\n \"5pm\",\n \"6pm\",\n \"7pm\",\n ];\n const nextHourUV = jsonData.forecast[i].uvi + \"

\" + times[i] +\n \"

\";\n const elementName = \"hour\" + i;\n console.log((i + 1) + \" hours from now: \" + nextHourUV);\n\n document.getElementById(elementName).innerHTML = nextHourUV;\n }\n}",[],[197],"54ed5d34-430f-11f1-a5e0-42b51c65c3df","main.ts",["D",1777386855237],"http","import { staticHTTPServer } from \"https://esm.town/v/std/utils/index.ts\";\nexport default staticHTTPServer(import.meta.url);",[],[207],["D",1777386995776],[],[18],["D",1777386855237],{"_11":12,"_132":72},{"_11":12,"_128":-5,"_71":72,"_30":70,"_129":130,"_131":24},{"_39":117,"_13":16,"_33":36,"_118":82,"_119":63,"_120":121,"_122":86,"_123":124,"_125":42,"_126":14,"_127":12},"ctx",{"_52":-5,"_153":253,"_254":255,"_256":257,"_258":24,"_259":24,"_260":24,"_261":94,"_262":-5,"_263":-7,"_264":-7,"_265":26,"_266":24,"_267":24,"_268":-5,"_269":24,"_270":24,"_271":24,"_272":-5},"ENV",{"_224":225,"_226":227,"_228":16,"_229":230,"_231":232,"_233":234,"_235":236,"_237":238,"_239":240,"_241":242,"_243":244,"_245":246,"_247":248,"_249":250,"_251":252},"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"]

History · index.html