[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_235":236,"_237":238},"routes/_app.x.$handle.$name",{"_104":103,"_32":44,"_112":90,"_27":106,"_13":14,"_113":-5,"_11":114,"_115":116,"_117":118,"_119":120,"_121":122,"_20":-5,"_123":124,"_125":126,"_127":25,"_128":129,"_130":59,"_131":-5,"_132":-5,"_133":134},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_42":43,"_32":44,"_37":45,"_46":-5,"_47":25,"_48":49,"_50":49,"_51":52,"_53":54,"_18":55,"_56":57,"_58":59,"_60":-5,"_61":-5,"_62":63,"_64":65,"_66":67,"_68":69,"_70":71,"_72":-5,"_73":74,"_75":74,"_76":77,"_78":77,"_79":77,"_80":74,"_81":74,"_82":83,"_84":85,"_86":87,"_88":25},"version",11,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":28,"_33":20,"_34":36,"_37":38,"_39":14,"_40":41,"_24":25},"previous",{"_30":31,"_32":28,"_33":20,"_34":35},"deleted",false,"deletedHere","path","index.html","latestPath","fileId","019edcf2-9dc1-7075-bb40-44ed94f93bdf","name","fileType","content","\n\n \n GOLDFUSS\n \n \n \n \n\n \n \n \n \n \n \n \n \n \n

\n \n

\n $\"Portrait$ \n

Portfolio

GOLDFUSS

\n \n Builder, tinkerer, and maker of things on the web.\n

\n\n

\n \n

About me

\n \n

\n Hi, I'm GOLDFUSS. This is the spot to introduce yourself — your\n background, what you're passionate about, and what you're working\n toward. A couple of short paragraphs is plenty.\n

\n You can talk about your skills, the kind of work you enjoy, or what\n you're looking for next. Replace this text with your own story.\n

\n\n \n

Projects

\n \n

Project One

A short description of what this project is and why it matters.

\n Tag\n Tag\n

\n\n

Project Two

Another project — what it does, your role, the outcome.

\n Tag\n Tag\n

\n\n

Project Three

One more here. Add a link inside the card if it lives online.

\n Tag\n

\n\n \n

Get in touch

\n \n

\n ✉️ Email\n GitHub\n LinkedIn\n

\n\n \n \n\n","\n\n \n THE GOLDFUSS\n \n \n \n \n\n \n \n \n \n \n \n \n \n \n

\n \n

Portfolio

GOLDFUSS

\n \n Creator, Explorer, and Connector\n

\n\n

\n \n

About me

\n \n

\n Hi, I'm GOLDFUSS. Two worlds. One standard of excellence.\n

\n You can talk about your skills, the kind of work you enjoy, or what\n you're looking for next. Replace this text with your own story.\n

\n\n \n

Projects

\n \n

Project One

\n A short description of what this project is and why it matters.\n

\n Tag\n Tag\n

\n\n

Project Two

Another project — what it does, your role, the outcome.

\n Tag\n Tag\n

\n\n

Project Three

One more here. Add a link inside the card if it lives online.

\n Tag\n

\n\n \n

Get in touch

\n \n

\n ✉️ Email\n GitHub\n LinkedIn\n

