No messages yet — be the first to sign!

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

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

${escapeHTML(e.message)}

`,\n )\n .join(\"\");\n}\n\nasync function loadEntries() {\n try {\n const res = await fetch(\"/api/guestbook\");\n if (!res.ok) throw new Error(\"Failed to load\");\n renderEntries(await res.json());\n } catch {\n if (gbList) {\n gbList.innerHTML =\n '

Couldn’t load messages. Try refreshing.

';\n }\n }\n}\n\nif (gbForm) {\n gbForm.addEventListener(\"submit\", async (e) => {\n e.preventDefault();\n const name = gbForm.elements.name.value.trim();\n const message = gbForm.elements.message.value.trim();\n if (!name || !message) return;\n\n gbSubmit.disabled = true;\n gbStatus.textContent = \"Posting…\";\n gbStatus.className = \"guestbook-status\";\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 if (!res.ok) throw new Error(data.error || \"Something went wrong.\");\n\n gbForm.reset();\n gbStatus.textContent = \"Thanks for signing! 🎉\";\n gbStatus.classList.add(\"ok\");\n await loadEntries();\n } catch (err) {\n gbStatus.textContent = err.message;\n gbStatus.classList.add(\"error\");\n } finally {\n gbSubmit.disabled = false;\n }\n });\n\n loadEntries();\n}\n\n/* ===== NYC weather (7-day forecast via weather.gov) ===== */\nconst wxContainer = document.getElementById(\"weather-forecast\");\n\nfunction weatherEmoji(forecast, isDaytime) {\n const f = String(forecast).toLowerCase();\n // Rain, showers, and thunderstorms all get the poop treatment. 💩\n if (\n f.includes(\"thunder\") ||\n f.includes(\"rain\") ||\n f.includes(\"shower\") ||\n f.includes(\"drizzle\")\n ) return \"💩\";\n if (f.includes(\"snow\") || f.includes(\"flurr\")) return \"🌨️\";\n if (f.includes(\"sleet\") || f.includes(\"ice\")) return \"🧊\";\n if (f.includes(\"fog\") || f.includes(\"haze\")) return \"🌫️\";\n if (f.includes(\"mostly cloudy\") || f.includes(\"overcast\")) return \"☁️\";\n if (f.includes(\"partly\") || f.includes(\"mostly sunny\") || f.includes(\"mostly clear\")) {\n return isDaytime ? \"🌤️\" : \"🌙\";\n }\n if (f.includes(\"cloud\")) return \"⛅\";\n if (f.includes(\"sunny\") || f.includes(\"clear\")) return isDaytime ? \"☀️\" : \"🌙\";\n return isDaytime ? \"🌡️\" : \"🌙\";\n}\n\nfunction renderForecast(periods) {\n if (!wxContainer) return;\n if (!periods || !periods.length) {\n wxContainer.innerHTML =\n '

No forecast available right now.

';\n return;\n }\n\n // Group day + night periods into a single card per calendar day.\n const byDay = new Map();\n for (const p of periods) {\n const dayKey = new Date(p.startTime).toISOString().slice(0, 10);\n if (!byDay.has(dayKey)) byDay.set(dayKey, { day: null, night: null });\n const entry = byDay.get(dayKey);\n if (p.isDaytime) entry.day = p;\n else entry.night = p;\n }\n\n const cards = [...byDay.values()].slice(0, 7).map(({ day, night }) => {\n const main = day || night;\n const date = new Date(main.startTime);\n const weekday = date.toLocaleDateString(undefined, { weekday: \"short\" });\n const monthDay = date.toLocaleDateString(undefined, { month: \"short\", day: \"numeric\" });\n const emoji = weatherEmoji(main.shortForecast, main.isDaytime);\n const high = day ? `${day.temperature}°` : \"—\";\n const low = night ? `${night.temperature}°` : \"—\";\n return `\n

\n ${escapeHTML(weekday)}\n ${escapeHTML(monthDay)}\n

${emoji}

\n ${escapeHTML(high)}\n ${escapeHTML(low)}\n

${escapeHTML(main.shortForecast)}

