No entries yet — be the first to sign!

';\n return;\n }\n entriesEl.innerHTML = entries\n .map(\n (e) => `\n

${escapeHtml(e.message)}

— ${escapeHtml(e.name)}\n ${formatDate(e.created_at)}

`,\n )\n .join(\"\");\n}\n\nasync function loadEntries() {\n try {\n const res = await fetch(\"/api/guestbook\");\n const data = await res.json();\n renderEntries(data.entries || []);\n } catch (err) {\n console.error(\"Failed to load guestbook\", err);\n entriesEl.innerHTML =\n '

Could not load entries.

';\n }\n}\n\nif (form) {\n form.addEventListener(\"submit\", async (event) => {\n event.preventDefault();\n const name = document.getElementById(\"gb-name\").value.trim();\n const message = document.getElementById(\"gb-message\").value.trim();\n if (!name || !message) return;\n\n submitBtn.disabled = true;\n statusEl.textContent = \"Signing…\";\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 if (!res.ok) {\n const data = await res.json().catch(() => ({}));\n throw new Error(data.error || \"Something went wrong\");\n }\n form.reset();\n statusEl.textContent = \"Thanks for signing! 🎉\";\n await loadEntries();\n } catch (err) {\n statusEl.textContent = err.message;\n } finally {\n submitBtn.disabled = false;\n setTimeout(() => (statusEl.textContent = \"\"), 4000);\n }\n });\n\n loadEntries();\n}\n\n/* ---- NYC weather (7-day forecast) ---- */\nconst weatherGrid = document.getElementById(\"weather-grid\");\n\nfunction weatherEmoji(shortForecast) {\n const s = String(shortForecast).toLowerCase();\n // Rain, showers, and thunderstorms all show a blue heart 💙\n if (s.includes(\"thunder\") || s.includes(\"rain\") || s.includes(\"shower\")) return \"💙\";\n if (s.includes(\"snow\") || s.includes(\"flurr\")) return \"🌨️\";\n if (s.includes(\"fog\")) return \"🌫️\";\n if (s.includes(\"mostly sunny\") || s.includes(\"partly\")) return \"🌤️\";\n if (s.includes(\"sunny\") || s.includes(\"clear\")) return \"☀️\";\n if (s.includes(\"mostly cloudy\") || s.includes(\"overcast\")) return \"☁️\";\n if (s.includes(\"cloud\")) return \"⛅\";\n return \"🌡️\";\n}\n\n// Replace the words rain / shower(s) / thunderstorm(s) with a blue heart.\nfunction heartify(text) {\n return String(text).replace(/thunderstorms?|showers?|rain/gi, \"💙\");\n}\n\nfunction shortDay(iso) {\n const d = new Date(iso);\n if (isNaN(d)) return \"\";\n return d.toLocaleDateString(undefined, { weekday: \"short\", month: \"short\", day: \"numeric\" });\n}\n\nfunction renderForecast(periods) {\n if (!periods.length) {\n weatherGrid.innerHTML = '

No forecast available.

';\n return;\n }\n weatherGrid.innerHTML = periods\n .map(\n (p) => `\n

${escapeHtml(shortDay(p.startTime))}

${weatherEmoji(p.shortForecast)}

${p.temperature}°${escapeHtml(p.temperatureUnit)}

${heartify(escapeHtml(p.shortForecast))}

