No signatures yet — be the first!

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

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

\n ${e.message ? `

${escapeHtml(e.message)}

` : \"\"}\n

`).join(\"\");\n}\n\nasync function loadEntries() {\n try {\n const res = await fetch(\"/guestbook\");\n renderEntries(await res.json());\n } catch {\n gbList.innerHTML = '

Could not load the guest book.

';\n }\n}\n\nif (gbForm) {\n gbForm.addEventListener(\"submit\", async (ev) => {\n ev.preventDefault();\n gbError.hidden = true;\n const name = document.getElementById(\"gb-name\").value;\n const message = document.getElementById(\"gb-message\").value;\n const btn = gbForm.querySelector(\"button\");\n btn.disabled = true;\n try {\n const res = await fetch(\"/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 gbForm.reset();\n await loadEntries();\n } catch (err) {\n gbError.textContent = err.message;\n gbError.hidden = false;\n } finally {\n btn.disabled = false;\n }\n });\n loadEntries();\n}\n",[110],"6da78078-6231-4393-9afe-4f856704c47f",["D",1781824408516],"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();\n\nconst HEADSHOT_KEY = \"Screenshot 2026-06-08 at 11.32.46 AM.png\";\n\nexport default async function (req: Request): Promise {\n const url = new URL(req.url);\n\n // Let visitors view & remix the source.\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\") {\n try {\n const res = await blob.get(HEADSHOT_KEY);\n return new Response(res.body, {\n headers: {\n \"Content-Type\": \"image/png\",\n \"Cache-Control\": \"public, max-age=3600\",\n },\n });\n } catch {\n return new Response(\"Not found\", { status: 404 });\n }\n }\n\n // Guest book API.\n if (url.pathname === \"/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(\n { error: err instanceof Error ? err.message : \"Invalid request\" },\n { status: 400 },\n );\n }\n }\n return new Response(\"Method not allowed\", { status: 405 });\n }\n\n return serve(req);\n}\n",[122],"dc7e9c18-ba8d-47fb-8496-e5b5d3b97d4e",["D",1781824417231],"\n\n \n Lizzie Renck — Portfolio\n \n \n \n\n \n \n \n \n \n \n \n \n \n \n\n \n

Hello, I'm

Lizzie Renck

Builder, tinkerer, and lifelong learner.

\n\n

\n \n

About Me

\n Write a few sentences about who you are here. What you do, what\n you're curious about, and what you're working toward.\n

\n This is space for a longer paragraph — your background, the kinds of\n problems you like solving, hobbies, or anything you'd want a visitor\n to know. Edit index.html to make it yours.\n

\n\n \n

Projects

Project One

A short description of what this project is and your role in it.

\n View →\n

Project Two

A short description of what this project is and your role in it.

\n View →\n

Project Three

A short description of what this project is and your role in it.

\n View →\n

\n\n \n

Guest Book

Stopping by? Leave your mark below.

\n \n

Loading signatures…

\n\n \n

Get in Touch

\n The best way to reach me is at\n you@example.com. Swap in your\n real links below.\n

\n LinkedIn\n GitHub\n Twitter\n

\n\n \n \n\n",[87],"aedab585-cc92-4c4a-844a-045b0b4e3299",["D",1781824401279],"import { sqlite } from \"https://esm.town/v/std/sqlite/main.ts\";\n\nconst TABLE = \"guestbook_entries\";\n\nlet ready: Promise | null = null;\nfunction init() {\n ready ??= sqlite.execute(`CREATE TABLE IF NOT EXISTS ${TABLE} (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n name TEXT NOT NULL,\n message TEXT,\n created_at TEXT NOT NULL DEFAULT (datetime('now'))\n )`).then(() => {});\n return ready;\n}\n\nexport interface Entry {\n id: number;\n name: string;\n message: string | null;\n created_at: string;\n}\n\nexport async function listEntries(limit = 100): Promise {\n await init();\n const res = 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 res.rows as unknown as Entry[];\n}\n\nexport async function addEntry(name: string, message: string): Promise {\n await init();\n const cleanName = name.trim().slice(0, 80);\n const cleanMessage = message.trim().slice(0, 280);\n if (!cleanName) throw new Error(\"Name is required\");\n\n const res = await sqlite.execute({\n sql: `INSERT INTO ${TABLE} (name, message) VALUES (?, ?)\n RETURNING id, name, message, created_at`,\n args: [cleanName, cleanMessage || null],\n });\n return res.rows[0] as unknown as Entry;\n}\n",[183],"60b16900-ce90-4883-9c04-2ac47813263b",["D",1781823652019],"",[98],"42f1cda0-bcb5-4db0-824a-a18096bf4a53",["D",1781823652019],"# 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",[104],"pulls","branches","forks","envVars",{"_118":20,"_359":20},"connections",{"_118":20,"_358":20},"unfilledCount","emptyCount",{"_41":347,"_13":104,"_85":103,"_51":-5,"_43":44,"_320":48,"_321":238,"_45":386,"_47":20,"_88":62,"_323":349,"_89":24,"_325":-5,"_368":387,"_279":388},{"_41":343,"_13":98,"_85":97,"_51":-5,"_43":44,"_320":48,"_321":238,"_45":383,"_47":20,"_88":62,"_323":345,"_89":24,"_325":-5,"_368":384,"_279":385},{"_41":339,"_13":183,"_85":182,"_51":-5,"_43":44,"_320":176,"_321":238,"_45":380,"_47":20,"_88":111,"_323":341,"_89":24,"_325":-5,"_368":381,"_279":382},{"_41":335,"_13":87,"_85":86,"_51":-5,"_43":44,"_320":207,"_321":238,"_45":377,"_47":134,"_88":62,"_323":337,"_89":24,"_325":-5,"_368":378,"_279":379},{"_41":331,"_13":122,"_85":121,"_51":-5,"_43":44,"_320":193,"_321":238,"_45":374,"_47":148,"_88":123,"_323":333,"_89":24,"_325":-5,"_368":375,"_279":376},{"_41":327,"_13":110,"_85":109,"_51":-5,"_43":44,"_320":214,"_321":238,"_45":371,"_47":126,"_88":111,"_323":329,"_89":24,"_325":-5,"_368":372,"_279":373},{"_41":319,"_13":117,"_85":116,"_51":-5,"_43":44,"_320":221,"_321":238,"_45":367,"_47":134,"_88":62,"_323":324,"_89":24,"_325":-5,"_368":369,"_279":370},["D",1781824434990],"children",[],[117],["D",1781824428468],[],[110],["D",1781824408516],[],[122],["D",1781824417231],[],[87],["D",1781824401279],[],[183],["D",1781823652019],[],[98],["D",1781823652019],[],[104],["D",1781823652019],["D",1789678880410],{"_11":12,"_278":92},{"_11":12,"_274":92,"_91":92,"_25":90,"_275":276,"_277":24},{"_47":221,"_13":16,"_41":44,"_264":226,"_265":82,"_266":83,"_267":230,"_268":269,"_270":271,"_272":14,"_273":12},"ctx",{"_60":-5,"_299":427,"_428":429,"_430":431,"_432":24,"_433":24,"_434":24,"_435":238,"_436":-5,"_437":-7,"_438":-7,"_439":20,"_440":24,"_441":24,"_442":-5,"_443":24,"_444":24,"_445":24,"_446":-5},"ENV",{"_398":399,"_400":401,"_402":16,"_403":404,"_405":406,"_407":408,"_409":410,"_411":412,"_413":414,"_415":416,"_417":418,"_419":420,"_421":422,"_423":424,"_425":426},"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"]

History