\n\n \n \n","createdAt",["D",1781824190009],"branchVersion","branchId","839fd7db-cfb2-4c1c-9bcd-c0c812177718","id","c95d874c-69b6-42e7-b414-0d5c01d7500e","goldfuss-portfolio",["D",1781823348084],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Personal portfolio page for GOLDFUSS","imageUrl","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/1e130d76-f5f9-42d2-df67-91517700ff00/square512?exp=1789726963&sig=5bb2eb1455ceebbbfaaf14cf99221a50aa8bd511ab701c89340c77f2c7d519e9","6211bfe1-3e2d-4659-bd2d-db0ce0ad6bbc","pinnedFileId","019edcf2-9dc1-7075-bb40-49db1957aa20","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","019edcde-a990-73fb-98b8-a51f7c128f61","tursoName","c95d874c69b642e7b4140d5c01d7500e","tursoHostname","c95d874c69b642e7b4140d5c01d7500e-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789678880410],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_104":103,"_111":106},"org",{"_104":103,"_105":106,"_107":106,"_18":55,"_108":109,"_110":25},"branch",{"_13":89,"_32":90,"_42":41,"_91":43,"_92":93,"_94":95,"_96":49,"_97":98,"_99":100,"_101":44,"_102":103},"isOwned",30,"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","goldfusss","handle","displayName","","avatar","tier","free","canRestrictVals","profileImageUrl","branchName","adoptOrgId",{"_42":43,"_32":44,"_37":230,"_46":-5,"_47":25,"_48":49,"_50":49,"_51":52,"_53":54,"_18":55,"_56":57,"_58":59,"_60":-5,"_61":-5,"_62":63,"_64":65,"_66":67,"_68":69,"_70":231,"_72":-5,"_73":74,"_75":74,"_76":77,"_78":77,"_79":77,"_80":74,"_81":74,"_82":232,"_84":233,"_86":234,"_88":25},"tree",[205,206,207,208,209,210],"files",[205,206,207,208,209,210],"counts",{"_195":63,"_196":167,"_197":63,"_198":199,"_200":201},"contents",[145,146,147,148,149,150],"upstreamProject",{"_42":98,"_32":141,"_51":142,"_53":54,"_48":49,"_82":143},"upstreamBranch",{"_42":93,"_37":135,"_136":137,"_32":90,"_91":98,"_13":95,"_92":-5,"_94":-5,"_138":139,"_46":-5,"_88":25,"_48":49,"_102":140,"_64":100,"_101":141},"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",{"_104":140,"_111":144},"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/129cab32-3bd7-4c3e-f39b-f12900c76100/square512?exp=1789726963&sig=3c718b704c7ecfc89c0eeb09cdf4e179c8ce7ec24a68ef6af9a35b9547fa9ffc",{"_42":188,"_32":189,"_30":190,"_154":-5,"_40":41,"_39":191,"_156":59,"_37":192,"_13":167,"_33":20,"_34":193,"_24":25,"_160":-5,"_27":194},{"_42":182,"_32":183,"_30":184,"_154":-5,"_40":41,"_39":167,"_156":59,"_37":185,"_13":63,"_33":20,"_34":186,"_24":25,"_160":-5,"_27":187},{"_42":179,"_32":28,"_30":31,"_154":-5,"_40":41,"_39":14,"_156":25,"_37":180,"_13":165,"_33":20,"_34":36,"_24":25,"_160":-5,"_27":181},{"_42":171,"_32":172,"_30":57,"_154":-5,"_40":41,"_39":173,"_156":25,"_37":174,"_13":158,"_33":175,"_34":176,"_24":25,"_160":177,"_27":178},{"_42":162,"_32":163,"_30":164,"_154":-5,"_40":41,"_39":165,"_156":25,"_37":166,"_13":167,"_33":168,"_34":169,"_24":25,"_160":-5,"_27":170},{"_42":151,"_32":152,"_30":153,"_154":-5,"_40":41,"_39":155,"_156":25,"_37":157,"_13":158,"_33":20,"_34":159,"_24":25,"_160":-5,"_27":161},"e1cf6b50-eea5-4eab-bec3-59af9946876c","style.css","019edcf2-9dc1-7075-bb40-5132fe1b4011","parentId",9,"latest",["D",1781823892379],2,":root {\n --bg: #0c0d12;\n --surface: #15171f;\n --surface-2: #1d202b;\n --text: #e8eaf0;\n --muted: #9aa0b0;\n --accent: #f0c14b;\n --accent-2: #4b6cf0;\n --border: #262a36;\n --radius: 16px;\n}\n\n* {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n}\n\nbody {\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n background: var(--bg);\n color: var(--text);\n line-height: 1.65;\n -webkit-font-smoothing: antialiased;\n}\n\na {\n color: var(--accent);\n text-decoration: none;\n}\na:hover { text-decoration: underline; }\n\n/* ---------- Hero / header ---------- */\n.hero {\n position: relative;\n min-height: 60vh;\n display: flex;\n align-items: flex-end;\n overflow: hidden;\n border-bottom: 1px solid var(--border);\n}\n\n.hero__photo {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n object-fit: cover;\n filter: saturate(0.9) brightness(0.6);\n z-index: 0;\n}\n\n.hero__overlay {\n position: absolute;\n inset: 0;\n background: linear-gradient(to top, var(--bg) 4%, rgba(12, 13, 18, 0.35) 60%, rgba(12, 13, 18, 0.55) 100%);\n z-index: 1;\n}\n\n.hero__content {\n position: relative;\n z-index: 2;\n width: 100%;\n max-width: 880px;\n margin: 0 auto;\n padding: 0 1.5rem 3rem;\n display: flex;\n align-items: flex-end;\n gap: 1.5rem;\n}\n\n.hero__avatar {\n width: 120px;\n height: 120px;\n flex-shrink: 0;\n border-radius: 50%;\n object-fit: cover;\n border: 4px solid var(--accent);\n box-shadow: 0 4px 24px rgba(0, 0, 0, 0.55);\n background: var(--surface);\n}\n\n@media (max-width: 560px) {\n .hero__content {\n flex-direction: column;\n align-items: flex-start;\n gap: 1rem;\n }\n .hero__avatar { width: 92px; height: 92px; }\n}\n\n.hero__eyebrow {\n color: var(--accent);\n font-weight: 600;\n letter-spacing: 0.18em;\n text-transform: uppercase;\n font-size: 0.78rem;\n}\n\n.hero h1 {\n font-size: clamp(2.6rem, 8vw, 4.5rem);\n font-weight: 800;\n letter-spacing: 0.02em;\n margin: 0.25rem 0 0.5rem;\n text-shadow: 0 2px 24px rgba(0, 0, 0, 0.5);\n}\n\n.hero__tagline {\n color: var(--muted);\n font-size: clamp(1rem, 2.5vw, 1.25rem);\n max-width: 36ch;\n}\n\n/* ---------- Layout ---------- */\n.container {\n max-width: 880px;\n margin: 0 auto;\n padding: 3.5rem 1.5rem 5rem;\n}\n\nsection { margin-bottom: 3.5rem; }\n\n.section-title {\n font-size: 0.82rem;\n text-transform: uppercase;\n letter-spacing: 0.18em;\n color: var(--accent);\n font-weight: 700;\n margin-bottom: 1rem;\n border-bottom: 1px solid var(--border);\n padding-bottom: 0.6rem;\n}\n\n.about p { color: var(--text); margin-bottom: 1rem; }\n.about p:last-child { margin-bottom: 0; }\n\n/* ---------- Projects ---------- */\n.projects {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));\n gap: 1.1rem;\n}\n\n.card {\n background: var(--surface);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n padding: 1.4rem;\n transition: transform 0.15s ease, border-color 0.15s ease;\n}\n.card:hover {\n transform: translateY(-3px);\n border-color: var(--accent-2);\n}\n\n.card h3 { font-size: 1.15rem; margin-bottom: 0.4rem; }\n.card p { color: var(--muted); font-size: 0.95rem; margin-bottom: 0.9rem; }\n\n.tag {\n display: inline-block;\n background: var(--surface-2);\n color: var(--muted);\n font-size: 0.72rem;\n padding: 0.2rem 0.6rem;\n border-radius: 999px;\n margin-right: 0.35rem;\n}\n\n/* ---------- Contact / footer ---------- */\n.links {\n display: flex;\n flex-wrap: wrap;\n gap: 0.75rem;\n}\n.links a {\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n background: var(--surface);\n border: 1px solid var(--border);\n padding: 0.6rem 1rem;\n border-radius: 999px;\n color: var(--text);\n}\n.links a:hover { border-color: var(--accent); text-decoration: none; }\n\nfooter {\n border-top: 1px solid var(--border);\n padding: 2rem 1.5rem;\n text-align: center;\n color: var(--muted);\n font-size: 0.85rem;\n}\nfooter a { color: var(--muted); }\n","label",[152],"cea132ad-045a-407f-b7b7-c0166a4726a5","script.js","019edcf2-9dc1-7075-bb40-4f56842c8a87",4,["D",1781823392271],1,"script","/* Fill in the current year in the footer. */\nconst yearEl = document.getElementById(\"year\");\nif (yearEl) yearEl.textContent = new Date().getFullYear();\n",[163],"3fce29de-ba2b-4dd2-b41e-8377ecc34b6f","main.tsx",7,["D",1781823799319],"http","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\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.png\") {\n const data = await blob.get(\"Headshot.png\");\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=86400\",\n },\n });\n }\n\n return serve(req);\n}\n","thegoldfusss",[172],"89d107f7-fed7-4d37-a087-92b770296037",["D",1781824190009],[28],"ba70f3e0-54d1-4528-a9ee-8ab2138547ca","favicon.svg","019edcf2-9dc1-7075-bb40-421e04584b44",["D",1781823348084],"",[183],"8c8732e0-67a0-46fb-b41c-4477af351456","README.md","019edcf2-9dc1-7075-bb40-3cb1e6eff117",6,["D",1781823411063],"# GOLDFUSS — Personal Portfolio\n\nA simple, single-page personal portfolio. Static HTML/CSS with a tiny bit of vanilla JS.\n\n## How to edit it\n\nEverything you'd want to change lives in two files, marked with `✏️` comments:\n\n- **`index.html`** — your name, intro tagline, the **About me** text, **Projects** cards, and **contact** links.\n- **`style.css`** — colors and styling. Tweak the variables at the top of the file (`--accent`, `--bg`, etc.) to recolor the whole site.\n\n### Swap the header photo\n\nIn `index.html`, change the `src` on the `.hero__photo` `` to any image URL.\nThe current one is a free stock photo from [picsum.photos](https://picsum.photos).\n\n### Add a project\n\nCopy one `

