[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_234":235,"_236":237},"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",10,"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","019edcef-6820-777b-9f0b-37a242c232af","name","fileType","content","\n\n \n Potluck Mittal — Professional Portfolio\n \n \n \n\n \n \n \n \n \n \n \n \n\n \n

\n \n

Potluck Mittal

Builder · Tinkerer · Lifelong learner

\n\n

\n \n

About Me

\n Hi, I'm Potluck Mittal. Write a few sentences about yourself\n here — who you are, what you're passionate about, and what\n you're working on these days. This text lives in index.html, so edit it any time.\n

\n You can add as many paragraphs as you like to tell your story.\n

\n\n \n

Projects

Project One

\n A short description of what this project is and why it's cool.\n

\n View →\n

Project Two

\n A short description of what this project is and why it's cool.\n

\n View →\n

Project Three

\n A short description of what this project is and why it's cool.\n

\n View →\n

\n\n \n

Get in Touch

\n The best way to reach me is add your email or links here.\n

\n Email\n GitHub\n LinkedIn\n

\n\n \n \n","\n\n \n Potluck Mittal — Professional Portfolio\n \n \n \n\n \n \n \n \n \n \n \n \n\n \n

\n \n

Potluck Mittal

Builder · Tinkerer · Lifelong learner!

\n\n

\n \n

About Me

\n You can add as many paragraphs as you like to tell your story.\n

\n\n \n

Projects

Project One

\n A short description of what this project is and why it's cool.\n

\n View →\n

Project Two

\n A short description of what this project is and why it's cool.\n

\n View →\n

Project Three

\n A short description of what this project is and why it's cool.\n

\n View →\n

\n\n \n

Get in Touch

\n The best way to reach me is add your email or links here.\n

\n Email\n GitHub\n LinkedIn\n

\n\n \n \n","createdAt",["D",1781824068708],"branchVersion","branchId","33492d78-340e-4424-a369-93d67b09fb7f","id","396260df-c20d-481c-9729-1676f5105656","portfolio",["D",1781823137743],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Basic HTML starter template based on Glitch's starter","imageUrl","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/1e130d76-f5f9-42d2-df67-91517700ff00/square512?exp=1789734668&sig=63f203f706f61aa2044d6744e77361176c3461d4e9c67ef61da974a9563e148b","a901be14-46b7-41dd-824b-c175ad53f7c4","pinnedFileId","019edcef-6820-777b-9f0b-3b56fae335cc","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","019edcee-4261-72df-838d-78d5818c3667","tursoName","396260dfc20d481c97291676f5105656","tursoHostname","396260dfc20d481c97291676f5105656-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789684858011],"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",26,"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","potluck_june18b","handle","displayName","","avatar","tier","free","canRestrictVals","profileImageUrl","branchName","adoptOrgId",{"_42":43,"_32":44,"_37":229,"_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":230,"_72":-5,"_73":74,"_75":74,"_76":77,"_78":77,"_79":77,"_80":74,"_81":74,"_82":231,"_84":232,"_86":233,"_88":25},"tree",[204,205,206,207,208,209],"files",[204,205,206,207,208,209],"counts",{"_194":63,"_195":166,"_196":63,"_197":198,"_199":200},"contents",[144,145,146,147,148,149],"upstreamProject",{"_42":98,"_32":141,"_51":52,"_53":54,"_48":49,"_82":142},"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",{"_104":140,"_111":143},"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/129cab32-3bd7-4c3e-f39b-f12900c76100/square512?exp=1789734668&sig=a27c5d0b18487a7a9314751dda1bbc3ec9a2800869b308328e11b2d7627793d7",{"_42":188,"_32":189,"_30":190,"_153":-5,"_40":41,"_39":166,"_155":59,"_37":191,"_13":63,"_33":20,"_34":192,"_24":25,"_159":-5,"_27":193},{"_42":182,"_32":183,"_30":184,"_153":-5,"_40":41,"_39":166,"_155":59,"_37":185,"_13":63,"_33":20,"_34":186,"_24":25,"_159":-5,"_27":187},{"_42":178,"_32":28,"_30":31,"_153":-5,"_40":41,"_39":14,"_155":25,"_37":179,"_13":180,"_33":20,"_34":36,"_24":25,"_159":-5,"_27":181},{"_42":170,"_32":171,"_30":57,"_153":-5,"_40":41,"_39":172,"_155":25,"_37":173,"_13":157,"_33":174,"_34":175,"_24":25,"_159":176,"_27":177},{"_42":161,"_32":162,"_30":163,"_153":-5,"_40":41,"_39":164,"_155":25,"_37":165,"_13":166,"_33":167,"_34":168,"_24":25,"_159":-5,"_27":169},{"_42":150,"_32":151,"_30":152,"_153":-5,"_40":41,"_39":154,"_155":25,"_37":156,"_13":157,"_33":20,"_34":158,"_24":25,"_159":-5,"_27":160},"b4cc7e6d-b60d-48f7-8338-4e32e46e3315","style.css","019edcef-6820-777b-9f0b-41d7ab7d5c12","parentId",8,"latest",["D",1781823603251],2,":root {\n --accent: #4263eb;\n --accent-dark: #364fc7;\n --bg: #f6f7fb;\n --card: #ffffff;\n --text: #1f2433;\n --muted: #6b7280;\n --border: #e5e7eb;\n}\n\n* { box-sizing: border-box; }\n\nbody {\n margin: 0;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n color: var(--text);\n background: var(--bg);\n line-height: 1.65;\n}\n\na { color: var(--accent); text-decoration: none; }\na:hover { text-decoration: underline; }\n\n/* ===== Header ===== */\n.site-header {\n position: sticky;\n top: 0;\n z-index: 10;\n background: rgba(255, 255, 255, 0.85);\n backdrop-filter: blur(8px);\n border-bottom: 1px solid var(--border);\n}\n.header-inner {\n max-width: 920px;\n margin: 0 auto;\n padding: 0.85em 1.5em;\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n.logo {\n font-weight: 800;\n font-size: 1.2rem;\n letter-spacing: 0.05em;\n color: var(--accent);\n}\n.site-header nav a {\n margin-left: 1.4em;\n color: var(--text);\n font-weight: 500;\n}\n\n/* ===== Hero / stock photo banner ===== */\n.hero {\n position: relative;\n height: 380px;\n overflow: hidden;\n display: flex;\n align-items: center;\n justify-content: center;\n text-align: center;\n background: linear-gradient(160deg, #1e3a8a 0%, #3b5bdb 55%, #7048e8 100%);\n}\n.hero-content {\n position: relative;\n color: #fff;\n padding: 1em;\n}\n.avatar {\n display: block;\n width: 130px;\n height: 130px;\n margin: 0 auto 0.6em;\n border-radius: 50%;\n object-fit: cover;\n border: 4px solid rgba(255, 255, 255, 0.9);\n box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);\n}\n.hero-content h1 {\n margin: 0.2em 0 0.1em;\n font-size: 2.6rem;\n font-weight: 800;\n text-shadow: 0 2px 12px rgba(0, 0, 0, 0.3);\n}\n.tagline {\n margin: 0;\n font-size: 1.1rem;\n opacity: 0.95;\n text-shadow: 0 1px 8px rgba(0, 0, 0, 0.3);\n}\n\n/* ===== Content ===== */\n.container {\n max-width: 920px;\n margin: -50px auto 0;\n padding: 0 1.5em 3em;\n position: relative;\n}\n.card {\n background: var(--card);\n border: 1px solid var(--border);\n border-radius: 16px;\n padding: 1.8em 2em;\n margin-bottom: 1.5em;\n box-shadow: 0 4px 18px rgba(31, 36, 51, 0.05);\n}\n.card h2 {\n margin-top: 0;\n font-size: 1.5rem;\n color: var(--accent-dark);\n}\ncode {\n background: #eef1fb;\n padding: 0.1em 0.4em;\n border-radius: 5px;\n font-size: 0.9em;\n}\n\n/* ===== Projects ===== */\n.project-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.1em;\n margin-top: 1em;\n}\n.project {\n border: 1px solid var(--border);\n border-radius: 12px;\n padding: 1.2em;\n transition: transform 0.15s ease, box-shadow 0.15s ease;\n background: #fcfcff;\n}\n.project:hover {\n transform: translateY(-3px);\n box-shadow: 0 8px 20px rgba(66, 99, 235, 0.12);\n}\n.project h3 { margin: 0 0 0.4em; }\n.project p { margin: 0 0 0.8em; color: var(--muted); }\n.project-link { font-weight: 600; }\n\n/* ===== Contact links ===== */\n.links {\n display: flex;\n flex-wrap: wrap;\n gap: 0.7em;\n margin-top: 1em;\n}\n.links a {\n border: 1px solid var(--accent);\n border-radius: 999px;\n padding: 0.45em 1.1em;\n font-weight: 600;\n}\n.links a:hover {\n background: var(--accent);\n color: #fff;\n text-decoration: none;\n}\n\n/* ===== Footer ===== */\n.site-footer {\n text-align: center;\n padding: 2em 1em;\n color: var(--muted);\n font-size: 0.9rem;\n}\n\n@media (max-width: 600px) {\n .hero { height: 320px; }\n .hero-content h1 { font-size: 2rem; }\n .card { padding: 1.4em; }\n}\n","label",[151],"7088d6f3-1378-4522-aafc-b712437e9664","script.js","019edcef-6820-777b-9f0b-3f9a198a3b38",5,["D",1781823189090],1,"script","/* Small touch of interactivity for the portfolio page. */\n\n// Fill in the current year in the footer.\nconst yearEl = document.getElementById(\"year\");\nif (yearEl) yearEl.textContent = new Date().getFullYear();\n\n// Smooth-scroll for in-page nav links.\ndocument.querySelectorAll('a[href^=\"#\"]').forEach((link) => {\n link.addEventListener(\"click\", (e) => {\n const target = document.querySelector(link.getAttribute(\"href\"));\n if (target) {\n e.preventDefault();\n target.scrollIntoView({ behavior: \"smooth\" });\n }\n });\n});\n",[162],"2d234c54-b210-466f-b89c-681be50d0778","main.tsx",6,["D",1781823576943],"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 // \"view source\" link → open this val in the Val Town editor\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.jpeg\") {\n const data = await blob.get(\"potluck.jpeg\"); // returns a Response\n return new Response(data.body, {\n headers: {\n \"Content-Type\": \"image/jpeg\",\n \"Cache-Control\": \"public, max-age=3600\",\n },\n });\n }\n\n return serve(req);\n}\n","potluck-portfolio-june18b",[171],"73f21276-7777-498e-9126-984f6d9ba10a",["D",1781824068708],4,[28],"6e8eaba8-2fd8-4130-96a4-33ff8e9aba1c","favicon.svg","019edcef-6820-777b-9f0b-31bad8355d8e",["D",1781823137743],"",[183],"72191ba9-d95c-40e5-8115-257b5f9979b1","README.md","019edcef-6820-777b-9f0b-2d825028ef34",["D",1781823137743],"# 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",[189],"pulls","branches","forks","envVars",{"_201":63,"_203":63},"connections",{"_201":63,"_202":63},"count","unfilledCount","emptyCount",{"_42":188,"_32":189,"_30":190,"_153":-5,"_40":41,"_39":166,"_155":59,"_37":226,"_13":63,"_33":20,"_34":192,"_24":25,"_159":-5,"_211":227,"_27":228},{"_42":182,"_32":183,"_30":184,"_153":-5,"_40":41,"_39":166,"_155":59,"_37":223,"_13":63,"_33":20,"_34":186,"_24":25,"_159":-5,"_211":224,"_27":225},{"_42":178,"_32":28,"_30":31,"_153":-5,"_40":41,"_39":14,"_155":25,"_37":220,"_13":180,"_33":20,"_34":36,"_24":25,"_159":-5,"_211":221,"_27":222},{"_42":170,"_32":171,"_30":57,"_153":-5,"_40":41,"_39":172,"_155":25,"_37":217,"_13":157,"_33":174,"_34":175,"_24":25,"_159":176,"_211":218,"_27":219},{"_42":161,"_32":162,"_30":163,"_153":-5,"_40":41,"_39":164,"_155":25,"_37":214,"_13":166,"_33":167,"_34":168,"_24":25,"_159":-5,"_211":215,"_27":216},{"_42":150,"_32":151,"_30":152,"_153":-5,"_40":41,"_39":154,"_155":25,"_37":210,"_13":157,"_33":20,"_34":158,"_24":25,"_159":-5,"_211":212,"_27":213},["D",1781823603251],"children",[],[151],["D",1781823189090],[],[162],["D",1781823576943],[],[171],["D",1781824068708],[],[28],["D",1781823137743],[],[183],["D",1781823137743],[],[189],["D",1781823137743],["D",1789684858011],{"_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":267,"_268":269,"_270":271,"_272":25,"_273":25,"_274":25,"_275":59,"_276":-5,"_277":-7,"_278":-7,"_279":63,"_280":25,"_281":25,"_282":-5,"_283":25,"_284":25,"_285":25,"_286":-5},"ENV",{"_238":239,"_240":241,"_242":90,"_243":244,"_245":246,"_247":248,"_249":250,"_251":252,"_253":254,"_255":256,"_257":258,"_259":260,"_261":262,"_263":264,"_265":266},"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 · v10