[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_274":275,"_276":277},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":-7,"_18":19,"_17":-7,"_207":-5,"_20":208,"_22":209,"_210":211,"_212":213,"_26":214,"_24":215,"_216":217,"_218":219,"_220":51,"_221":222,"_223":69,"_224":-5,"_225":-5,"_226":227},"routes/_app.x.$handle.$name.code.$",{"_11":12,"_13":14,"_15":16,"_17":-7,"_18":19,"_20":21,"_22":23,"_24":25,"_26":27,"_28":29,"_30":-5,"_31":32,"_33":34,"_35":-5},"handle","mke","name","beaver-bungalow","branchName","main","version","path","index.html","project",{"_36":159,"_13":14,"_38":160,"_49":-5,"_161":51,"_52":53,"_162":53,"_163":164,"_165":166,"_167":168,"_169":117,"_170":69,"_171":-5,"_172":-5,"_173":34,"_56":174,"_175":176,"_177":178,"_179":180,"_181":-5,"_182":183,"_184":183,"_185":186,"_187":186,"_188":186,"_189":183,"_190":183,"_191":192,"_193":194,"_195":196,"_50":51},"tree",[78,79,80,81,82,83,84,85,86],"file",{"_36":60,"_13":19,"_61":62,"_63":-5,"_64":65,"_66":67,"_68":69,"_38":70,"_17":71,"_72":24,"_73":74,"_75":51,"_76":-5,"_18":77},"contents",[],"upstream",{"_36":37,"_38":39,"_40":41,"_13":16,"_42":43,"_17":44,"_45":-5,"_46":-5,"_47":48,"_49":-5,"_50":51,"_52":53,"_54":55,"_56":57,"_58":59},"pull","ahead",43,"behind",0,"envVars","id","7a3b261a-4186-11f0-ae9b-76b3cceeab13","createdAt",["D",1749070628054],"updatedAt",["D",1779896149804],"projectId","7a3abcf2-4186-11f0-ae9b-76b3cceeab13",76,"forkedBranchId","forkedBranchVersion","lockfileKey","1779896350378-esm.town_v_templates_basic-html-starter@76-main","deletedAt","isOwned",false,"privacy","public","userHandle","templates","orgId","019aa807-52c2-709c-928b-2029bae9a558","projectName","basic-html-starter","5178a5e6-b563-431f-b47e-2a95f15072fb","fileId","019edcf3-132e-754f-806e-f845a13b2858","parentId","branchId","7ed98a7b-7592-4c9f-882e-3a707b9fdfd8","branchVersion",40,"latest",true,["D",1781826176710],14,"fileType","content","\n\n \n Beaver Bungalow — a peaceful getaway on the lake\n \n \n \n \n\n \n \n \n \n \n \n \n

\n \n \n\n

Lakeside Rental Cottage

Beaver Bungalow

A peaceful getaway on the lake

\n\n

\n \n

About the property

\n Peaceful cottage on the beautiful Beaver Lake in Windsor, New York.\n Enjoy our dock, kayaks, and paddle boat on the 50 acre lake. A private\n circle road surrounds the lake, perfect for walking with your furry\n friends.\n

\n This newly renovated cozy cottage includes a deck patio, grill, fire\n pit, TV and internet. There are even local beavers enjoying the lake!\n

\n\n

The space

\n\n

\n \n\n

\n\n \n

\n\n

2Bedrooms
1Bathrooms
Up to 5Sleeps

\n\n

Amenities & highlights

Private dock
Lake views
Lake access
Fire pit
Full kitchen
Wi-Fi
BBQ grill
TV
Outdoor dining area
Kayaks
Paddle boat

\n\n

Get in touch

Add your booking details, rates, or contact info here.

\n\n

Guest book

\n Stayed at Beaver Bungalow? Leave a note and sign your name.\n

\n\n \n\n

Loading messages…

