[{"_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",{"_111":110,"_38":51,"_119":97,"_33":113,"_13":14,"_120":-5,"_11":121,"_122":123,"_124":125,"_126":127,"_128":129,"_26":-5,"_130":131,"_132":133,"_134":31,"_135":136,"_137":66,"_138":-5,"_139":-5,"_140":141},"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":64,"_65":66,"_67":-5,"_68":-5,"_69":70,"_71":72,"_73":74,"_75":76,"_77":78,"_79":-5,"_80":81,"_82":81,"_83":84,"_85":84,"_86":84,"_87":81,"_88":81,"_89":90,"_91":92,"_93":94,"_95":31},"version",4,"changes",[25],"aiChatInfo",{"_20":21,"_22":-5,"_23":-5,"_24":-5},"userId","aiChatMessageId","c5482539-92ab-4e04-bf21-d7eaa0cf63c6","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","script.js","latestPath","fileId","019edcf7-40ee-77df-a477-128d19506c27","name","fileType","script","content","/* 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\");","// 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","createdAt",["D",1781823694681],"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=1789736540&sig=9ae41f064203dc618d427510f342463802d3d668418f7c27416121f44f1ad4f0","3208a512-470b-4835-9b3f-ce46c3f3e652","pinnedFileId","019edcf7-40ee-77df-a477-0c9e3035c2bb","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",{"_111":110,"_118":113},"org",{"_111":110,"_112":113,"_114":113,"_19":62,"_115":116,"_117":31},"branch",{"_13":96,"_38":97,"_49":48,"_98":50,"_99":100,"_101":102,"_103":56,"_104":105,"_106":107,"_108":51,"_109":110},"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":150,"_19":62,"_63":64,"_65":66,"_67":-5,"_68":-5,"_69":70,"_71":72,"_73":74,"_75":76,"_77":234,"_79":-5,"_80":81,"_82":81,"_83":84,"_85":84,"_86":84,"_87":81,"_88":81,"_89":235,"_91":236,"_93":237,"_95":31},"tree",[208,209,210,211,212,213],"files",[208,209,210,211,212,213],"counts",{"_198":70,"_199":166,"_200":70,"_201":202,"_203":204},"contents",[153,154,155,156,157,158],"upstreamProject",{"_49":105,"_38":148,"_58":149,"_60":150,"_55":56,"_89":151},"upstreamBranch",{"_49":100,"_44":142,"_143":144,"_38":97,"_98":105,"_13":102,"_99":-5,"_101":-5,"_145":146,"_53":-5,"_95":31,"_55":56,"_109":147,"_71":107,"_108":148},"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","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/1e130d76-f5f9-42d2-df67-91517700ff00/square512?exp=1789736541&sig=2a678dedb2faf8508aa1ecfdc163edde98bfd240df2985d131cbe1283c60c272",{"_111":147,"_118":152},"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/129cab32-3bd7-4c3e-f39b-f12900c76100/square512?exp=1789736541&sig=d3c463b65dddf96074c23abddaab3692a64fcd4bdaacb7a2eb1f6e97f0fe2bc2",{"_49":192,"_38":193,"_36":194,"_162":-5,"_47":48,"_46":166,"_164":66,"_44":195,"_13":70,"_39":26,"_41":196,"_30":31,"_168":-5,"_33":197},{"_49":186,"_38":187,"_36":188,"_162":-5,"_47":48,"_46":166,"_164":66,"_44":189,"_13":70,"_39":26,"_41":190,"_30":31,"_168":-5,"_33":191},{"_49":179,"_38":180,"_36":181,"_162":-5,"_47":48,"_46":182,"_164":31,"_44":183,"_13":166,"_39":26,"_41":184,"_30":31,"_168":-5,"_33":185},{"_49":173,"_38":174,"_36":64,"_162":-5,"_47":48,"_46":166,"_164":31,"_44":175,"_13":70,"_39":176,"_41":177,"_30":31,"_168":-5,"_33":178},{"_49":170,"_38":34,"_36":37,"_162":-5,"_47":48,"_46":14,"_164":31,"_44":171,"_13":166,"_39":40,"_41":43,"_30":31,"_168":-5,"_33":172},{"_49":159,"_38":160,"_36":161,"_162":-5,"_47":48,"_46":163,"_164":31,"_44":165,"_13":166,"_39":26,"_41":167,"_30":31,"_168":-5,"_33":169},"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",[160],"51080806-c657-4a9d-ba96-7b1b32626f42",["D",1781823694681],[34],"0737129f-ce46-488d-8c36-161788272b3c","main.tsx",["D",1781823652019],"http","import { staticHTTPServer } from \"https://esm.town/v/std/utils/index.ts\";\nexport default staticHTTPServer();",[174],"d36bb553-99e7-46b8-9d4a-d4a22ba0fd9b","index.html","019edcf7-40ee-77df-a477-0a54fdfb7e98",2,["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",[180],"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":70,"_207":70},"connections",{"_205":70,"_206":70},"count","unfilledCount","emptyCount",{"_49":192,"_38":193,"_36":194,"_162":-5,"_47":48,"_46":166,"_164":66,"_44":230,"_13":70,"_39":26,"_41":196,"_30":31,"_168":-5,"_215":231,"_33":232},{"_49":186,"_38":187,"_36":188,"_162":-5,"_47":48,"_46":166,"_164":66,"_44":227,"_13":70,"_39":26,"_41":190,"_30":31,"_168":-5,"_215":228,"_33":229},{"_49":179,"_38":180,"_36":181,"_162":-5,"_47":48,"_46":182,"_164":31,"_44":224,"_13":166,"_39":26,"_41":184,"_30":31,"_168":-5,"_215":225,"_33":226},{"_49":173,"_38":174,"_36":64,"_162":-5,"_47":48,"_46":166,"_164":31,"_44":221,"_13":70,"_39":176,"_41":177,"_30":31,"_168":-5,"_215":222,"_33":223},{"_49":170,"_38":34,"_36":37,"_162":-5,"_47":48,"_46":14,"_164":31,"_44":218,"_13":166,"_39":40,"_41":43,"_30":31,"_168":-5,"_215":219,"_33":220},{"_49":159,"_38":160,"_36":161,"_162":-5,"_47":48,"_46":163,"_164":31,"_44":214,"_13":166,"_39":26,"_41":167,"_30":31,"_168":-5,"_215":216,"_33":217},["D",1781823688599],"children",[],[160],["D",1781823694681],[],[34],["D",1781823652019],[],[174],["D",1781823667882],[],[180],["D",1781823652019],[],[187],["D",1781823652019],[],[193],["D",1781823652019],["D",1789678880410],{"_111":110,"_118":113},{"_111":110,"_112":113,"_114":113,"_19":62,"_115":116,"_117":31},{"_13":96,"_38":97,"_49":48,"_98":50,"_99":100,"_101":102,"_103":56,"_104":105,"_106":107,"_108":51,"_109":110},"ctx",{"_89":-5,"_139":271,"_272":273,"_274":275,"_276":31,"_277":31,"_278":31,"_279":66,"_280":-5,"_281":-7,"_282":-7,"_283":70,"_284":31,"_285":31,"_286":-5,"_287":31,"_288":31,"_289":31,"_290":-5},"ENV",{"_242":243,"_244":245,"_246":97,"_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 · v4