…

` block inside `.projects` and edit the text.\n\n## Files\n\n```mermaid\nflowchart LR\n main[\"main.tsx (HTTP server)\"] --> index[\"index.html\"]\n index --> css[\"style.css\"]\n index --> js[\"script.js\"]\n index --> icon[\"favicon.svg\"]\n main -. \"/source\" .-> src[\"view source redirect\"]\n```\n\nSaving any file instantly redeploys the site.\n",[189],"pulls","branches","forks","envVars",{"_202":63,"_204":63},"connections",{"_202":63,"_203":63},"count","unfilledCount","emptyCount",{"_42":188,"_32":189,"_30":190,"_154":-5,"_40":41,"_39":191,"_156":59,"_37":227,"_13":167,"_33":20,"_34":193,"_24":25,"_160":-5,"_212":228,"_27":229},{"_42":182,"_32":183,"_30":184,"_154":-5,"_40":41,"_39":167,"_156":59,"_37":224,"_13":63,"_33":20,"_34":186,"_24":25,"_160":-5,"_212":225,"_27":226},{"_42":179,"_32":28,"_30":31,"_154":-5,"_40":41,"_39":14,"_156":25,"_37":221,"_13":165,"_33":20,"_34":36,"_24":25,"_160":-5,"_212":222,"_27":223},{"_42":171,"_32":172,"_30":57,"_154":-5,"_40":41,"_39":173,"_156":25,"_37":218,"_13":158,"_33":175,"_34":176,"_24":25,"_160":177,"_212":219,"_27":220},{"_42":162,"_32":163,"_30":164,"_154":-5,"_40":41,"_39":165,"_156":25,"_37":215,"_13":167,"_33":168,"_34":169,"_24":25,"_160":-5,"_212":216,"_27":217},{"_42":151,"_32":152,"_30":153,"_154":-5,"_40":41,"_39":155,"_156":25,"_37":211,"_13":158,"_33":20,"_34":159,"_24":25,"_160":-5,"_212":213,"_27":214},["D",1781823892379],"children",[],[152],["D",1781823392271],[],[163],["D",1781823799319],[],[172],["D",1781824190009],[],[28],["D",1781823348084],[],[183],["D",1781823411063],[],[189],["D",1781823348084],["D",1789678880410],{"_104":103,"_111":106},{"_104":103,"_105":106,"_107":106,"_18":55,"_108":109,"_110":25},{"_13":89,"_32":90,"_42":41,"_91":43,"_92":93,"_94":95,"_96":49,"_97":98,"_99":100,"_101":44,"_102":103},"ctx",{"_82":-5,"_132":268,"_269":270,"_271":272,"_273":25,"_274":25,"_275":25,"_276":59,"_277":-5,"_278":-7,"_279":-7,"_280":63,"_281":25,"_282":25,"_283":-5,"_284":25,"_285":25,"_286":25,"_287":-5},"ENV",{"_239":240,"_241":242,"_243":90,"_244":245,"_246":247,"_248":249,"_250":251,"_252":253,"_254":255,"_256":257,"_258":259,"_260":261,"_262":263,"_264":265,"_266":267},"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 · v11