[{"_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",{"_99":98,"_32":44,"_107":86,"_27":108,"_13":14,"_109":-5,"_11":110,"_111":112,"_113":114,"_115":116,"_117":118,"_20":-5,"_119":120,"_121":122,"_123":25,"_124":125,"_126":58,"_127":-5,"_128":-5,"_129":130},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_42":43,"_32":44,"_37":45,"_46":-5,"_47":25,"_48":49,"_50":49,"_51":52,"_53":-5,"_18":54,"_55":56,"_57":58,"_59":-5,"_60":-5,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":-5,"_68":-5,"_69":70,"_71":70,"_72":73,"_74":73,"_75":73,"_76":70,"_77":70,"_78":79,"_80":81,"_82":83,"_84":25},"version",579,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":28,"_33":20,"_34":36,"_37":38,"_39":14,"_40":41,"_24":25},"previous",{"_30":31,"_32":28,"_33":20,"_34":35},"deleted",false,"deletedHere","path","style.css","latestPath","fileId","019dbaae-440d-7668-8131-b54a79efe5e8","name","fileType","content",":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: 0.9rem;\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}",":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}","createdAt",["D",1779288914185],"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",{"_99":98,"_106":102},"org",{"_99":98,"_100":-5,"_101":102,"_18":54,"_103":104,"_105":25},"branch",{"_13":85,"_32":86,"_42":41,"_87":43,"_88":89,"_90":91,"_92":49,"_93":94,"_95":64,"_96":44,"_97":98},"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",{"_42":43,"_32":44,"_37":204,"_46":-5,"_47":25,"_48":49,"_50":49,"_51":52,"_53":-5,"_18":54,"_55":56,"_57":58,"_59":-5,"_60":-5,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":-5,"_68":-5,"_69":70,"_71":70,"_72":73,"_74":73,"_75":73,"_76":70,"_77":70,"_78":205,"_80":206,"_82":207,"_84":25},"tree",[187,188,189,190],"files",[187,188,189,190],"counts",{"_176":62,"_177":162,"_178":179,"_180":181,"_182":183},"contents",[140,141,142,143],"upstreamProject",{"_42":94,"_32":138,"_51":52,"_53":-5,"_48":49,"_78":139},"upstreamBranch",{"_42":89,"_37":131,"_132":133,"_32":86,"_87":94,"_13":91,"_88":134,"_90":135,"_136":137,"_46":-5,"_84":25,"_48":49,"_97":98,"_63":64,"_96":138},"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",{"_99":98,"_106":102},{"_42":168,"_32":169,"_30":170,"_145":-5,"_40":41,"_39":171,"_146":58,"_37":172,"_13":173,"_33":20,"_34":174,"_24":25,"_149":-5,"_27":175},{"_42":160,"_32":161,"_30":56,"_145":-5,"_40":41,"_39":162,"_146":58,"_37":163,"_13":62,"_33":164,"_34":165,"_24":25,"_149":166,"_27":167},{"_42":151,"_32":152,"_30":153,"_145":-5,"_40":41,"_39":154,"_146":25,"_37":155,"_13":156,"_33":157,"_34":158,"_24":25,"_149":-5,"_27":159},{"_42":144,"_32":28,"_30":31,"_145":-5,"_40":41,"_39":14,"_146":25,"_37":147,"_13":148,"_33":20,"_34":36,"_24":25,"_149":-5,"_27":150},"e8577a70-545b-11f1-9210-ee650bb23af1","parentId","latest",["D",1779288914185],320,"label",[28],"6dc56c4a-545b-11f1-ae4d-ee650bb23af1","script.js","019dbaae-440d-7668-8131-b3921ec30f46",577,["D",1779288708515],167,"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}",[152],"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":62,"_186":62},"connections",{"_184":62,"_185":62},"count","unfilledCount","emptyCount",{"_42":168,"_32":169,"_30":170,"_145":-5,"_40":41,"_39":171,"_146":58,"_37":201,"_13":173,"_33":20,"_34":174,"_24":25,"_149":-5,"_192":202,"_27":203},{"_42":160,"_32":161,"_30":56,"_145":-5,"_40":41,"_39":162,"_146":58,"_37":198,"_13":62,"_33":164,"_34":165,"_24":25,"_149":166,"_192":199,"_27":200},{"_42":151,"_32":152,"_30":153,"_145":-5,"_40":41,"_39":154,"_146":25,"_37":195,"_13":156,"_33":157,"_34":158,"_24":25,"_149":-5,"_192":196,"_27":197},{"_42":144,"_32":28,"_30":31,"_145":-5,"_40":41,"_39":14,"_146":25,"_37":191,"_13":148,"_33":20,"_34":36,"_24":25,"_149":-5,"_192":193,"_27":194},["D",1779288914185],"children",[],[28],["D",1779288708515],[],[152],["D",1776953476042],[],[161],["D",1779286902833],[],[169],["D",1776953476042],{"_99":98,"_106":102},{"_99":98,"_100":-5,"_101":102,"_18":54,"_103":104,"_105":25},{"_13":85,"_32":86,"_42":41,"_87":43,"_88":89,"_90":91,"_92":49,"_93":94,"_95":64,"_96":44,"_97":98},"ctx",{"_78":-5,"_128":241,"_242":243,"_244":245,"_246":25,"_247":25,"_248":25,"_249":58,"_250":-5,"_251":-7,"_252":-7,"_253":62,"_254":25,"_255":25,"_256":-5,"_257":25,"_258":25,"_259":25,"_260":-5},"ENV",{"_212":213,"_214":215,"_216":86,"_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","5015b8df46402d8bba4f485ecc37aec202b0e06b","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 · v579