[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_238":239,"_240":241},"routes/_app.x.$handle.$name",{"_110":109,"_38":51,"_118":96,"_33":112,"_13":14,"_119":-5,"_11":120,"_121":122,"_123":124,"_125":126,"_127":128,"_26":-5,"_129":130,"_131":132,"_133":31,"_134":135,"_136":65,"_137":-5,"_138":-5,"_139":140},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":-5},"project",{"_49":50,"_38":51,"_44":52,"_53":-5,"_54":31,"_55":56,"_57":56,"_58":59,"_60":61,"_19":62,"_63":37,"_64":65,"_66":-5,"_67":-5,"_68":69,"_70":71,"_72":73,"_74":75,"_76":77,"_78":-5,"_79":80,"_81":80,"_82":83,"_84":83,"_85":83,"_86":80,"_87":80,"_88":89,"_90":91,"_92":93,"_94":31},"version",6,"changes",[25],"aiChatInfo",{"_20":21,"_22":-5,"_23":-5,"_24":-5},"userId","aiChatMessageId","345bc2e2-80a1-41bf-a334-8ea8db90a63a","aiChatThreadId","aiChatThreadUserId","aiChatThreadTitle",{"_26":27,"_28":29,"_30":31,"_32":31,"_33":34,"_35":34},"file",{"_36":37,"_38":34,"_39":40,"_41":43,"_44":45,"_46":14,"_47":48,"_30":31},"previous",{"_36":37,"_38":34,"_39":40,"_41":42},"deleted",false,"deletedHere","path","main.tsx","latestPath","fileId","019edcf7-40ee-77df-a477-0c9e3035c2bb","name","fileType","http","content","import { parseVal, staticHTTPServer } from \"https://esm.town/v/std/utils/index.ts\";\n\nconst serve = staticHTTPServer();\n\nexport default async function (req: Request): Promise {\n const url = new URL(req.url);\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 return serve(req);\n}\n","import { parseVal, staticHTTPServer } from \"https://esm.town/v/std/utils/index.ts\";\nimport { blob } from \"https://esm.town/v/std/blob/main.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 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/png\",\n \"Cache-Control\": \"public, max-age=3600\",\n },\n });\n }\n\n return serve(req);\n}\n","createdAt",["D",1781823941839],"branchVersion","branchId","c304f271-1299-46e4-8586-a26726bfd351","id","d5f11eb2-1475-4928-a04b-a7dcdcb7117a","portfolio",["D",1781823652019],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Personal portfolio page for Lizzie Renck","imageUrl","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/1e130d76-f5f9-42d2-df67-91517700ff00/square512?exp=1789736546&sig=c985bff56237c757608d631370fdaebaf924de53f5f42c4d3c397995a169b961","3208a512-470b-4835-9b3f-ce46c3f3e652","pinnedFileId","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","019edcf3-23b9-7113-a4f9-12ac1e2d1b9e","tursoName","d5f11eb214754928a04ba7dcdcb7117a","tursoHostname","d5f11eb214754928a04ba7dcdcb7117a-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789678880410],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_110":109,"_117":112},"org",{"_110":109,"_111":112,"_113":112,"_19":62,"_114":115,"_116":31},"branch",{"_13":95,"_38":96,"_49":48,"_97":50,"_98":99,"_100":101,"_102":56,"_103":104,"_105":106,"_107":51,"_108":109},"isOwned",15,"main","projectId","forkedBranchId","7a3b261a-4186-11f0-ae9b-76b3cceeab13","forkedBranchVersion",76,"forkedProjectPrivacy","forkedProjectId","7a3abcf2-4186-11f0-ae9b-76b3cceeab13","forkedProjectOrgId","019aa807-52c2-709c-928b-2029bae9a558","projectName","userHandle","lizrenck","handle","displayName","","avatar","tier","free","canRestrictVals","profileImageUrl","branchName","adoptOrgId",{"_49":50,"_38":51,"_44":233,"_53":-5,"_54":31,"_55":56,"_57":56,"_58":59,"_60":61,"_19":62,"_63":37,"_64":65,"_66":-5,"_67":-5,"_68":69,"_70":71,"_72":73,"_74":75,"_76":234,"_78":-5,"_79":80,"_81":80,"_82":83,"_84":83,"_85":83,"_86":80,"_87":80,"_88":235,"_90":236,"_92":237,"_94":31},"tree",[208,209,210,211,212,213],"files",[208,209,210,211,212,213],"counts",{"_198":69,"_199":164,"_200":69,"_201":202,"_203":204},"contents",[151,152,153,154,155,156],"upstreamProject",{"_49":104,"_38":147,"_58":148,"_60":61,"_55":56,"_88":149},"upstreamBranch",{"_49":99,"_44":141,"_142":143,"_38":96,"_97":104,"_13":101,"_98":-5,"_100":-5,"_144":145,"_53":-5,"_94":31,"_55":56,"_108":146,"_70":106,"_107":147},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1749070628054],"updatedAt",["D",1779896149804],"lockfileKey","1779896350378-esm.town_v_templates_basic-html-starter@76-main","templates","basic-html-starter","Basic HTML starter template based on Glitch's starter",{"_110":146,"_117":150},"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/129cab32-3bd7-4c3e-f39b-f12900c76100/square512?exp=1789736546&sig=a02f170afdfc506b0e64358377b50d7777657647dab54968457f7f637c21c766",{"_49":192,"_38":193,"_36":194,"_160":-5,"_47":48,"_46":164,"_162":65,"_44":195,"_13":69,"_39":26,"_41":196,"_30":31,"_166":-5,"_33":197},{"_49":186,"_38":187,"_36":188,"_160":-5,"_47":48,"_46":164,"_162":65,"_44":189,"_13":69,"_39":26,"_41":190,"_30":31,"_166":-5,"_33":191},{"_49":180,"_38":181,"_36":182,"_160":-5,"_47":48,"_46":178,"_162":31,"_44":183,"_13":164,"_39":26,"_41":184,"_30":31,"_166":-5,"_33":185},{"_49":176,"_38":34,"_36":37,"_160":-5,"_47":48,"_46":14,"_162":31,"_44":177,"_13":178,"_39":40,"_41":43,"_30":31,"_166":-5,"_33":179},{"_49":168,"_38":169,"_36":170,"_160":-5,"_47":48,"_46":171,"_162":31,"_44":172,"_13":164,"_39":173,"_41":174,"_30":31,"_166":-5,"_33":175},{"_49":157,"_38":158,"_36":159,"_160":-5,"_47":48,"_46":161,"_162":31,"_44":163,"_13":164,"_39":26,"_41":165,"_30":31,"_166":-5,"_33":167},"75c2262a-85d4-48b5-8139-f9ccb8960c29","style.css","019edcf7-40ee-77df-a477-147b1183284a","parentId",3,"latest",["D",1781823688599],1,":root {\n --bg: #faf9f6;\n --ink: #1f2421;\n --muted: #6b716c;\n --accent: #3a5a40;\n --accent-2: #a3b18a;\n --card: #ffffff;\n --line: #e7e5df;\n --maxw: 920px;\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(--bg);\n line-height: 1.6;\n}\n\n.wrap {\n max-width: var(--maxw);\n margin: 0 auto;\n padding: 0 1.25rem;\n}\n\na { color: var(--accent); }\n\n/* Header */\n.site-header {\n position: sticky;\n top: 0;\n z-index: 10;\n background: rgba(250, 249, 246, 0.85);\n backdrop-filter: blur(8px);\n border-bottom: 1px solid var(--line);\n}\n.header-inner {\n display: flex;\n align-items: center;\n justify-content: space-between;\n height: 64px;\n}\n.logo {\n font-family: \"Fraunces\", serif;\n font-weight: 600;\n font-size: 1.3rem;\n letter-spacing: 0.04em;\n text-decoration: none;\n color: var(--ink);\n}\n.nav a {\n margin-left: 1.5rem;\n text-decoration: none;\n color: var(--muted);\n font-size: 0.95rem;\n font-weight: 500;\n}\n.nav a:hover { color: var(--ink); }\n\n/* Hero */\n.hero {\n position: relative;\n min-height: 60vh;\n display: flex;\n align-items: flex-end;\n overflow: hidden;\n}\n.hero-photo {\n position: absolute;\n inset: 0;\n background-image: url(\"https://images.unsplash.com/photo-1499750310107-5fef28a66643?auto=format&fit=crop&w=1600&q=80\");\n background-size: cover;\n background-position: center;\n transform: scale(1.02);\n}\n.hero-overlay {\n position: relative;\n width: 100%;\n padding: 3.5rem 0;\n background: linear-gradient(to top, rgba(20, 26, 22, 0.78), rgba(20, 26, 22, 0.15));\n color: #fff;\n}\n.eyebrow {\n text-transform: uppercase;\n letter-spacing: 0.18em;\n font-size: 0.8rem;\n margin: 0 0 0.4rem;\n color: var(--accent-2);\n}\n.hero-overlay h1 {\n font-family: \"Fraunces\", serif;\n font-weight: 600;\n font-size: clamp(2.4rem, 7vw, 4rem);\n margin: 0;\n line-height: 1.05;\n}\n.tagline {\n margin: 0.6rem 0 0;\n font-size: 1.15rem;\n color: #e8eae6;\n}\n\n/* Sections */\n.section {\n padding: 3.5rem 0;\n border-bottom: 1px solid var(--line);\n}\n.section:last-of-type { border-bottom: none; }\n.section h2 {\n font-family: \"Fraunces\", serif;\n font-size: 1.8rem;\n margin: 0 0 1.25rem;\n}\n.lead {\n font-size: 1.2rem;\n color: var(--ink);\n}\n.section p { color: var(--muted); max-width: 60ch; }\ncode {\n background: #eef0ea;\n padding: 0.1em 0.4em;\n border-radius: 4px;\n font-size: 0.9em;\n}\n\n/* Project cards */\n.cards {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.25rem;\n}\n.card {\n background: var(--card);\n border: 1px solid var(--line);\n border-radius: 14px;\n padding: 1.5rem;\n transition: transform 0.15s ease, box-shadow 0.15s ease;\n}\n.card:hover {\n transform: translateY(-3px);\n box-shadow: 0 10px 30px rgba(31, 36, 33, 0.08);\n}\n.card h3 {\n font-family: \"Fraunces\", serif;\n margin: 0 0 0.5rem;\n font-size: 1.2rem;\n}\n.card p { margin: 0 0 1rem; }\n.card-link {\n text-decoration: none;\n font-weight: 600;\n font-size: 0.95rem;\n}\n\n/* Contact links */\n.links { display: flex; gap: 1.25rem; margin-top: 1rem; }\n.links a {\n text-decoration: none;\n font-weight: 600;\n border-bottom: 2px solid transparent;\n}\n.links a:hover { border-bottom-color: var(--accent-2); }\n\n/* Footer */\n.site-footer {\n border-top: 1px solid var(--line);\n padding: 1.75rem 0;\n color: var(--muted);\n font-size: 0.9rem;\n}\n.site-footer .wrap {\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n","label",[158],"51080806-c657-4a9d-ba96-7b1b32626f42","script.js","019edcf7-40ee-77df-a477-128d19506c27",4,["D",1781823694681],"script","// Fill in the current year in the footer.\nconst yearEl = document.getElementById(\"year\");\nif (yearEl) yearEl.textContent = new Date().getFullYear();\n\n// If the hero stock photo fails to load, fall back to a soft gradient\n// so the header never looks broken.\nconst hero = document.querySelector(\".hero-photo\");\nif (hero) {\n const url = getComputedStyle(hero)\n .backgroundImage.match(/url\$[\"']?([^\"')]+)[\"']?\$/);\n if (url && url[1]) {\n const img = new Image();\n img.onerror = () => {\n hero.style.backgroundImage =\n \"linear-gradient(135deg, #3a5a40, #a3b18a)\";\n };\n img.src = url[1];\n }\n}\n",[169],"d1d36d33-c978-436d-b181-60f3a14f175c",["D",1781823941839],2,[34],"d36bb553-99e7-46b8-9d4a-d4a22ba0fd9b","index.html","019edcf7-40ee-77df-a477-0a54fdfb7e98",["D",1781823667882],"\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

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",[181],"60b16900-ce90-4883-9c04-2ac47813263b","favicon.svg","019edcf7-40ee-77df-a477-0706ef47c8dc",["D",1781823652019],"",[187],"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",[193],"pulls","branches","forks","envVars",{"_205":69,"_207":69},"connections",{"_205":69,"_206":69},"count","unfilledCount","emptyCount",{"_49":192,"_38":193,"_36":194,"_160":-5,"_47":48,"_46":164,"_162":65,"_44":230,"_13":69,"_39":26,"_41":196,"_30":31,"_166":-5,"_215":231,"_33":232},{"_49":186,"_38":187,"_36":188,"_160":-5,"_47":48,"_46":164,"_162":65,"_44":227,"_13":69,"_39":26,"_41":190,"_30":31,"_166":-5,"_215":228,"_33":229},{"_49":180,"_38":181,"_36":182,"_160":-5,"_47":48,"_46":178,"_162":31,"_44":224,"_13":164,"_39":26,"_41":184,"_30":31,"_166":-5,"_215":225,"_33":226},{"_49":176,"_38":34,"_36":37,"_160":-5,"_47":48,"_46":14,"_162":31,"_44":221,"_13":178,"_39":40,"_41":43,"_30":31,"_166":-5,"_215":222,"_33":223},{"_49":168,"_38":169,"_36":170,"_160":-5,"_47":48,"_46":171,"_162":31,"_44":218,"_13":164,"_39":173,"_41":174,"_30":31,"_166":-5,"_215":219,"_33":220},{"_49":157,"_38":158,"_36":159,"_160":-5,"_47":48,"_46":161,"_162":31,"_44":214,"_13":164,"_39":26,"_41":165,"_30":31,"_166":-5,"_215":216,"_33":217},["D",1781823688599],"children",[],[158],["D",1781823694681],[],[169],["D",1781823941839],[],[34],["D",1781823667882],[],[181],["D",1781823652019],[],[187],["D",1781823652019],[],[193],["D",1781823652019],["D",1789678880410],{"_110":109,"_117":112},{"_110":109,"_111":112,"_113":112,"_19":62,"_114":115,"_116":31},{"_13":95,"_38":96,"_49":48,"_97":50,"_98":99,"_100":101,"_102":56,"_103":104,"_105":106,"_107":51,"_108":109},"ctx",{"_88":-5,"_138":271,"_272":273,"_274":275,"_276":31,"_277":31,"_278":31,"_279":65,"_280":-5,"_281":-7,"_282":-7,"_283":69,"_284":31,"_285":31,"_286":-5,"_287":31,"_288":31,"_289":31,"_290":-5},"ENV",{"_242":243,"_244":245,"_246":96,"_247":248,"_249":250,"_251":252,"_253":254,"_255":256,"_257":258,"_259":260,"_261":262,"_263":264,"_265":266,"_267":268,"_269":270},"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"]

Diff · v6