`,\n )\n .join(\"\");\n}\n\nasync function loadForecast() {\n if (!weatherGrid) return;\n try {\n const res = await fetch(\"/api/weather\");\n if (!res.ok) throw new Error(\"Forecast unavailable\");\n const data = await res.json();\n renderForecast(data.periods || []);\n } catch (err) {\n console.error(\"Failed to load weather\", err);\n weatherGrid.innerHTML =\n '

Could not load the forecast right now.

';\n }\n}\n\nloadForecast();\n",[105],"e0df6f8da2960ffc424508eccb6a3150684e395db4041e95aa1a2a8ca88909f1","20acf350-4215-11f0-b215-76b3cceeab13","27db6ac2-4188-11f0-9fb1-76b3cceeab13",47,["D",1749131895828],7,"/* If you're feeling fancy you can add interactivity\n to your site with Javascript.\n Note: TypeScript won't work in this file. */\n\n// prints \"hi\" in the browser's dev tools console\nconsole.log(\"hi\");",[105],"64f11332c09344f36075ba3f447d75f81cd65f6db469468e727edd7dfd221d08","main.tsx",{"_32":135,"_13":123,"_80":136,"_82":-5,"_83":33,"_84":137,"_86":26,"_34":138,"_40":139,"_89":131,"_91":140,"_65":48,"_93":-5,"_94":-7,"_73":141,"_96":142},{"_32":126,"_13":123,"_80":127,"_82":-5,"_83":58,"_84":128,"_86":26,"_34":129,"_40":130,"_89":131,"_91":132,"_65":48,"_93":-5,"_94":-7,"_73":133,"_96":134},"6cc5059d-71da-4d69-9612-7138bc163e3d","019edcf0-cf03-74df-a9bd-2c7c41dfea6d",23,["D",1781825178434],8,"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\";\n\nconst serve = staticHTTPServer();\nconst HEADSHOT_KEY = \"Leeron headshot photo(1).jpeg\";\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 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 body = await req.json();\n const entry = await addEntry(String(body.name ?? \"\"), String(body.message ?? \"\"));\n return Response.json({ entry }, { status: 201 });\n } catch (err) {\n return Response.json({ error: (err as Error).message }, { status: 400 });\n }\n }\n return new Response(\"Method not allowed\", { status: 405 });\n }\n\n if (url.pathname === \"/api/weather\") {\n try {\n const forecast = await getNycForecast();\n return Response.json({ periods: forecast }, {\n headers: { \"Cache-Control\": \"public, max-age=1800\" },\n });\n } catch (err) {\n return Response.json({ error: (err as Error).message }, { status: 502 });\n }\n }\n\n if (url.pathname === \"/headshot\") {\n const data = await blob.get(HEADSHOT_KEY);\n if (!data) return new Response(\"Not found\", { status: 404 });\n return new Response(data.body, {\n headers: {\n \"Content-Type\": \"image/jpeg\",\n \"Cache-Control\": \"public, max-age=86400\",\n },\n });\n }\n\n return serve(req);\n}\n\n// --- NYC weather via the National Weather Service (weather.gov) API ---\n// NYC (Central Park) maps to NWS office OKX, grid 33,37.\nconst NWS_FORECAST_URL = \"https://api.weather.gov/gridpoints/OKX/33,37/forecast\";\n// weather.gov requires a descriptive User-Agent identifying the app + contact.\nconst NWS_HEADERS = {\n \"User-Agent\": \"(leeronh-portfolio, leeronh@gmail.com)\",\n \"Accept\": \"application/geo+json\",\n};\n\ninterface ForecastPeriod {\n name: string;\n isDaytime: boolean;\n temperature: number;\n temperatureUnit: string;\n shortForecast: string;\n detailedForecast: string;\n icon: string;\n startTime: string;\n}\n\nasync function getNycForecast(): Promise {\n const res = await fetch(NWS_FORECAST_URL, { headers: NWS_HEADERS });\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 ForecastPeriod[];\n // The API returns ~14 day/night periods; return the next 7 daytime periods.\n return periods.filter((p) => p.isDaytime).slice(0, 7);\n}\n",[123],"9eee1286249570ab4d1d2c300e2d26c8d61ec8ba218956234872902561c63fe3","dfd5cc68-0dd3-11f1-a797-42dde27851f2","7a3d750a-4186-11f0-ae9b-76b3cceeab13",75,["D",1771533906963],20,"import { staticHTTPServer } from \"https://esm.town/v/std/utils/index.ts\";\nexport default staticHTTPServer();",[123],"90dc6a3960d1c6cf605d17ce12b7f0b1623d7a74350872160331f94d11d03107","index.html",{"_32":152,"_13":143,"_80":153,"_82":-5,"_83":33,"_84":154,"_86":26,"_34":155,"_40":156,"_89":90,"_91":157,"_65":48,"_93":-5,"_94":-7,"_73":158,"_96":159},{"_32":146,"_13":143,"_80":147,"_82":-5,"_83":58,"_84":139,"_86":26,"_34":148,"_40":130,"_89":90,"_91":149,"_65":48,"_93":-5,"_94":-7,"_73":150,"_96":151},"ba007ed2-9b36-4cb1-b0ef-27cf2f4d0adb","019edcf0-cf02-702b-97e0-5431b6e977e1",["D",1781825156705],"\n\n \n Leeron — Portfolio\n \n \n \n \n\n \n \n \n \n \n\n \n \n \n \n \n \n\n \n

Hello, I'm

Leeron

\n A short line about what you do — builder, designer, tinkerer.\n Edit this in index.html.\n

\n View projects\n Get in touch\n

\n \n

\n\n

\n \n

About me

\n Write a few sentences about yourself here — your background,\n what you care about, and the kind of work you like doing.\n

\n This is just placeholder text. Open index.html\n and replace it with your own story. Add as many paragraphs as\n you like.\n

\n\n \n

NYC weather

A 7-day forecast for New York City, powered by the\n National Weather Service.

Loading forecast…

\n\n \n

Projects

Project One

\n A sentence or two describing what this project is and the\n problem it solves.\n

\n Learn more →\n

\n\n

Project Two

\n Swap in your own project details, tech used, and a link to\n the live demo or repo.\n

\n Learn more →\n

\n\n

Project Three

\n Duplicate one of these cards in index.html to\n add more projects.\n

\n Learn more →\n

\n\n \n

Guestbook

Leave a note and sign your name — say hi, share feedback, or just wave 👋

\n\n \n\n

Loading entries…

\n\n \n

Get in touch

\n Have a question or want to work together? Drop me a line — or find\n me on the platforms below.\n

\n Email me\n

\n \n

\n\n \n \n\n",[143],"48c905f2eb82a5479d4f598877734d0e4e21f21e9dc5302f4e2d7284c862d8a6","e2240bac-418b-11f0-883e-76b3cceeab13","e0e955f2-4187-11f0-83ff-76b3cceeab13",41,["D",1749072949867],6,"\n\n \n Hi there!\n \n \n \n\n \n \n\n \n \n\n \n \n \n \n

Hi there!

\n\n

\n I'm your cool new webpage. Made with Val Town!\n

\n \n",[143],"c7361dc92d6ef7bac8fa83bfd60c3e7225006fd4a979847612f5e344669e252b",{"_73":161,"_75":-7,"_77":162},"guestbook.ts",{"_32":163,"_13":161,"_80":164,"_82":-5,"_83":58,"_84":165,"_86":26,"_34":166,"_40":22,"_89":111,"_91":167,"_65":48,"_93":-5,"_94":-7,"_73":168,"_96":169},"07731533-dd12-4d69-9d74-85b7cd11c0a3","a7f8ea28-6b6b-11f1-9a8a-1607ee4eb77e",10,["D",1781824554890],"import { sqlite } from \"https://esm.town/v/std/sqlite/main.ts\";\n\nconst TABLE = \"guestbook_entries_v1\";\n\nlet ready: Promise | undefined;\nfunction ensureTable(): Promise {\n if (!ready) {\n ready = sqlite.execute(`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 )`).then(() => {});\n }\n return ready;\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 = 100): Promise {\n await ensureTable();\n const result = await sqlite.execute({\n sql: `SELECT id, name, message, created_at FROM ${TABLE}\n ORDER BY id DESC LIMIT ?`,\n args: [limit],\n });\n return result.rows as unknown as Entry[];\n}\n\nexport async function addEntry(name: string, message: string): Promise {\n await ensureTable();\n const cleanName = name.trim().slice(0, 80);\n const cleanMessage = message.trim().slice(0, 1000);\n if (!cleanName) throw new Error(\"Name is required\");\n if (!cleanMessage) throw new Error(\"Message is required\");\n\n const result = await sqlite.execute({\n sql: `INSERT INTO ${TABLE} (name, message) VALUES (?, ?)\n RETURNING id, name, message, created_at`,\n args: [cleanName, cleanMessage],\n });\n return (result.rows as unknown as Entry[])[0];\n}\n",[161],"8266b7d128dcf04c332de49165acf6785936c721e38ed38b0e3335b3c725a8cb",["D",1781823229555],"legacyEnvVars","httpPrivacy","description","Basic HTML starter template based on Glitch's starter","imageUrl","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/1e130d76-f5f9-42d2-df67-91517700ff00/square512?exp=1789718104&sig=78f698cd0b3d8764c2580c86bbc3ee2cf08b7390174ef1825c028cbde8a852ec","userId","74a3fe88-6ee4-4604-a150-46130c34adfd","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","019edce8-25bf-7792-81f6-06db302c7788","tursoName","dabaeebd90b3461dae15b9446faf15b8","tursoHostname","dabaeebd90b3461dae15b9446faf15b8-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789678880410],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_212":207},"org",{"_11":12,"_206":207,"_208":207,"_177":178,"_209":210,"_211":48},"branch","displayName","","avatar","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_32":59,"_13":14,"_34":302,"_46":-5,"_171":48,"_49":50,"_172":50,"_173":174,"_175":176,"_177":178,"_179":127,"_180":26,"_181":-5,"_182":-5,"_183":22,"_53":184,"_185":186,"_187":188,"_189":303,"_191":-5,"_192":193,"_194":193,"_195":196,"_197":196,"_198":196,"_199":193,"_200":193,"_201":304,"_203":305,"_205":306,"_47":48},"tree",[279,280,281,282,283,284,285],"files",[279,280,281,282,283,284,285],"counts",{"_269":22,"_270":259,"_271":22,"_272":273,"_274":275},"contents",[239,240,241,242,243,244,245],"upstreamProject",{"_32":39,"_13":56,"_173":174,"_175":176,"_49":50,"_201":237},"upstreamBranch",{"_32":33,"_34":235,"_36":236,"_13":16,"_38":39,"_40":41,"_42":-5,"_43":-5,"_44":45,"_46":-5,"_47":48,"_49":50,"_51":52,"_53":54,"_55":56},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1749070628054],["D",1779896149804],{"_11":52,"_212":238},"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/129cab32-3bd7-4c3e-f39b-f12900c76100/square512?exp=1789718104&sig=581917547369214391683857bf6aa7250c39cbf30043069c9bbe7072be663851",{"_32":263,"_13":264,"_80":265,"_82":-5,"_83":58,"_84":259,"_86":26,"_34":266,"_40":22,"_89":90,"_91":267,"_65":48,"_93":-5,"_73":268},{"_32":256,"_13":257,"_80":258,"_82":-5,"_83":58,"_84":259,"_86":26,"_34":260,"_40":22,"_89":90,"_91":261,"_65":48,"_93":-5,"_73":262},{"_32":163,"_13":161,"_80":164,"_82":-5,"_83":58,"_84":165,"_86":26,"_34":254,"_40":22,"_89":111,"_91":167,"_65":48,"_93":-5,"_73":255},{"_32":146,"_13":143,"_80":147,"_82":-5,"_83":58,"_84":139,"_86":26,"_34":252,"_40":130,"_89":90,"_91":149,"_65":48,"_93":-5,"_73":253},{"_32":126,"_13":123,"_80":127,"_82":-5,"_83":58,"_84":128,"_86":26,"_34":250,"_40":130,"_89":131,"_91":132,"_65":48,"_93":-5,"_73":251},{"_32":108,"_13":105,"_80":109,"_82":-5,"_83":58,"_84":57,"_86":26,"_34":248,"_40":88,"_89":111,"_91":112,"_65":48,"_93":-5,"_73":249},{"_32":79,"_13":74,"_80":81,"_82":-5,"_83":58,"_84":85,"_86":26,"_34":246,"_40":88,"_89":90,"_91":92,"_65":48,"_93":-5,"_73":247},["D",1781825242923],[74],["D",1781825305924],[105],["D",1781825178434],[123],["D",1781825156705],[143],["D",1781824554890],[161],"2335f09b-15bd-455a-aa58-95a196dd8e18","favicon.svg","019edcf0-cf02-702b-97e0-51ca978bc412",1,["D",1781823229555],"",[257],"76cca399-e741-4ba0-8696-6acb5ecf0b7d","README.md","019edcf0-cf02-702b-97e0-4c474e352b9b",["D",1781823229555],"# 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",[264],"pulls","branches","forks","envVars",{"_276":22,"_278":22},"connections",{"_276":22,"_277":22},"count","unfilledCount","emptyCount",{"_32":263,"_13":264,"_80":265,"_82":-5,"_83":58,"_84":259,"_86":26,"_34":299,"_40":22,"_89":90,"_91":267,"_65":48,"_93":-5,"_94":300,"_73":301},{"_32":256,"_13":257,"_80":258,"_82":-5,"_83":58,"_84":259,"_86":26,"_34":296,"_40":22,"_89":90,"_91":261,"_65":48,"_93":-5,"_94":297,"_73":298},{"_32":163,"_13":161,"_80":164,"_82":-5,"_83":58,"_84":165,"_86":26,"_34":166,"_40":22,"_89":111,"_91":167,"_65":48,"_93":-5,"_94":294,"_73":295},{"_32":146,"_13":143,"_80":147,"_82":-5,"_83":58,"_84":139,"_86":26,"_34":148,"_40":130,"_89":90,"_91":149,"_65":48,"_93":-5,"_94":292,"_73":293},{"_32":126,"_13":123,"_80":127,"_82":-5,"_83":58,"_84":128,"_86":26,"_34":129,"_40":130,"_89":131,"_91":132,"_65":48,"_93":-5,"_94":290,"_73":291},{"_32":108,"_13":105,"_80":109,"_82":-5,"_83":58,"_84":57,"_86":26,"_34":110,"_40":88,"_89":111,"_91":112,"_65":48,"_93":-5,"_94":288,"_73":289},{"_32":79,"_13":74,"_80":81,"_82":-5,"_83":58,"_84":85,"_86":26,"_34":87,"_40":88,"_89":90,"_91":92,"_65":48,"_93":-5,"_94":286,"_73":287},[],[74],[],[105],[],[123],[],[143],[],[161],["D",1781823229555],[],[257],["D",1781823229555],[],[264],["D",1781823229555],["D",1789678880410],{"_11":12,"_212":207},{"_11":12,"_206":207,"_208":207,"_177":178,"_209":210,"_211":48},{"_40":57,"_13":16,"_32":58,"_38":59,"_42":33,"_43":41,"_60":50,"_61":39,"_62":54,"_55":14,"_51":12},"ctx",{"_201":-5,"_232":340,"_341":342,"_343":344,"_345":48,"_346":48,"_347":48,"_348":26,"_349":-5,"_350":-7,"_351":-7,"_352":22,"_353":48,"_354":48,"_355":-5,"_356":48,"_357":48,"_358":48,"_359":-5},"ENV",{"_311":312,"_313":314,"_315":16,"_316":317,"_318":319,"_320":321,"_322":323,"_324":325,"_326":327,"_328":329,"_330":331,"_332":333,"_334":335,"_336":337,"_338":339},"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"]

Compare

Mergeleeronh/mainintotemplates/main

index.html+172-11

Hmain.tsx+89-2

script.js+152-5

style.css+268-7

guestbook.ts+48-0