\n\n \n\n \n \n \n\n","deleted","label",[19],{"_36":151,"_13":152,"_61":153,"_63":-5,"_64":65,"_66":154,"_68":69,"_38":155,"_17":34,"_72":156,"_73":-5,"_75":51,"_76":-5,"_94":157,"_18":158},{"_36":144,"_13":145,"_61":146,"_63":-5,"_64":65,"_66":139,"_68":69,"_38":147,"_17":34,"_72":24,"_73":148,"_75":51,"_76":-5,"_94":149,"_18":150},{"_36":136,"_13":137,"_61":138,"_63":-5,"_64":65,"_66":139,"_68":69,"_38":140,"_17":34,"_72":24,"_73":141,"_75":51,"_76":-5,"_94":142,"_18":143},{"_36":128,"_13":129,"_61":130,"_63":-5,"_64":65,"_66":131,"_68":69,"_38":132,"_17":34,"_72":92,"_73":133,"_75":51,"_76":-5,"_94":134,"_18":135},{"_36":60,"_13":19,"_61":62,"_63":-5,"_64":65,"_66":67,"_68":69,"_38":125,"_17":71,"_72":24,"_73":74,"_75":51,"_76":-5,"_94":126,"_18":127},{"_36":115,"_13":116,"_61":117,"_63":-5,"_64":65,"_66":118,"_68":69,"_38":119,"_17":120,"_72":121,"_73":122,"_75":51,"_76":-5,"_94":123,"_18":124},{"_36":106,"_13":107,"_61":108,"_63":-5,"_64":65,"_66":109,"_68":69,"_38":110,"_17":111,"_72":92,"_73":112,"_75":51,"_76":-5,"_94":113,"_18":114},{"_36":97,"_13":98,"_61":99,"_63":-5,"_64":65,"_66":100,"_68":69,"_38":101,"_17":102,"_72":24,"_73":103,"_75":51,"_76":-5,"_94":104,"_18":105},{"_36":87,"_13":88,"_61":89,"_63":-5,"_64":65,"_66":90,"_68":69,"_38":91,"_17":34,"_72":92,"_73":93,"_75":51,"_76":-5,"_94":95,"_18":96},"14cf9ef2-4f86-4458-b015-3734580c3cca","weather.ts","396f039a-6b6a-11f1-a433-1607ee4eb77e",11,["D",1781823939919],"script","import { blob } from \"https://esm.town/v/std/blob/main.ts\";\n\n// Windsor, NY 13865 → resolved grid point (api.weather.gov/points/42.0759,-75.6388)\nconst FORECAST_URL = \"https://api.weather.gov/gridpoints/BGM/76,57/forecast\";\n\n// weather.gov requires a descriptive User-Agent with contact info.\nconst USER_AGENT = \"BeaverBungalow/1.0 (https://www.val.town/x/mke/beaver-bungalow)\";\n\nconst CACHE_KEY = \"weather_windsor_13865\";\nconst CACHE_TTL_MS = 30 * 60 * 1000; // 30 minutes\n\nexport interface ForecastPeriod {\n name: string;\n isDaytime: boolean;\n temperature: number;\n temperatureUnit: string;\n precip: number | null;\n windSpeed: string;\n windDirection: string;\n shortForecast: string;\n icon: string;\n}\n\ninterface CachedForecast {\n fetchedAt: number;\n location: string;\n periods: ForecastPeriod[];\n}\n\nasync function fetchForecast(): Promise {\n const res = await fetch(FORECAST_URL, {\n headers: { \"User-Agent\": USER_AGENT, Accept: \"application/geo+json\" },\n });\n if (!res.ok) {\n throw new Error(`weather.gov returned ${res.status}`);\n }\n const data = await res.json();\n const periods = (data?.properties?.periods ?? []) as any[];\n return periods.map((p) => ({\n name: p.name,\n isDaytime: p.isDaytime,\n temperature: p.temperature,\n temperatureUnit: p.temperatureUnit,\n precip: p.probabilityOfPrecipitation?.value ?? null,\n windSpeed: p.windSpeed,\n windDirection: p.windDirection,\n shortForecast: p.shortForecast,\n icon: p.icon,\n }));\n}\n\nexport async function getForecast(): Promise {\n let cached: CachedForecast | null = null;\n try {\n cached = await blob.getJSON(CACHE_KEY);\n } catch {\n cached = null;\n }\n\n const isFresh = cached && Date.now() - cached.fetchedAt < CACHE_TTL_MS;\n if (isFresh) return cached!;\n\n try {\n const periods = await fetchForecast();\n const fresh: CachedForecast = {\n fetchedAt: Date.now(),\n location: \"Windsor, NY 13865\",\n periods,\n };\n await blob.setJSON(CACHE_KEY, fresh);\n return fresh;\n } catch (err) {\n // If the live fetch fails but we have a stale cache, serve it rather than erroring.\n if (cached) return cached;\n throw err;\n }\n}\n","children",[],[88],"6a1864ee-a65a-413a-bd46-52c39fc1202d","style.css","019edcf3-132e-754f-806f-04420c639a66",44,["D",1781826433347],12,":root {\n --ink: #2b2521;\n --muted: #6f655d;\n --accent: #3f6b4a;\n --paper: #fbf7f0;\n --card: #ffffff;\n --line: #ece3d6;\n}\n\n* { box-sizing: border-box; }\n\nbody {\n margin: 0;\n font-family: \"Inter\", system-ui, sans-serif;\n color: var(--ink);\n background: var(--paper);\n line-height: 1.65;\n}\n\n/* ---------- Hero ---------- */\n.hero {\n position: relative;\n height: min(70vh, 560px);\n overflow: hidden;\n}\n\n.hero-art {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n display: block;\n}\n\n.hero-overlay {\n position: absolute;\n inset: 0;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n text-align: center;\n padding: 1rem;\n color: #fff;\n background: linear-gradient(180deg, rgba(0,0,0,0.05), rgba(0,0,0,0.35));\n text-shadow: 0 2px 14px rgba(0,0,0,0.4);\n}\n\n.eyebrow {\n margin: 0 0 0.5rem;\n text-transform: uppercase;\n letter-spacing: 0.22em;\n font-size: 0.78rem;\n font-weight: 600;\n}\n\n.hero-overlay h1 {\n font-family: \"Fraunces\", Georgia, serif;\n font-weight: 600;\n font-size: clamp(2.6rem, 7vw, 5rem);\n margin: 0;\n line-height: 1.05;\n}\n\n.tagline {\n margin: 0.6rem 0 0;\n font-size: clamp(1.05rem, 2.4vw, 1.5rem);\n font-style: italic;\n font-family: \"Fraunces\", Georgia, serif;\n}\n\n/* ---------- Content ---------- */\nmain {\n max-width: 760px;\n margin: -3.5rem auto 0;\n padding: 0 1.25rem 0.75rem;\n position: relative;\n}\n\n.card {\n background: var(--card);\n border: 1px solid var(--line);\n border-radius: 16px;\n padding: 1.75rem 2rem;\n margin-bottom: 1.5rem;\n box-shadow: 0 12px 30px rgba(43, 37, 33, 0.06);\n}\n\n.card h2 {\n font-family: \"Fraunces\", Georgia, serif;\n font-weight: 600;\n font-size: 1.5rem;\n margin: 0 0 0.75rem;\n color: var(--accent);\n}\n\n.card p { margin: 0 0 0.85rem; color: var(--ink); }\n.card p:last-child { margin-bottom: 0; }\n\n.details-grid {\n list-style: none;\n margin: 0;\n padding: 0;\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 1rem;\n}\n\n.details-grid li {\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n gap: 0.15rem;\n padding: 1rem 0.75rem;\n background: #f7f4ee;\n border: 1px solid var(--line);\n border-radius: 12px;\n}\n\n.details-grid .value {\n font-family: \"Fraunces\", Georgia, serif;\n font-weight: 600;\n font-size: 1.7rem;\n line-height: 1.1;\n color: var(--accent);\n}\n\n.details-grid .label {\n font-size: 0.82rem;\n text-transform: uppercase;\n letter-spacing: 0.08em;\n color: var(--muted);\n}\n\n/* ---------- Photo gallery ---------- */\n.gallery-wrap {\n position: relative;\n margin: 0 0 1.5rem;\n}\n\n.gallery {\n display: flex;\n gap: 0.85rem;\n overflow-x: auto;\n padding-bottom: 0.85rem;\n scroll-snap-type: x mandatory;\n scroll-behavior: smooth;\n -webkit-overflow-scrolling: touch;\n}\n\n.gallery-item {\n flex: 0 0 100%;\n margin: 0;\n scroll-snap-align: center;\n}\n\n.gallery-item img {\n display: block;\n width: 100%;\n aspect-ratio: 3 / 2;\n object-fit: cover;\n border-radius: 12px;\n border: 1px solid var(--line);\n background: #f1efe7;\n}\n\n.gallery-item figcaption {\n margin-top: 0.45rem;\n font-size: 0.85rem;\n color: var(--muted);\n text-align: center;\n}\n\n/* Slimmer scrollbar that matches the palette */\n.gallery::-webkit-scrollbar { height: 8px; }\n.gallery::-webkit-scrollbar-thumb {\n background: var(--line);\n border-radius: 999px;\n}\n\n/* Chevron scroll buttons */\n.gallery-nav {\n position: absolute;\n top: calc(50% - 1.1rem); /* vertically center on the image, ignoring caption */\n transform: translateY(-50%);\n display: flex;\n align-items: center;\n justify-content: center;\n width: 2.6rem;\n height: 2.6rem;\n padding: 0;\n border: none;\n border-radius: 999px;\n background: rgba(255, 255, 255, 0.9);\n color: var(--accent);\n box-shadow: 0 4px 14px rgba(43, 37, 33, 0.18);\n cursor: pointer;\n z-index: 2;\n transition: background 0.15s ease, transform 0.1s ease, opacity 0.2s ease;\n}\n\n.gallery-nav:hover { background: #fff; }\n.gallery-nav:active { transform: translateY(-50%) scale(0.94); }\n\n.gallery-nav svg {\n width: 1.4rem;\n height: 1.4rem;\n fill: none;\n stroke: currentColor;\n stroke-width: 2.5;\n stroke-linecap: round;\n stroke-linejoin: round;\n}\n\n.gallery-prev { left: 0.6rem; }\n.gallery-next { right: 0.6rem; }\n\n/* Fade an arrow out when there's nothing more to scroll that way */\n.gallery-nav[disabled] {\n opacity: 0;\n pointer-events: none;\n}\n\n.amenities {\n list-style: none;\n margin: 0;\n padding: 0;\n display: flex;\n flex-wrap: wrap;\n gap: 0.6rem;\n}\n\n.amenities li {\n background: #f1efe7;\n border: 1px solid var(--line);\n border-radius: 999px;\n padding: 0.35rem 0.9rem;\n font-size: 0.92rem;\n color: var(--ink);\n}\n\nfooter {\n text-align: center;\n padding: 2rem 1rem 3rem;\n color: var(--muted);\n font-size: 0.9rem;\n}\n\nfooter a { color: var(--accent); }\n\n@media (max-width: 480px) {\n .details-grid { gap: 0.6rem; }\n .details-grid li { padding: 0.85rem 0.4rem; }\n .details-grid .value { font-size: 1.4rem; }\n .card { padding: 1.4rem 1.25rem; }\n}\n\n/* ---------- Guest book ---------- */\n.guestbook-intro {\n color: var(--muted);\n margin-top: 0;\n}\n\n.guestbook-form {\n display: flex;\n flex-direction: column;\n gap: 0.9rem;\n margin: 1.25rem 0 1.75rem;\n}\n\n.field {\n display: flex;\n flex-direction: column;\n gap: 0.35rem;\n}\n\n.field label {\n font-size: 0.82rem;\n font-weight: 600;\n color: var(--muted);\n}\n\n.guestbook-form input,\n.guestbook-form textarea {\n font: inherit;\n color: var(--ink);\n background: var(--paper);\n border: 1px solid var(--line);\n border-radius: 10px;\n padding: 0.6rem 0.75rem;\n width: 100%;\n resize: vertical;\n}\n\n.guestbook-form input:focus,\n.guestbook-form textarea:focus {\n outline: none;\n border-color: var(--accent);\n box-shadow: 0 0 0 3px rgba(63, 107, 74, 0.15);\n}\n\n.form-row {\n display: flex;\n align-items: center;\n gap: 0.85rem;\n flex-wrap: wrap;\n}\n\n.gb-submit {\n font: inherit;\n font-weight: 600;\n color: #fff;\n background: var(--accent);\n border: none;\n border-radius: 999px;\n padding: 0.6rem 1.4rem;\n cursor: pointer;\n transition: background 0.15s ease, transform 0.05s ease;\n}\n\n.gb-submit:hover { background: #355c3f; }\n.gb-submit:active { transform: translateY(1px); }\n.gb-submit:disabled { opacity: 0.6; cursor: progress; }\n\n.gb-status {\n font-size: 0.9rem;\n color: var(--accent);\n}\n.gb-status.is-error { color: #b3402e; }\n\n.guestbook-entries {\n list-style: none;\n margin: 0;\n padding: 0;\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.gb-entry {\n border-top: 1px solid var(--line);\n padding-top: 1rem;\n}\n\n.gb-message {\n margin: 0 0 0.4rem;\n white-space: pre-wrap;\n word-break: break-word;\n}\n\n.gb-meta {\n margin: 0;\n font-size: 0.85rem;\n color: var(--muted);\n}\n\n.gb-name {\n font-weight: 600;\n color: var(--ink);\n}\n\n.gb-empty,\n.gb-loading {\n color: var(--muted);\n font-style: italic;\n}\n\n/* ---------- Weather forecast footer ---------- */\n.weather {\n max-width: 960px;\n margin: 0 auto;\n padding: 2.5rem 1.25rem 0.5rem;\n text-align: center;\n}\n\n.weather h2 {\n font-family: \"Fraunces\", Georgia, serif;\n font-weight: 600;\n font-size: 1.5rem;\n color: var(--accent);\n margin: 0 0 0.2rem;\n}\n\n.weather-location {\n margin: 0 0 1.25rem;\n color: var(--muted);\n font-size: 0.92rem;\n}\n\n.weather-grid {\n display: grid;\n grid-template-columns: repeat(7, minmax(0, 1fr));\n gap: 0.75rem;\n}\n\n.weather-day {\n background: var(--card);\n border: 1px solid var(--line);\n border-radius: 14px;\n padding: 0.85rem 0.5rem;\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 0.25rem;\n box-shadow: 0 8px 20px rgba(43, 37, 33, 0.05);\n}\n\n.weather-day-name {\n margin: 0;\n font-weight: 600;\n font-size: 0.8rem;\n color: var(--ink);\n}\n\n.weather-icon {\n width: 56px;\n height: 56px;\n border-radius: 8px;\n object-fit: cover;\n margin: 0.15rem 0;\n}\n\n.weather-temps {\n margin: 0;\n display: flex;\n gap: 0.5rem;\n align-items: baseline;\n font-variant-numeric: tabular-nums;\n}\n\n.weather-hi { font-weight: 600; color: var(--ink); }\n.weather-lo { color: var(--muted); }\n\n.weather-desc {\n margin: 0;\n font-size: 0.74rem;\n line-height: 1.35;\n color: var(--muted);\n}\n\n.weather-meta {\n margin: 0.1rem 0 0;\n font-size: 0.7rem;\n color: var(--muted);\n}\n\n.weather-status {\n grid-column: 1 / -1;\n color: var(--muted);\n font-style: italic;\n padding: 1rem 0;\n}\n\n.weather-credit {\n margin: 1.25rem 0 0;\n font-size: 0.8rem;\n color: var(--muted);\n}\n.weather-credit a { color: var(--accent); }\n\n.footer-bottom {\n margin-top: 1.5rem;\n}\n\n/* Logo sits between the page content and the weather forecast, acting as a\n gentle visual divider. Snug spacing keeps it from leaving an empty gap. */\n.footer-logo-wrap {\n display: flex;\n justify-content: center;\n padding: 0.75rem 1.25rem;\n}\n\n.footer-logo {\n display: block;\n width: auto;\n max-width: 220px;\n height: auto;\n /* Drops the white background of the logo so it blends into the page\n instead of showing a white box/border. */\n mix-blend-mode: multiply;\n}\n\n@media (max-width: 480px) {\n .footer-logo-wrap { padding: 0.25rem 1rem 0.5rem; }\n .footer-logo { max-width: 170px; }\n}\n\n/* Horizontal scroll on narrow screens instead of cramped columns. */\n@media (max-width: 720px) {\n .weather-grid {\n grid-template-columns: repeat(7, 8.5rem);\n overflow-x: auto;\n padding-bottom: 0.75rem;\n scroll-snap-type: x mandatory;\n }\n .weather-day { scroll-snap-align: start; }\n}\n",[],[98],"03f64bcf-b7e1-4558-aef2-fedbb15c2e51","script.js","019edcf3-132e-754f-806f-010a7fb9fa99",22,["D",1781824516277],3,"// Guest book: load existing entries and handle new submissions.\n\nconst form = document.getElementById(\"guestbook-form\");\nconst list = document.getElementById(\"guestbook-entries\");\nconst status = document.getElementById(\"gb-status\");\n\nfunction formatDate(value) {\n // SQLite returns UTC \"YYYY-MM-DD HH:MM:SS\"; treat it as UTC.\n const date = new Date(value.replace(\" \", \"T\") + \"Z\");\n if (isNaN(date)) return \"\";\n return date.toLocaleDateString(undefined, {\n year: \"numeric\",\n month: \"short\",\n day: \"numeric\",\n });\n}\n\nfunction renderEntry(entry) {\n const li = document.createElement(\"li\");\n li.className = \"gb-entry\";\n\n const message = document.createElement(\"p\");\n message.className = \"gb-message\";\n message.textContent = entry.message;\n\n const meta = document.createElement(\"p\");\n meta.className = \"gb-meta\";\n\n const name = document.createElement(\"span\");\n name.className = \"gb-name\";\n name.textContent = entry.name;\n meta.appendChild(name);\n\n const when = formatDate(entry.created_at);\n if (when) {\n const time = document.createElement(\"span\");\n time.className = \"gb-date\";\n time.textContent = when;\n meta.append(\" · \", time);\n }\n\n li.append(message, meta);\n return li;\n}\n\nfunction setEmptyState() {\n list.replaceChildren();\n const li = document.createElement(\"li\");\n li.className = \"gb-empty\";\n li.textContent = \"No messages yet — be the first to sign!\";\n list.appendChild(li);\n}\n\nasync function loadEntries() {\n try {\n const res = await fetch(\"/api/guestbook\");\n const data = await res.json();\n const entries = data.entries || [];\n if (entries.length === 0) {\n setEmptyState();\n return;\n }\n list.replaceChildren(...entries.map(renderEntry));\n } catch (err) {\n console.error(\"Failed to load guest book:\", err);\n list.replaceChildren();\n const li = document.createElement(\"li\");\n li.className = \"gb-empty\";\n li.textContent = \"Couldn't load messages. Please refresh.\";\n list.appendChild(li);\n }\n}\n\nform.addEventListener(\"submit\", async (event) => {\n event.preventDefault();\n const button = form.querySelector(\".gb-submit\");\n const name = form.elements.name.value;\n const message = form.elements.message.value;\n\n status.textContent = \"\";\n status.classList.remove(\"is-error\");\n button.disabled = true;\n\n try {\n const res = await fetch(\"/api/guestbook\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ name, message }),\n });\n const data = await res.json();\n\n if (!res.ok) {\n throw new Error(data.error || \"Something went wrong.\");\n }\n\n // Drop any empty-state placeholder, then prepend the new entry.\n const empty = list.querySelector(\".gb-empty, .gb-loading\");\n if (empty) empty.remove();\n list.prepend(renderEntry(data.entry));\n\n form.reset();\n status.textContent = \"Thanks for signing! 🌲\";\n } catch (err) {\n status.textContent = err.message;\n status.classList.add(\"is-error\");\n } finally {\n button.disabled = false;\n }\n});\n\nloadEntries();\n\n// ---------- Weather forecast (Windsor, NY 13865 via weather.gov) ----------\n\nconst weatherGrid = document.getElementById(\"weather-grid\");\n\nfunction weatherStatus(text) {\n weatherGrid.replaceChildren();\n const p = document.createElement(\"p\");\n p.className = \"weather-status\";\n p.textContent = text;\n weatherGrid.appendChild(p);\n}\n\n// weather.gov returns alternating daytime/nighttime periods.\n// Group them into calendar days, each with a high (day) and low (night).\nfunction groupByDay(periods) {\n const days = [];\n for (const period of periods) {\n const last = days[days.length - 1];\n if (period.isDaytime || !last || last.night) {\n // Start a new day on each daytime period (or a leading \"Tonight\").\n days.push({\n label: period.name,\n day: period.isDaytime ? period : null,\n night: period.isDaytime ? null : period,\n });\n } else {\n last.night = period;\n }\n }\n return days.slice(0, 7);\n}\n\nfunction renderDay(day) {\n const primary = day.day || day.night;\n const card = document.createElement(\"div\");\n card.className = \"weather-day\";\n\n const name = document.createElement(\"p\");\n name.className = \"weather-day-name\";\n name.textContent = day.label;\n\n const img = document.createElement(\"img\");\n img.className = \"weather-icon\";\n img.src = primary.icon;\n img.alt = primary.shortForecast;\n img.loading = \"lazy\";\n img.width = 64;\n img.height = 64;\n\n const temps = document.createElement(\"p\");\n temps.className = \"weather-temps\";\n if (day.day) {\n const hi = document.createElement(\"span\");\n hi.className = \"weather-hi\";\n hi.textContent = `${day.day.temperature}°`;\n temps.appendChild(hi);\n }\n if (day.night) {\n const lo = document.createElement(\"span\");\n lo.className = \"weather-lo\";\n lo.textContent = `${day.night.temperature}°`;\n temps.appendChild(lo);\n }\n\n const desc = document.createElement(\"p\");\n desc.className = \"weather-desc\";\n desc.textContent = primary.shortForecast;\n\n const meta = document.createElement(\"p\");\n meta.className = \"weather-meta\";\n const precip = primary.precip != null ? `💧 ${primary.precip}%` : \"\";\n const wind = primary.windSpeed ? `💨 ${primary.windDirection} ${primary.windSpeed}` : \"\";\n meta.textContent = [precip, wind].filter(Boolean).join(\" · \");\n\n card.append(name, img, temps, desc, meta);\n return card;\n}\n\nasync function loadWeather() {\n if (!weatherGrid) return;\n try {\n const res = await fetch(\"/api/weather\");\n const data = await res.json();\n if (!res.ok || !data.periods || data.periods.length === 0) {\n throw new Error(data.error || \"No forecast available.\");\n }\n const days = groupByDay(data.periods);\n weatherGrid.replaceChildren(...days.map(renderDay));\n } catch (err) {\n console.error(\"Failed to load weather:\", err);\n weatherStatus(\"Forecast is unavailable right now.\");\n }\n}\n\nloadWeather();\n\n// ---------- Photo gallery arrows ----------\n\nfunction initGallery() {\n const wrap = document.querySelector(\".gallery-wrap\");\n if (!wrap) return;\n\n const track = wrap.querySelector(\".gallery\");\n const prev = wrap.querySelector(\".gallery-prev\");\n const next = wrap.querySelector(\".gallery-next\");\n if (!track || !prev || !next) return;\n\n function scrollByPage(direction) {\n // Scroll by roughly one image width (the first item's width + gap).\n const item = track.querySelector(\".gallery-item\");\n const amount = item ? item.getBoundingClientRect().width + 14 : track.clientWidth;\n track.scrollBy({ left: direction * amount, behavior: \"smooth\" });\n }\n\n prev.addEventListener(\"click\", () => scrollByPage(-1));\n next.addEventListener(\"click\", () => scrollByPage(1));\n\n // Hide an arrow when you reach that end of the track.\n function updateArrows() {\n const maxScroll = track.scrollWidth - track.clientWidth;\n prev.disabled = track.scrollLeft <= 2;\n next.disabled = track.scrollLeft >= maxScroll - 2;\n }\n\n track.addEventListener(\"scroll\", updateArrows, { passive: true });\n window.addEventListener(\"resize\", updateArrows);\n updateArrows();\n}\n\ninitGallery();\n",[],[107],"95d3e859-03a0-490e-8468-e573a647cf8a","main.tsx","019edcf3-132e-754f-806e-fd8dffec185a",35,["D",1781826032802],9,"http","import { parseVal, staticHTTPServer } from \"https://esm.town/v/std/utils/index.ts\";\nimport { blob } from \"https://esm.town/v/std/blob/main.ts\";\nimport { addEntry, listEntries } from \"./guestbook.ts\";\nimport { getForecast } from \"./weather.ts\";\n\nconst serve = staticHTTPServer();\n\n// Gallery photos uploaded to this val's blob storage, served via /images/.\nconst IMAGE_KEYS = new Set([\n \"cottage.jpeg\",\n \"cottage1.jpeg\",\n \"cottage2.avif\",\n \"cottage3.avif\",\n \"cottage5.jpeg\",\n \"cottage6.avif\",\n \"cottage8.avif\",\n \"livingspace.jpeg\",\n \"bedroom.avif\",\n \"bedroom.jpeg\",\n]);\n\nconst CONTENT_TYPES: Record = {\n jpeg: \"image/jpeg\",\n jpg: \"image/jpeg\",\n avif: \"image/avif\",\n png: \"image/png\",\n webp: \"image/webp\",\n};\n\nexport default async function (req: Request): Promise {\n const url = new URL(req.url);\n\n if (url.pathname === \"/source\") {\n return new Response(null, {\n status: 302,\n headers: { Location: parseVal().links.self.val },\n });\n }\n\n // ---- Guest book API ----\n if (url.pathname === \"/api/guestbook\") {\n if (req.method === \"GET\") {\n const entries = await listEntries();\n return Response.json({ entries });\n }\n if (req.method === \"POST\") {\n try {\n const { name, message } = await req.json();\n const entry = await addEntry(String(name ?? \"\"), String(message ?? \"\"));\n return Response.json({ entry }, { status: 201 });\n } catch (err) {\n return Response.json(\n { error: err instanceof Error ? err.message : \"Something went wrong.\" },\n { status: 400 },\n );\n }\n }\n return new Response(\"Method not allowed\", { status: 405 });\n }\n\n // ---- Weather forecast API ----\n if (url.pathname === \"/api/weather\") {\n try {\n const forecast = await getForecast();\n return Response.json(forecast, {\n headers: { \"Cache-Control\": \"public, max-age=900\" },\n });\n } catch (err) {\n return Response.json(\n { error: err instanceof Error ? err.message : \"Couldn't load weather.\" },\n { status: 502 },\n );\n }\n }\n\n // ---- Site logo from blob storage ----\n if (url.pathname === \"/logo.png\") {\n const data = await blob.get(\"logo.png\");\n return new Response(data.body, {\n headers: {\n \"Content-Type\": \"image/png\",\n \"Cache-Control\": \"public, max-age=86400\",\n },\n });\n }\n\n // ---- Gallery images from blob storage ----\n if (url.pathname.startsWith(\"/images/\")) {\n const key = decodeURIComponent(url.pathname.slice(\"/images/\".length));\n if (!IMAGE_KEYS.has(key)) {\n return new Response(\"Not found\", { status: 404 });\n }\n const data = await blob.get(key);\n const ext = key.split(\".\").pop()?.toLowerCase() ?? \"\";\n return new Response(data.body, {\n headers: {\n \"Content-Type\": CONTENT_TYPES[ext] ?? \"application/octet-stream\",\n \"Cache-Control\": \"public, max-age=86400\",\n },\n });\n }\n\n return serve(req);\n}\n",[],[116],["D",1781826176710],[],[19],"c4807193-3144-48dd-b0ca-496a254bb8f4","guestbook.ts","f3539060-6b69-11f1-9d68-1607ee4eb77e",5,["D",1781823822309],"import { sqlite } from \"https://esm.town/v/std/sqlite/main.ts\";\n\nconst TABLE = \"guestbook_entries\";\n\nlet initialized: Promise | null = null;\nfunction ensureTable(): Promise {\n if (!initialized) {\n initialized = sqlite\n .execute(\n `CREATE TABLE IF NOT EXISTS ${TABLE} (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n name TEXT NOT NULL,\n message TEXT NOT NULL,\n created_at TEXT NOT NULL DEFAULT (datetime('now'))\n )`,\n )\n .then(() => {});\n }\n return initialized;\n}\n\nexport interface Entry {\n id: number;\n name: string;\n message: string;\n created_at: string;\n}\n\nexport async function listEntries(limit = 200): Promise {\n await ensureTable();\n const result = await sqlite.execute({\n sql: `SELECT id, name, message, created_at FROM ${TABLE} ORDER BY id DESC LIMIT ?`,\n args: [limit],\n });\n return result.rows as unknown as Entry[];\n}\n\nexport async function addEntry(rawName: string, rawMessage: string): Promise {\n await ensureTable();\n\n const name = rawName.trim().slice(0, 80);\n const message = rawMessage.trim().slice(0, 1000);\n\n if (!name) throw new Error(\"Please sign your name.\");\n if (!message) throw new Error(\"Please leave a message.\");\n\n const result = await sqlite.execute({\n sql: `INSERT INTO ${TABLE} (name, message) VALUES (?, ?)\n RETURNING id, name, message, created_at`,\n args: [name, message],\n });\n return result.rows[0] as unknown as Entry;\n}\n",[],[129],"69108ce7-ee42-4e86-95ea-c1bf57c5cc44","favicon.svg","019edcf3-132e-754f-806e-f6b06c8dba09",1,["D",1781823378133],"",[],[137],"8aed6b66-d6fe-4adb-acf6-d9b4d3a44629","README.md","019edcf3-132e-754f-806e-f2f202dba789",["D",1781823378133],"# Welcome to Val Town\n\nVal Town is the simplest way to get code running in the cloud.\n\nThis is a basic HTML starter template.\n\n## Picking a starter\n\n| Starter | When to pick it |\n| --- | --- |\n| **[`basic-html-starter`](https://www.val.town/x/templates/basic-html-starter)** *(you're here)* | Static HTML pages. Sprinkle of vanilla JS. No server-side rendering. |\n| [`hono-jsx-starter`](https://www.val.town/x/templates/hono-jsx-starter) | Dynamic server-rendered HTML with JSX. API routes. No React, no SPA. |\n| [`react-hono-starter`](https://www.val.town/x/templates/react-hono-starter) | Client-side React SPA with a Hono API backend. |\n\n## Getting started\n\n1. Click `Remix` on this val to get a copy of it\n2. Click `main.tsx` to view the website\n3. Saves to any file will instantly deploy\n\n### ← main.tsx\n\nThis HTTP server hosts all of the other files in this val.\n\nTo view your site in a new tab, click on the `...` menu of `main.tsx` to copy\nyour live HTTP endpoint.\n\n### ← README.md\n\nThat's this file, where you can tell people what your cool website does and how\nyou built it.\n\n### ← index.html\n\nWhere you'll write the content of your website.\n\n### ← style.css\n\nCSS files add styling rules to your content.\n\n### ← script.js\n\nIf you're feeling fancy you can add interactivity to your site with JavaScript.\n\n### ← favicon.svg\n\nThe icon that shows up in the brower tab. Tip: AIs are pretty good at writing\nSVG favicons.\n\n---\n\nThis template was inspired by https://glitch.new/blank.\n",[],[145],"1aae874e-ed20-4ed2-ba40-26dac39936a3","scripts","a6d82db2-1062-4ecc-97dc-2651ca9a139e",33,["D",1781826003092],"directory",[],[152],"daa26ab2-f209-4e2e-b68e-2520b86ce28c",["D",1781823378133],"legacyEnvVars","httpPrivacy","description","Basic HTML starter template based on Glitch's starter","imageUrl","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/1e130d76-f5f9-42d2-df67-91517700ff00/square512?exp=1789713956&sig=0dd608f8d45561ed2950d6d8123e59bdfd2c79646fe36e55a50babd3a1d4837c","userId","a4c82cb0-718a-4b60-84e6-0d7aa26476e7","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","019edcdf-608a-77f8-b8e9-faa10ea0c7b5","tursoName","daa26ab2f2094e2eb68e2520b86ce28c","tursoHostname","daa26ab2f2094e2eb68e2520b86ce28c-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789678880410],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_206":201},"org",{"_11":12,"_200":201,"_202":201,"_167":168,"_203":204,"_205":51},"branch",{"_17":100,"_13":16,"_36":65,"_42":159,"_45":37,"_46":44,"_197":53,"_198":43,"_199":57,"_58":14,"_54":12},"forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","displayName","","avatar","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_36":159,"_13":14,"_38":269,"_49":-5,"_161":51,"_52":53,"_162":53,"_163":164,"_165":166,"_167":168,"_169":117,"_170":69,"_171":-5,"_172":-5,"_173":34,"_56":174,"_175":176,"_177":178,"_179":270,"_181":-5,"_182":183,"_184":183,"_185":186,"_187":186,"_188":186,"_189":183,"_190":183,"_191":271,"_193":272,"_195":273,"_50":51},[242,243,244,245,246,247,248,249,250],"files",[242,243,244,245,246,247,248,249,250],"counts",{"_233":34,"_234":139,"_235":34,"_35":236,"_237":238},[],{"_36":60,"_13":19,"_61":62,"_63":-5,"_64":65,"_66":67,"_68":69,"_38":70,"_17":71,"_72":24,"_73":74,"_75":51,"_76":-5,"_18":232},"upstreamProject",{"_36":43,"_13":59,"_163":164,"_165":166,"_52":53,"_191":230},"upstreamBranch",{"_36":37,"_38":228,"_40":229,"_13":16,"_42":43,"_17":44,"_45":-5,"_46":-5,"_47":48,"_49":-5,"_50":51,"_52":53,"_54":55,"_56":57,"_58":59},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1749070628054],["D",1779896149804],{"_11":55,"_206":231},"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/129cab32-3bd7-4c3e-f39b-f12900c76100/square512?exp=1789713956&sig=e93ec9d2daeb275fd7b3826691468c0f4fd2a637fc3eea7bf4c9745f43637342",[19],"pulls","branches","forks",{"_239":34,"_241":34},"connections",{"_239":34,"_240":34},"count","unfilledCount","emptyCount",{"_36":151,"_13":152,"_61":153,"_63":-5,"_64":65,"_66":154,"_68":69,"_38":155,"_17":34,"_72":156,"_73":-5,"_75":51,"_76":-5,"_94":267,"_18":268},{"_36":144,"_13":145,"_61":146,"_63":-5,"_64":65,"_66":139,"_68":69,"_38":147,"_17":34,"_72":24,"_73":148,"_75":51,"_76":-5,"_94":265,"_18":266},{"_36":136,"_13":137,"_61":138,"_63":-5,"_64":65,"_66":139,"_68":69,"_38":140,"_17":34,"_72":24,"_73":141,"_75":51,"_76":-5,"_94":263,"_18":264},{"_36":128,"_13":129,"_61":130,"_63":-5,"_64":65,"_66":131,"_68":69,"_38":132,"_17":34,"_72":92,"_73":133,"_75":51,"_76":-5,"_94":261,"_18":262},{"_36":60,"_13":19,"_61":62,"_63":-5,"_64":65,"_66":67,"_68":69,"_38":125,"_17":71,"_72":24,"_73":74,"_75":51,"_76":-5,"_94":259,"_18":260},{"_36":115,"_13":116,"_61":117,"_63":-5,"_64":65,"_66":118,"_68":69,"_38":119,"_17":120,"_72":121,"_73":122,"_75":51,"_76":-5,"_94":257,"_18":258},{"_36":106,"_13":107,"_61":108,"_63":-5,"_64":65,"_66":109,"_68":69,"_38":110,"_17":111,"_72":92,"_73":112,"_75":51,"_76":-5,"_94":255,"_18":256},{"_36":97,"_13":98,"_61":99,"_63":-5,"_64":65,"_66":100,"_68":69,"_38":101,"_17":102,"_72":24,"_73":103,"_75":51,"_76":-5,"_94":253,"_18":254},{"_36":87,"_13":88,"_61":89,"_63":-5,"_64":65,"_66":90,"_68":69,"_38":91,"_17":34,"_72":92,"_73":93,"_75":51,"_76":-5,"_94":251,"_18":252},[],[88],[],[98],[],[107],[],[116],[],[19],[],[129],[],[137],[],[145],[],[152],["D",1781823378133],["D",1789678880410],{"_11":12,"_206":201},{"_11":12,"_200":201,"_202":201,"_167":168,"_203":204,"_205":51},{"_17":100,"_13":16,"_36":65,"_42":159,"_45":37,"_46":44,"_197":53,"_198":43,"_199":57,"_58":14,"_54":12},"ctx",{"_191":-5,"_225":307,"_308":309,"_310":311,"_312":51,"_313":51,"_314":51,"_315":69,"_316":-5,"_317":-7,"_318":-7,"_319":34,"_320":51,"_321":51,"_322":-5,"_323":51,"_324":51,"_325":51,"_326":-5},"ENV",{"_278":279,"_280":281,"_282":16,"_283":284,"_285":286,"_287":288,"_289":290,"_291":292,"_293":294,"_295":296,"_297":298,"_299":300,"_301":302,"_303":304,"_305":306},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","71c1b20804b3232a7e513be260cfffc1932a9e97","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"]