My Tan

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_206":207,"_208":209},"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",19,"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","019dd483-1ba4-774c-8e61-08e83c99fa45","name","fileType","content",":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 background-color: white;\n border-radius: 0.7em; \n font-size: 2em;\n h6 {\n background-color: white;\n color: var(--midtone1);\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}",":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: 6em;\n background-color: white;\n border-radius: 0.7em; \n font-size: 2em;\n h6 {\n background-color: white;\n color: var(--midtone1);\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}","createdAt",["D",1777389671425],"branchVersion","branchId","54e5268c-430f-11f1-a5e0-42b51c65c3df","id","54ddc112-430f-11f1-a5e0-42b51c65c3df","Chloe",["D",1777386855237],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Template for a basic HTML + CSS + JavaScript static website","imageUrl","019b8ed6-c233-751a-b2ec-3752c31a36e4","pinnedFileId","019dd483-1ba4-774c-8e61-0109c5fcd4d9","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",23,"main","projectId","forkedBranchId","4ac07ca0-3f1e-11f1-b482-42b51c65c3df","forkedBranchVersion",145,"forkedProjectPrivacy","forkedProjectId","4abb441a-3f1e-11f1-b482-42b51c65c3df","forkedProjectOrgId","projectName","userHandle","chloelavazza","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18zN3FRQ1VHTGtnRnpWZUhseWp1WVAyaHc3RU4ifQ","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_42":43,"_32":44,"_37":202,"_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":203,"_80":204,"_82":205,"_84":25},"tree",[185,186,187,188],"files",[185,186,187,188],"counts",{"_175":62,"_176":163,"_177":62,"_178":179,"_180":181},"contents",[141,142,143,144],"upstreamProject",{"_42":94,"_32":139,"_51":52,"_53":-5,"_48":49,"_78":140},"upstreamBranch",{"_42":89,"_37":131,"_132":133,"_32":86,"_87":94,"_13":134,"_88":135,"_90":136,"_137":138,"_46":-5,"_84":25,"_48":49,"_97":98,"_63":64,"_96":139},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1776953476042],"updatedAt",["D",1779289967325],591,"859c6678-036d-11f1-a637-42dde27851f2",243,"lockfileKey","1779289969838-esm.town_v_chloelavazza_MyTanApp@591-main","MyTanApp",{"_99":98,"_106":102},{"_42":168,"_32":169,"_30":170,"_146":-5,"_40":41,"_39":171,"_147":58,"_37":172,"_13":163,"_33":20,"_34":173,"_24":25,"_150":-5,"_27":174},{"_42":161,"_32":162,"_30":56,"_146":-5,"_40":41,"_39":163,"_147":58,"_37":164,"_13":62,"_33":165,"_34":166,"_24":25,"_150":-5,"_27":167},{"_42":152,"_32":153,"_30":154,"_146":-5,"_40":41,"_39":155,"_147":58,"_37":156,"_13":157,"_33":158,"_34":159,"_24":25,"_150":-5,"_27":160},{"_42":145,"_32":28,"_30":31,"_146":-5,"_40":41,"_39":14,"_147":25,"_37":148,"_13":149,"_33":20,"_34":36,"_24":25,"_150":-5,"_27":151},"e377613e-4315-11f1-b976-42b51c65c3df","parentId","latest",["D",1777389671425],11,"label",[28],"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}",[153],"54ed5d34-430f-11f1-a5e0-42b51c65c3df","main.ts",1,["D",1777386855237],"http","import { staticHTTPServer } from \"https://esm.town/v/std/utils/index.ts\";\nexport default staticHTTPServer(import.meta.url);",[162],"a8a0f4ea-430f-11f1-9e95-42b51c65c3df","index.html","019dd483-1ba4-774c-8e60-fe71a040677e",3,["D",1777386995776],"\n\n \n My Tan\n \n \n \n \n \n \n\n \n

\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",[169],"pulls","branches","forks","envVars",{"_182":62,"_184":62},"connections",{"_182":62,"_183":62},"count","unfilledCount","emptyCount",{"_42":168,"_32":169,"_30":170,"_146":-5,"_40":41,"_39":171,"_147":58,"_37":199,"_13":163,"_33":20,"_34":173,"_24":25,"_150":-5,"_190":200,"_27":201},{"_42":161,"_32":162,"_30":56,"_146":-5,"_40":41,"_39":163,"_147":58,"_37":196,"_13":62,"_33":165,"_34":166,"_24":25,"_150":-5,"_190":197,"_27":198},{"_42":152,"_32":153,"_30":154,"_146":-5,"_40":41,"_39":155,"_147":58,"_37":193,"_13":157,"_33":158,"_34":159,"_24":25,"_150":-5,"_190":194,"_27":195},{"_42":145,"_32":28,"_30":31,"_146":-5,"_40":41,"_39":14,"_147":25,"_37":189,"_13":149,"_33":20,"_34":36,"_24":25,"_150":-5,"_190":191,"_27":192},["D",1777389671425],"children",[],[28],["D",1777389629998],[],[153],["D",1777386855237],[],[162],["D",1777386995776],[],[169],["D",1777386855237],{"_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":239,"_240":241,"_242":243,"_244":25,"_245":25,"_246":25,"_247":58,"_248":-5,"_249":-7,"_250":-7,"_251":62,"_252":25,"_253":25,"_254":-5,"_255":25,"_256":25,"_257":25,"_258":-5},"ENV",{"_210":211,"_212":213,"_214":86,"_215":216,"_217":218,"_219":220,"_221":222,"_223":224,"_225":226,"_227":228,"_229":230,"_231":232,"_233":234,"_235":236,"_237":238},"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"]

Diff · v19