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",[154],"6da78078-6231-4393-9afe-4f856704c47f","main.tsx",11,["D",1781824408516],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 { 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",[163],"dc7e9c18-ba8d-47fb-8496-e5b5d3b97d4e","index.html","019edcf7-40ee-77df-a477-0a54fdfb7e98",13,["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",[171],"aedab585-cc92-4c4a-844a-045b0b4e3299","guestbook.ts","4c6b6780-6b6b-11f1-b61b-1607ee4eb77e",9,["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",[178],"60b16900-ce90-4883-9c04-2ac47813263b","favicon.svg","019edcf7-40ee-77df-a477-0706ef47c8dc",1,["D",1781823652019],"",[185],"42f1cda0-bcb5-4db0-824a-a18096bf4a53","README.md","019edcf7-40ee-77df-a477-00b2c7fcf222",["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",[192],"pulls","forks","envVars",{"_203":57,"_205":57},"connections",{"_203":57,"_204":57},"count","unfilledCount","emptyCount",{"_20":191,"_13":192,"_139":193,"_141":-5,"_142":21,"_143":187,"_144":53,"_22":232,"_29":57,"_147":109,"_148":195,"_150":40,"_151":-5,"_214":233,"_98":234},{"_20":184,"_13":185,"_139":186,"_141":-5,"_142":21,"_143":187,"_144":53,"_22":229,"_29":57,"_147":109,"_148":189,"_150":40,"_151":-5,"_214":230,"_98":231},{"_20":177,"_13":178,"_139":179,"_141":-5,"_142":21,"_143":180,"_144":53,"_22":226,"_29":57,"_147":159,"_148":182,"_150":40,"_151":-5,"_214":227,"_98":228},{"_20":170,"_13":171,"_139":172,"_141":-5,"_142":21,"_143":173,"_144":53,"_22":223,"_29":146,"_147":109,"_148":175,"_150":40,"_151":-5,"_214":224,"_98":225},{"_20":162,"_13":163,"_139":51,"_141":-5,"_142":21,"_143":164,"_144":53,"_22":220,"_29":166,"_147":167,"_148":168,"_150":40,"_151":-5,"_214":221,"_98":222},{"_20":153,"_13":154,"_139":155,"_141":-5,"_142":21,"_143":156,"_144":53,"_22":217,"_29":158,"_147":159,"_148":160,"_150":40,"_151":-5,"_214":218,"_98":219},{"_20":137,"_13":138,"_139":140,"_141":-5,"_142":21,"_143":30,"_144":53,"_22":213,"_29":146,"_147":109,"_148":149,"_150":40,"_151":-5,"_214":215,"_98":216},["D",1781824434990],"children",[],[138],["D",1781824428468],[],[154],["D",1781824408516],[],[163],["D",1781824417231],[],[171],["D",1781824401279],[],[178],["D",1781823652019],[],[185],["D",1781823652019],[],[192],["D",1781823652019],["D",1789678880410],{"_11":12,"_96":91},{"_11":12,"_90":91,"_92":91,"_48":49,"_93":94,"_95":40},{"_29":30,"_13":26,"_20":21,"_27":28,"_31":32,"_33":34,"_83":42,"_84":85,"_86":87,"_88":14,"_89":12},"ctx",{"_76":-5,"_119":273,"_274":275,"_276":277,"_278":40,"_279":40,"_280":40,"_281":53,"_282":-5,"_283":-7,"_284":-7,"_285":57,"_286":40,"_287":40,"_288":-5,"_289":40,"_290":40,"_291":40,"_292":-5},"ENV",{"_244":245,"_246":247,"_248":26,"_249":250,"_251":252,"_253":254,"_255":256,"_257":258,"_259":260,"_261":262,"_263":264,"_265":266,"_267":268,"_269":270,"_271":272},"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"]

Branches1

Branches
1