`;\n });\n\n wxContainer.innerHTML = cards.join(\"\");\n}\n\nasync function loadWeather() {\n if (!wxContainer) return;\n try {\n const res = await fetch(\"/api/weather\");\n if (!res.ok) throw new Error(\"Failed to load\");\n const data = await res.json();\n renderForecast(data.periods);\n } catch {\n wxContainer.innerHTML =\n '

Couldn’t load the forecast. Try refreshing.

';\n }\n}\n\nloadWeather();\n",[105],"473ce97ccfe9d6b0c52649b604ab4a3fb9301648a5695a72f01d2e89edaad763","20acf350-4215-11f0-b215-76b3cceeab13","27db6ac2-4188-11f0-9fb1-76b3cceeab13",47,["D",1749131895828],"/* 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":122,"_80":136,"_82":-5,"_83":33,"_84":137,"_85":26,"_34":138,"_40":139,"_88":130,"_90":140,"_65":48,"_92":-5,"_93":-7,"_73":141,"_95":142},{"_32":125,"_13":122,"_80":126,"_82":-5,"_83":58,"_84":127,"_85":26,"_34":128,"_40":129,"_88":130,"_90":131,"_65":48,"_92":132,"_93":-7,"_73":133,"_95":134},"404d17c0-6ca7-448f-aa65-fd2f4dc382ee","019edcef-6820-777b-9f0b-3b56fae335cc",18,["D",1781825111718],5,"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 { sqlite } from \"https://esm.town/v/std/sqlite/main.ts\";\n\nconst serve = staticHTTPServer();\n\nawait sqlite.execute(`CREATE TABLE IF NOT EXISTS guestbook_entries (\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\nexport default async function (req: Request): Promise {\n const url = new URL(req.url);\n\n // \"view source\" link → open this val in the Val Town editor\n if (url.pathname === \"/source\") {\n return new Response(null, {\n status: 302,\n headers: { Location: parseVal().links.self.val },\n });\n }\n\n // Serve the headshot stored in blob storage\n if (url.pathname === \"/headshot.jpeg\") {\n const data = await blob.get(\"potluck.jpeg\"); // returns a Response\n return new Response(data.body, {\n headers: {\n \"Content-Type\": \"image/jpeg\",\n \"Cache-Control\": \"public, max-age=3600\",\n },\n });\n }\n\n // ===== Guest book API =====\n if (url.pathname === \"/api/guestbook\") {\n if (req.method === \"GET\") {\n const { rows } = await sqlite.execute(\n \"SELECT id, name, message, created_at FROM guestbook_entries ORDER BY id DESC LIMIT 200\",\n );\n return Response.json(rows);\n }\n\n if (req.method === \"POST\") {\n let body: { name?: unknown; message?: unknown };\n try {\n body = await req.json();\n } catch {\n return Response.json({ error: \"Invalid JSON\" }, { status: 400 });\n }\n\n const name = typeof body.name === \"string\" ? body.name.trim() : \"\";\n const message = typeof body.message === \"string\" ? body.message.trim() : \"\";\n\n if (!name || !message) {\n return Response.json(\n { error: \"Both name and message are required.\" },\n { status: 400 },\n );\n }\n if (name.length > 80) {\n return Response.json(\n { error: \"Name must be 80 characters or fewer.\" },\n { status: 400 },\n );\n }\n if (message.length > 1000) {\n return Response.json(\n { error: \"Message must be 1000 characters or fewer.\" },\n { status: 400 },\n );\n }\n\n const { rows } = await sqlite.execute({\n sql:\n \"INSERT INTO guestbook_entries (name, message) VALUES (?, ?) RETURNING id, name, message, created_at\",\n args: [name, message],\n });\n return Response.json(rows[0], { status: 201 });\n }\n\n return new Response(\"Method Not Allowed\", { status: 405 });\n }\n\n // ===== Weather API (NYC 7-day forecast via weather.gov) =====\n if (url.pathname === \"/api/weather\") {\n try {\n // Central Park, NYC → weather.gov gridpoint OKX/33,37\n const wxRes = await fetch(\n \"https://api.weather.gov/gridpoints/OKX/33,37/forecast\",\n {\n headers: {\n // weather.gov requires a descriptive User-Agent\n \"User-Agent\": \"(potluck-portfolio.val.run, contact@val.town)\",\n \"Accept\": \"application/geo+json\",\n },\n },\n );\n if (!wxRes.ok) {\n return Response.json(\n { error: `weather.gov returned ${wxRes.status}` },\n { status: 502 },\n );\n }\n const data = await wxRes.json();\n const periods = (data?.properties?.periods ?? []).map((p: any) => ({\n name: p.name,\n startTime: p.startTime,\n isDaytime: p.isDaytime,\n temperature: p.temperature,\n temperatureUnit: p.temperatureUnit,\n shortForecast: p.shortForecast,\n icon: p.icon,\n }));\n return Response.json({ periods }, {\n headers: { \"Cache-Control\": \"public, max-age=1800\" },\n });\n } catch (err) {\n return Response.json(\n { error: \"Failed to fetch weather.\" },\n { status: 502 },\n );\n }\n }\n\n return serve(req);\n}\n","potluck-portfolio-june18b",[122],"0f2120988b33a64d795b50224d73cf19a0dab1e9cc89d596708b86a37314aa08","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();",[122],"90dc6a3960d1c6cf605d17ce12b7f0b1623d7a74350872160331f94d11d03107","index.html",{"_32":153,"_13":143,"_80":154,"_82":-5,"_83":33,"_84":155,"_85":26,"_34":156,"_40":157,"_88":89,"_90":158,"_65":48,"_92":-5,"_93":-7,"_73":159,"_95":160},{"_32":146,"_13":143,"_80":147,"_82":-5,"_83":58,"_84":139,"_85":26,"_34":148,"_40":149,"_88":89,"_90":150,"_65":48,"_92":-5,"_93":-7,"_73":151,"_95":152},"e8c64f5a-d521-4e96-957c-cffd486074e2","019edcef-6820-777b-9f0b-37a242c232af",["D",1781825124045],9,"\n\n \n Potluck Mittal — Professional Portfolio\n \n \n \n\n \n \n \n \n \n \n \n \n\n \n

\n \n

Potluck Mittal

Builder · Tinkerer · Lifelong learner!

\n\n

\n \n

About Me

\n Hi, I'm Potluck Mittal. Write a few sentences about yourself\n here — who you are, what you're passionate about, and what\n you're working on these days. This text lives in index.html, so edit it any time.\n

\n You can add as many paragraphs as you like to tell your story.\n

\n\n \n

NYC Weather · Next 7 Days

Forecast for New York City, courtesy of the\n weather.gov API.

Loading forecast…

\n\n \n

Projects

Project One

\n A short description of what this project is and why it's cool.\n

\n View →\n

Project Two

\n A short description of what this project is and why it's cool.\n

\n View →\n

Project Three

\n A short description of what this project is and why it's cool.\n

\n View →\n

\n\n \n

Guest Book

Thanks for stopping by! Leave a comment and sign your name. 👋

\n\n \n\n

Loading messages…

\n\n \n

Get in Touch

\n The best way to reach me is add your email or links here.\n

\n Email\n GitHub\n LinkedIn\n

\n\n \n \n",[143],"8e52111e48e13cce2c5ff1bb80be0c0343e21835d34367fcf18fa39883f894d5","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",["D",1781823137743],"legacyEnvVars","httpPrivacy","description","Basic HTML starter template based on Glitch's starter","imageUrl","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/1e130d76-f5f9-42d2-df67-91517700ff00/square512?exp=1789714431&sig=37f1a6032340f0e88e448340acede087318c3e849531b95989b59f98c99900fa","userId","a901be14-46b7-41dd-824b-c175ad53f7c4","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","019edcee-4261-72df-838d-78d5818c3667","tursoName","396260dfc20d481c97291676f5105656","tursoHostname","396260dfc20d481c97291676f5105656-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789684858011],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_203":198},"org",{"_11":12,"_197":198,"_199":198,"_168":169,"_200":201,"_202":48},"branch","displayName","","avatar","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_32":59,"_13":14,"_34":287,"_46":-5,"_162":48,"_49":50,"_163":50,"_164":165,"_166":167,"_168":169,"_170":126,"_171":26,"_172":-5,"_173":-5,"_174":22,"_53":175,"_176":177,"_178":179,"_180":288,"_182":-5,"_183":184,"_185":184,"_186":187,"_188":187,"_189":187,"_190":184,"_191":184,"_192":289,"_194":290,"_196":291,"_47":48},"tree",[267,268,269,270,271,272],"files",[267,268,269,270,271,272],"counts",{"_257":22,"_258":247,"_259":22,"_260":261,"_262":263},"contents",[230,231,232,233,234,235],"upstreamProject",{"_32":39,"_13":56,"_164":165,"_166":167,"_49":50,"_192":228},"upstreamBranch",{"_32":33,"_34":226,"_36":227,"_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,"_203":229},"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/129cab32-3bd7-4c3e-f39b-f12900c76100/square512?exp=1789714431&sig=73bc9a7723f1fc68575fef7e63da639170d64897c240688b143f3e56f9951a8d",{"_32":251,"_13":252,"_80":253,"_82":-5,"_83":58,"_84":247,"_85":26,"_34":254,"_40":22,"_88":89,"_90":255,"_65":48,"_92":-5,"_73":256},{"_32":244,"_13":245,"_80":246,"_82":-5,"_83":58,"_84":247,"_85":26,"_34":248,"_40":22,"_88":89,"_90":249,"_65":48,"_92":-5,"_73":250},{"_32":146,"_13":143,"_80":147,"_82":-5,"_83":58,"_84":139,"_85":26,"_34":242,"_40":149,"_88":89,"_90":150,"_65":48,"_92":-5,"_73":243},{"_32":125,"_13":122,"_80":126,"_82":-5,"_83":58,"_84":127,"_85":26,"_34":240,"_40":129,"_88":130,"_90":131,"_65":48,"_92":132,"_73":241},{"_32":108,"_13":105,"_80":109,"_82":-5,"_83":58,"_84":57,"_85":26,"_34":238,"_40":101,"_88":111,"_90":112,"_65":48,"_92":-5,"_73":239},{"_32":79,"_13":74,"_80":81,"_82":-5,"_83":58,"_84":20,"_85":26,"_34":236,"_40":87,"_88":89,"_90":91,"_65":48,"_92":-5,"_73":237},["D",1781825217381],[74],["D",1781825258496],[105],["D",1781825111718],[122],["D",1781825124045],[143],"6e8eaba8-2fd8-4130-96a4-33ff8e9aba1c","favicon.svg","019edcef-6820-777b-9f0b-31bad8355d8e",1,["D",1781823137743],"",[245],"72191ba9-d95c-40e5-8115-257b5f9979b1","README.md","019edcef-6820-777b-9f0b-2d825028ef34",["D",1781823137743],"# 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",[252],"pulls","branches","forks","envVars",{"_264":22,"_266":22},"connections",{"_264":22,"_265":22},"count","unfilledCount","emptyCount",{"_32":251,"_13":252,"_80":253,"_82":-5,"_83":58,"_84":247,"_85":26,"_34":284,"_40":22,"_88":89,"_90":255,"_65":48,"_92":-5,"_93":285,"_73":286},{"_32":244,"_13":245,"_80":246,"_82":-5,"_83":58,"_84":247,"_85":26,"_34":281,"_40":22,"_88":89,"_90":249,"_65":48,"_92":-5,"_93":282,"_73":283},{"_32":146,"_13":143,"_80":147,"_82":-5,"_83":58,"_84":139,"_85":26,"_34":148,"_40":149,"_88":89,"_90":150,"_65":48,"_92":-5,"_93":279,"_73":280},{"_32":125,"_13":122,"_80":126,"_82":-5,"_83":58,"_84":127,"_85":26,"_34":128,"_40":129,"_88":130,"_90":131,"_65":48,"_92":132,"_93":277,"_73":278},{"_32":108,"_13":105,"_80":109,"_82":-5,"_83":58,"_84":57,"_85":26,"_34":110,"_40":101,"_88":111,"_90":112,"_65":48,"_92":-5,"_93":275,"_73":276},{"_32":79,"_13":74,"_80":81,"_82":-5,"_83":58,"_84":20,"_85":26,"_34":86,"_40":87,"_88":89,"_90":91,"_65":48,"_92":-5,"_93":273,"_73":274},[],[74],[],[105],[],[122],[],[143],["D",1781823137743],[],[245],["D",1781823137743],[],[252],["D",1781823137743],["D",1789684858011],{"_11":12,"_203":198},{"_11":12,"_197":198,"_199":198,"_168":169,"_200":201,"_202":48},{"_40":57,"_13":16,"_32":58,"_38":59,"_42":33,"_43":41,"_60":50,"_61":39,"_62":54,"_55":14,"_51":12},"ctx",{"_192":-5,"_223":325,"_326":327,"_328":329,"_330":48,"_331":48,"_332":48,"_333":26,"_334":-5,"_335":-7,"_336":-7,"_337":22,"_338":48,"_339":48,"_340":-5,"_341":48,"_342":48,"_343":48,"_344":-5},"ENV",{"_296":297,"_298":299,"_300":16,"_301":302,"_303":304,"_305":306,"_307":308,"_309":310,"_311":312,"_313":314,"_315":316,"_317":318,"_319":320,"_321":322,"_323":324},"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

Mergepotluck_june18b/mainintotemplates/main

index.html+128-11

Hmain.tsx+128-2

script.js+193-5

style.css+301-7