This weeks highs

\n \n","label",[18],"pulls","branches","forks","envVars",{"_174":26,"_176":26},"connections",{"_174":26,"_175":26},"count","unfilledCount","emptyCount",{"_32":159,"_13":18,"_65":66,"_42":-5,"_34":35,"_160":39,"_161":85,"_36":204,"_38":26,"_67":21,"_163":164,"_68":24,"_165":-5,"_186":205,"_17":206},{"_32":197,"_13":198,"_65":83,"_42":-5,"_34":35,"_160":39,"_161":85,"_36":199,"_38":26,"_67":200,"_163":201,"_68":24,"_165":-5,"_186":202,"_17":203},{"_32":189,"_13":190,"_65":191,"_42":-5,"_34":35,"_160":39,"_161":85,"_36":192,"_38":26,"_67":193,"_163":194,"_68":24,"_165":-5,"_186":195,"_17":196},{"_32":181,"_13":182,"_65":183,"_42":-5,"_34":35,"_160":39,"_161":85,"_36":184,"_38":26,"_67":21,"_163":185,"_68":24,"_165":-5,"_186":187,"_17":188},"c4a2c998-551b-11f1-a14a-ee650bb23af1","style.css","019e4acb-998b-73fe-aded-d76405eb2b47",["D",1779371317553],":root {\n --background-color:#ffd7d4; /*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 --maroon: #a10b56;\n}\n\n body{\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 margin: 2vw;\n padding: 1vw;\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 \n /*border-style: solid;\n border-width: 0.5vw;\n border-color: var(--midtone3);*/\n }\n\n .col-4 p{\n font-size: 20px\n \n /*border-style: solid;\n border-width: 0.5vw;\n border-color: var(--midtone3);*/\n }\n.day-list{\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 100%;\n\n}\n\n.data-row{\n display:flex;\n justify-content: space-between;\n align-items: center;\n max-width: 90%\n width: 100%;\n margin: 0 auto;\n padding: 10px 0;\n border-bottom: 1px solid rgba(209, 90, 90, 0.15);\n}\n\n.data-row:last-child{\n border-bottom: none;\n}\n\n.day-label {\n text-align: left;\n color: var(--maroon);\n font-family: \"Cream\";\n font-size: 28px;\n}\n\n.uv-value {\n text-align: right;\n background-color: #f280a4;\n color: white;\n padding: 4px 12px;\n border-radius: 6px;\n font-weight: bold;\n min-width: 45px;\n font-family: \"Cream\";\n font-size: 1.2rem;\n}\n\n.highs{\n flex:100%;\n background-color: #ffe7e9;\n border-radius: 16px;\n padding: 10px 20px 20px 20px;\n display: inline-block;\n box-shadow: 0px 8px 24px rgba(209, 90, 90, 0.4);\n text-shadow: 2px 2px 2px rgba(209, 90, 90, 0.4);\n }\n\n.highs h1{\n color: #f280a4;\n font-family: \"Cream\";\n font-size: 2.2rem;\n margin: 0;\n padding: 15px 20px;\n border-bottom: 1px solid rgba(209, 90, 90, 0.08);\n text-align: left;\n}\n\n.col-1{\n font-size: 1.5rem;\n font-weight: 500;\n letter-spacing: 0.5px;\n color: #b57c8a;\n text-align: center;\n text-transform: capitalize;\n margin-bottom: 6px;\n flex:100%;\n display: flex;\n justify-content: center;\n align-items: center;\n\n}\n\n .current{\n flex:100%;\n background-image: linear-gradient(to bottom right, var(--midtone3), #f280a4);\n\n border-radius: 5px;\n padding: 10px 15px\n display: inline-block;\n box-shadow: 0px 4px 6px rgba(209, 90, 90, 0.4);\n text-shadow: 2px 2px 2px rgba(209, 90, 90, 0.4);\n }\n\n .current h1{\n color: white;\n \n }\n\n .current p{\n \n text-align: center;\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\n /*.col-1 {\n flex:100%;\n display: flex;\n justify-content: center;\n align-items: center;\n }*/\n\n\n.scrollmenu {\n background-color: #ffb8b8;\n padding: 5px 0;\n min-height: 15px;\n overflow-x: auto;\n white-space: nowrap;\n width: 100%;\n display: flex;\n}\n .scrollmenu p {\n background-color: #ffe7e9;\n display: flex;\n flex-direction: column;\n justify-content: space-evenly;\n align-items: center; \n padding: 40px;\n margin: 0m;\n height: 150px;\n color: var(--maroon);\n border-radius: 20px;\n font-size: 18px;\n text-shadow: 2px 2px 2px rgba(173, 69, 123, 0.4);\n box-shadow: 0px 4px 6px rgba(209, 90, 90, 0.4);\n }\n \n .scroll h1{\n color: #f280a4;\n background-color: #ffe7e9;\n \n }\n\n .scroll {\n display: inline-block;\n margin: 8px;\n width: 20px;\n text-align: center;\n flex-direction: column;\n overflow: hidden;\n }\n\n .day-list {\n list-style-type: none;\n padding: 0;\n margin: 0;\n align-text: right;\n background-color: var(--stop);\n /* isnt working the color*/\n }\n\n \n \n /*FONTS*/\n \n h1 {\n size: 90 px;\n text-align: center;\n font-family: \"Ribeye\";\n \n}\n\n \n\n p {\n size: 40 px;\n /*text-align: center;*/\n font-family: \"Cream\";\n color: var(--maroon);\n}\n\nh2 {\n font-family: \"Cream\";\n}\n \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",[],[182],"c4a2ba8e-551b-11f1-a14a-ee650bb23af1","script.js","019e4acb-998b-73fe-aded-d2dd879cc341",["D",1779371317553],"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];\nconst 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];\nlet dayName = days[day];\ndocument.getElementById(\"day\").innerHTML = dayName;\n\ngetDat();\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 document.getElementById(\"currentUV\").innerHTML = \"UV \" + jsonData.now.uvi;\n\n console.log(jsonData);\n const timeString = jsonData.now.time;\n const dateObj = new Date(timeString);\n const currentBox = dateObj.getHours() - 7;\n // fill in current box\n let elementName = \"hour\" + currentBox;\n let thisHourUV = \"

\" + jsonData.now.uvi + \"

\" + \"
\" +\n times[currentBox];\n document.getElementById(elementName).innerHTML = thisHourUV;\n localStorage.setItem(elementName, thisHourUV);\n\n let forecastHour = 0;\n\n for (let i = currentBox + 1; i < 13; i++) {\n let elementName = \"hour\" + i;\n let thisHourUV = \"

\" + jsonData.forecast[forecastHour].uvi + \"

\" +\n \"
\" + times[i];\n\n document.getElementById(elementName).innerHTML = thisHourUV;\n localStorage.setItem(elementName, thisHourUV);\n forecastHour++;\n }\n\n let historyHour = 24;\n\n for (let i = currentBox - 1; i >= 0; i--) {\n const elementName = \"hour\" + i;\n const thisHourUV = \"

\" + jsonData.history[historyHour].uvi + \"

\" +\n \"
\" + times[i];\n\n document.getElementById(elementName).innerHTML = thisHourUV;\n localStorage.setItem(elementName, historyHour);\n historyHour--;\n }\n}\n\nfunction updateDay() {\n const rotatedDays = days.slice(day).concat(days.slice(0, day));\n rotatedDays.push(days[day]);\n const listElement = document.getElementById(\"day-list\");\n listElement.innerHTML = \"\";\n rotatedDays.forEach((day) => {\n const div = document.createElement(\"div\");\n div.textContent = day;\n listElement.appendChild(div);\n });\n}\n\nasync function getDat() {\n const dat = await fetch(\n \"https://api.open-meteo.com/v1/forecast?latitude=40.4842&longitude=-88.9937&daily=uv_index_max&wind_speed_unit=mph&temperature_unit=fahrenheit&precipitation_unit=inch\",\n );\n const jsonDat = await dat.json();\n\n const rotatedDays = days.slice(day).concat(days.slice(0, day));\n rotatedDays.push(days[day]);\n\n let output = \"\";\n for (let i = 0; i < 7; i++) {\n output += `\n

\n ${rotatedDays[i]}\n ${jsonDat.daily.uv_index_max[i]}\n

\n `;\n }\n\n const listElement = document.getElementById(\"day-list\");\n listElement.innerHTML = output;\n}",[],[190],"c4a2b6c4-551b-11f1-a14a-ee650bb23af1","main.ts",["D",1779371317553],"http","import { staticHTTPServer } from \"https://esm.town/v/std/utils/index.ts\";\nexport default staticHTTPServer(import.meta.url);",[],[198],["D",1779371317553],[],[18],["D",1779371317553],{"_11":12,"_123":71},{"_11":12,"_118":119,"_70":71,"_30":69,"_120":121,"_122":24},{"_38":39,"_13":16,"_32":35,"_108":73,"_109":62,"_110":63,"_111":77,"_112":113,"_114":115,"_116":14,"_117":12},"ctx",{"_51":-5,"_144":244,"_245":246,"_247":248,"_249":24,"_250":24,"_251":24,"_252":85,"_253":-5,"_254":-7,"_255":-7,"_256":26,"_257":24,"_258":24,"_259":-5,"_260":24,"_261":24,"_262":24,"_263":-5},"ENV",{"_215":216,"_217":218,"_219":16,"_220":221,"_222":223,"_224":225,"_226":227,"_228":229,"_230":231,"_232":233,"_234":235,"_236":237,"_238":239,"_240":241,"_242":243},"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