[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_208":209,"_210":211},"routes/_app.x.$handle.$name",{"_100":99,"_32":45,"_108":87,"_27":109,"_13":14,"_110":-5,"_11":111,"_112":113,"_114":115,"_116":117,"_118":119,"_20":-5,"_120":121,"_122":123,"_124":25,"_125":126,"_127":59,"_128":-5,"_129":-5,"_130":131},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_43":44,"_32":45,"_38":46,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":53,"_54":-5,"_18":55,"_56":57,"_58":59,"_60":-5,"_61":-5,"_62":63,"_64":65,"_66":-5,"_67":-5,"_68":-5,"_69":-5,"_70":71,"_72":71,"_73":74,"_75":74,"_76":74,"_77":71,"_78":71,"_79":80,"_81":82,"_83":84,"_85":25},"version",580,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":28,"_33":34,"_35":37,"_38":39,"_40":14,"_41":42,"_24":25},"previous",{"_30":31,"_32":28,"_33":34,"_35":36},"deleted",false,"deletedHere","path","script.js","latestPath","fileId","019dbaae-440d-7668-8131-b3921ec30f46","name","fileType","script","content","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}","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 + \"

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

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

\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}","createdAt",["D",1779289094932],"branchVersion","branchId","4ac07ca0-3f1e-11f1-b482-42b51c65c3df","id","4abb441a-3f1e-11f1-b482-42b51c65c3df","MyTanApp",["D",1776953476042],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Template for a basic HTML + CSS + JavaScript static website","imageUrl","019b8ed6-c233-751a-b2ec-3752c31a36e4","pinnedFileId","019dbaae-440d-7668-8131-afbee1340b0e","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","019b8ed6-c233-751a-b2ec-3b827708ff06","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_100":99,"_107":103},"org",{"_100":99,"_101":-5,"_102":103,"_18":55,"_104":105,"_106":25},"branch",{"_13":86,"_32":87,"_43":42,"_88":44,"_89":90,"_91":92,"_93":50,"_94":95,"_96":65,"_97":45,"_98":99},"isOwned",591,"main","projectId","forkedBranchId","859c6678-036d-11f1-a637-42dde27851f2","forkedBranchVersion",243,"forkedProjectPrivacy","forkedProjectId","8596f648-036d-11f1-a637-42dde27851f2","forkedProjectOrgId","projectName","userHandle","chloelavazza","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18zN3FRQ1VHTGtnRnpWZUhseWp1WVAyaHc3RU4ifQ","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_43":44,"_32":45,"_38":204,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":53,"_54":-5,"_18":55,"_56":57,"_58":59,"_60":-5,"_61":-5,"_62":63,"_64":65,"_66":-5,"_67":-5,"_68":-5,"_69":-5,"_70":71,"_72":71,"_73":74,"_75":74,"_76":74,"_77":71,"_78":71,"_79":205,"_81":206,"_83":207,"_85":25},"tree",[187,188,189,190],"files",[187,188,189,190],"counts",{"_176":63,"_177":162,"_178":179,"_180":181,"_182":183},"contents",[141,142,143,144],"upstreamProject",{"_43":95,"_32":139,"_52":53,"_54":-5,"_49":50,"_79":140},"upstreamBranch",{"_43":90,"_38":132,"_133":134,"_32":87,"_88":95,"_13":92,"_89":135,"_91":136,"_137":138,"_47":-5,"_85":25,"_49":50,"_98":99,"_64":65,"_97":139},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1770390435244],"updatedAt",["D",1771428405283],"ffb8e8bc-0234-11f1-b359-42dde27851f2",26,"lockfileKey","1771428407649-esm.town_v_chloelavazza_responsive-flex-template@243-main","responsive-flex-template",{"_100":99,"_107":103},{"_43":168,"_32":169,"_30":170,"_148":-5,"_41":42,"_40":171,"_150":59,"_38":172,"_13":173,"_33":20,"_35":174,"_24":25,"_154":-5,"_27":175},{"_43":160,"_32":161,"_30":57,"_148":-5,"_41":42,"_40":162,"_150":59,"_38":163,"_13":63,"_33":164,"_35":165,"_24":25,"_154":166,"_27":167},{"_43":156,"_32":28,"_30":31,"_148":-5,"_41":42,"_40":14,"_150":25,"_38":157,"_13":158,"_33":34,"_35":37,"_24":25,"_154":-5,"_27":159},{"_43":145,"_32":146,"_30":147,"_148":-5,"_41":42,"_40":149,"_150":25,"_38":151,"_13":152,"_33":20,"_35":153,"_24":25,"_154":-5,"_27":155},"e8577a70-545b-11f1-9210-ee650bb23af1","style.css","019dbaae-440d-7668-8131-b54a79efe5e8","parentId",579,"latest",["D",1779288914185],320,":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 \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.highs h1{\n color: #f280a4;\n font-family: \"Cream\";\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}","label",[146],"5412ed4e-545c-11f1-9e71-ee650bb23af1",["D",1779289094932],168,[28],"4ac741f2-3f1e-11f1-b482-42b51c65c3df","main.ts",1,["D",1776953476042],"http","import { staticHTTPServer } from \"https://esm.town/v/std/utils/index.ts\";\nexport default staticHTTPServer(import.meta.url);","mytan",[161],"397b1d1c-5457-11f1-bbc2-ee650bb23af1","index.html","019dbaae-440d-7668-8131-a9b915b25261",557,["D",1779286902833],89,"\n\n \n My Tan\n \n \n \n \n \n \n\n \n\n \n \n \n\n \n

\n\n

Current UV Exposure

\n
\n
\n\n

\n\n

This weeks highs

\n \n",[169],"pulls","branches","forks",2,"envVars",{"_184":63,"_186":63},"connections",{"_184":63,"_185":63},"count","unfilledCount","emptyCount",{"_43":168,"_32":169,"_30":170,"_148":-5,"_41":42,"_40":171,"_150":59,"_38":201,"_13":173,"_33":20,"_35":174,"_24":25,"_154":-5,"_192":202,"_27":203},{"_43":160,"_32":161,"_30":57,"_148":-5,"_41":42,"_40":162,"_150":59,"_38":198,"_13":63,"_33":164,"_35":165,"_24":25,"_154":166,"_192":199,"_27":200},{"_43":156,"_32":28,"_30":31,"_148":-5,"_41":42,"_40":14,"_150":25,"_38":195,"_13":158,"_33":34,"_35":37,"_24":25,"_154":-5,"_192":196,"_27":197},{"_43":145,"_32":146,"_30":147,"_148":-5,"_41":42,"_40":149,"_150":25,"_38":191,"_13":152,"_33":20,"_35":153,"_24":25,"_154":-5,"_192":193,"_27":194},["D",1779288914185],"children",[],[146],["D",1779289094932],[],[28],["D",1776953476042],[],[161],["D",1779286902833],[],[169],["D",1776953476042],{"_100":99,"_107":103},{"_100":99,"_101":-5,"_102":103,"_18":55,"_104":105,"_106":25},{"_13":86,"_32":87,"_43":42,"_88":44,"_89":90,"_91":92,"_93":50,"_94":95,"_96":65,"_97":45,"_98":99},"ctx",{"_79":-5,"_129":241,"_242":243,"_244":245,"_246":25,"_247":25,"_248":25,"_249":59,"_250":-5,"_251":-7,"_252":-7,"_253":63,"_254":25,"_255":25,"_256":-5,"_257":25,"_258":25,"_259":25,"_260":-5},"ENV",{"_212":213,"_214":215,"_216":87,"_217":218,"_219":220,"_221":222,"_223":224,"_225":226,"_227":228,"_229":230,"_231":232,"_233":234,"_235":236,"_237":238,"_239":240},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","fdb67791413f4386b4dbf18f354029a617f6160f","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"]

Diff · v580