Onze Design

\n A short line about who you are and what you do. Edit me in\n index.html.\n

\n See my work\n Get in touch\n

\n \n

\n\n \n

About me

\n Write a few sentences about yourself here — your background, what\n you're passionate about, and what you're looking for. This is your\n space, so make it sound like you.\n

\n You can add as many paragraphs as you like. Just duplicate this\n <p> block in index.html.\n

Skill one
Skill two
Skill three
Skill four

\n\n \n

NYC weather

A quick 7-day forecast for New York City, courtesy of the\n National Weather Service.

Loading forecast…

\n\n \n

Projects

Project One

\n A short description of what this project is and why it matters.\n Replace this with your own.\n

\n View project →\n

\n\n

Project Two

\n A short description of what this project is and why it matters.\n Replace this with your own.\n

\n View project →\n

\n\n

Project Three

\n A short description of what this project is and why it matters.\n Replace this with your own.\n

\n View project →\n

\n\n \n

Guestbook

Stopped by? Leave a note and sign your name — I'd love to know you were here.

\n\n \n\n

Loading messages…

\n\n \n

Get in touch

\n The best way to reach me is by email. I'd love to hear from you.\n

\n Email me\n GitHub\n LinkedIn\n

\n\n \n \n\n",[143],"92d8494f71b236bf02a66adcde0e4b6fa886a51f9a63b242c4ab4dad3b5b590e","e2240bac-418b-11f0-883e-76b3cceeab13","e0e955f2-4187-11f0-83ff-76b3cceeab13",41,["D",1749072949867],6,"\n\n \n Hi there!\n \n \n \n\n \n \n\n \n \n\n \n \n \n \n

Hi there!

\n\n

\n I'm your cool new webpage. Made with Val Town!\n

\n \n",[143],"c7361dc92d6ef7bac8fa83bfd60c3e7225006fd4a979847612f5e344669e252b","README.md",{"_32":173,"_13":162,"_81":174,"_83":-5,"_84":33,"_85":41,"_86":26,"_34":175,"_40":176,"_89":90,"_91":177,"_65":48,"_93":-5,"_94":-7,"_74":178,"_96":179},{"_32":165,"_13":162,"_81":166,"_83":-5,"_84":58,"_85":167,"_86":26,"_34":168,"_40":169,"_89":90,"_91":170,"_65":48,"_93":-5,"_94":-7,"_74":171,"_96":172},"9e0e5e93-75a6-47e4-9119-96e2da1102a3","019edcfc-838f-71c1-b756-453f7285bff0",12,["D",1781824079513],2,"# Onze Design — Portfolio\n\nA simple, static personal portfolio page: a sticky header, a hero with a photo,\nand sections for an \"About me\" write-up, projects, and contact links.\n\n## Editing your content\n\nEverything you'll want to change lives in **`index.html`**:\n\n- **Tagline** — the line under the big \"Onze Design\" heading.\n- **Photo** — swap the `src` on the `` in the hero `.hero-photo` block for\n your own image URL.\n- **About me** — edit the paragraphs in the `#about` section; duplicate a\n `

` block to add more, and edit the `.skills` list items.\n- **Projects** — each project is a `.project-card`; copy one to add another,\n and point its link at the real project.\n- **Contact** — update the `mailto:` email and the GitHub / LinkedIn links.\n\nStyling lives in **`style.css`** (colors are CSS variables at the top under\n`:root`, so you can re-theme quickly). **`script.js`** just fills in the footer\nyear. **`main.tsx`** is the HTTP server that hosts the files and adds a\n`/source` link.\n\n## How it fits together\n\n```mermaid\nflowchart LR\n Browser -->|GET /| main[\"main.tsx (HTTP)\"]\n main -->|/source| Source[\"redirect to val source\"]\n main --> index[\"index.html\"]\n index --> style[\"style.css\"]\n index --> script[\"script.js\"]\n```\n\nBuilt with [Val Town](https://val.town).\n",[162],"6f01993bde863ba8466c6f5bdbfc396441cfe3f9a7b7555f9935f2c7f67c19a7","bcf9273a-59e1-11f1-96a6-ee650bb23af1","8ddbf374-4187-11f0-aa65-76b3cceeab13",["D",1779896149804],30,"# 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",[162],"de7909bae6a69cb7e6b3a540930221220cb9b3ba704a999a532dea66256997ad",["D",1781823996719],"legacyEnvVars","httpPrivacy","description","Onze Design's personal portfolio page","imageUrl","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/1e130d76-f5f9-42d2-df67-91517700ff00/square512?exp=1789722840&sig=d9c47cf7f3f25940f20f18630e2c64166c102648dc6292b51e80cdd02de0a277","userId","cfcec6a8-3ac9-4a8d-9e80-06269c13710c","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","019edcfb-9acb-730e-976c-b18b93e2146e","tursoName","ca167b48d8c94d82b7a12b93307a794a","tursoHostname","ca167b48d8c94d82b7a12b93307a794a-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789679475208],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_223":219},"org",{"_11":12,"_216":217,"_218":219,"_187":188,"_220":221,"_222":48},"branch","displayName","Huiyi Chen","avatar","https://lh3.googleusercontent.com/a/ACg8ocKcvnKesQOhxk6RpFlvfII1aVl78dXHVoigJacgq_fiz1OoKIc=s96-c","tier","free","canRestrictVals","profileImageUrl","","adoptOrgId",{"_32":59,"_13":14,"_34":304,"_46":-5,"_181":48,"_49":50,"_182":50,"_183":184,"_185":186,"_187":188,"_189":127,"_190":26,"_191":-5,"_192":-5,"_193":22,"_53":194,"_195":196,"_197":198,"_199":305,"_201":-5,"_202":203,"_204":203,"_205":206,"_207":206,"_208":206,"_209":203,"_210":203,"_211":306,"_213":307,"_215":308,"_47":48},"tree",[285,286,287,288,289,290],"files",[285,286,287,288,289,290],"counts",{"_275":22,"_276":269,"_277":22,"_278":279,"_280":281},"contents",[252,253,254,255,256,257],"upstreamProject",{"_32":39,"_13":56,"_183":249,"_185":186,"_49":50,"_211":250},"upstreamBranch",{"_32":33,"_34":247,"_36":248,"_13":16,"_38":39,"_40":41,"_42":-5,"_43":-5,"_44":45,"_46":-5,"_47":48,"_49":50,"_51":52,"_53":54,"_55":56},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1749070628054],["D",1779896149804],"Basic HTML starter template based on Glitch's starter",{"_11":52,"_223":251},"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/129cab32-3bd7-4c3e-f39b-f12900c76100/square512?exp=1789722840&sig=7f96e6eaead3c689d1c87484e8ced662897e747340a66b48f3d39a6293277117",{"_32":165,"_13":162,"_81":166,"_83":-5,"_84":58,"_85":167,"_86":26,"_34":273,"_40":169,"_89":90,"_91":170,"_65":48,"_93":-5,"_74":274},{"_32":266,"_13":267,"_81":268,"_83":-5,"_84":58,"_85":269,"_86":26,"_34":270,"_40":22,"_89":90,"_91":271,"_65":48,"_93":-5,"_74":272},{"_32":146,"_13":143,"_81":147,"_83":-5,"_84":58,"_85":148,"_86":26,"_34":264,"_40":150,"_89":90,"_91":151,"_65":48,"_93":-5,"_74":265},{"_32":126,"_13":123,"_81":127,"_83":-5,"_84":58,"_85":128,"_86":26,"_34":262,"_40":119,"_89":130,"_91":131,"_65":48,"_93":132,"_74":263},{"_32":108,"_13":105,"_81":109,"_83":-5,"_84":58,"_85":57,"_86":26,"_34":260,"_40":88,"_89":111,"_91":112,"_65":48,"_93":-5,"_74":261},{"_32":80,"_13":75,"_81":82,"_83":-5,"_84":58,"_85":20,"_86":26,"_34":258,"_40":88,"_89":90,"_91":92,"_65":48,"_93":-5,"_74":259},["D",1781825301710],[75],["D",1781825311817],[105],["D",1781825285507],[123],["D",1781825295809],[143],"2dffdc33-a660-48e8-aa15-bbe7c9d35e33","favicon.svg","019edcfc-838f-71c1-b756-4b07f963d2a0",1,["D",1781823996719],"",[267],["D",1781824079513],[162],"pulls","branches","forks","envVars",{"_282":22,"_284":22},"connections",{"_282":22,"_283":22},"count","unfilledCount","emptyCount",{"_32":165,"_13":162,"_81":166,"_83":-5,"_84":58,"_85":167,"_86":26,"_34":168,"_40":169,"_89":90,"_91":170,"_65":48,"_93":-5,"_94":302,"_74":303},{"_32":266,"_13":267,"_81":268,"_83":-5,"_84":58,"_85":269,"_86":26,"_34":299,"_40":22,"_89":90,"_91":271,"_65":48,"_93":-5,"_94":300,"_74":301},{"_32":146,"_13":143,"_81":147,"_83":-5,"_84":58,"_85":148,"_86":26,"_34":149,"_40":150,"_89":90,"_91":151,"_65":48,"_93":-5,"_94":297,"_74":298},{"_32":126,"_13":123,"_81":127,"_83":-5,"_84":58,"_85":128,"_86":26,"_34":129,"_40":119,"_89":130,"_91":131,"_65":48,"_93":132,"_94":295,"_74":296},{"_32":108,"_13":105,"_81":109,"_83":-5,"_84":58,"_85":57,"_86":26,"_34":110,"_40":88,"_89":111,"_91":112,"_65":48,"_93":-5,"_94":293,"_74":294},{"_32":80,"_13":75,"_81":82,"_83":-5,"_84":58,"_85":20,"_86":26,"_34":87,"_40":88,"_89":90,"_91":92,"_65":48,"_93":-5,"_94":291,"_74":292},[],[75],[],[105],[],[123],[],[143],["D",1781823996719],[],[267],[],[162],["D",1781823996719],["D",1789679475208],{"_11":12,"_223":219},{"_11":12,"_216":217,"_218":219,"_187":188,"_220":221,"_222":48},{"_40":57,"_13":16,"_32":58,"_38":59,"_42":33,"_43":41,"_60":50,"_61":39,"_62":54,"_55":14,"_51":12},"ctx",{"_211":-5,"_244":342,"_343":344,"_345":346,"_347":48,"_348":48,"_349":48,"_350":26,"_351":-5,"_352":-7,"_353":-7,"_354":22,"_355":48,"_356":48,"_357":-5,"_358":48,"_359":48,"_360":48,"_361":-5},"ENV",{"_313":314,"_315":316,"_317":16,"_318":319,"_320":321,"_322":323,"_324":325,"_326":327,"_328":329,"_330":331,"_332":333,"_334":335,"_336":337,"_338":339,"_340":341},"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"]

Compare

Mergehuiyichen/mainintotemplates/main

README.md+27-44

index.html+145-12

Hmain.tsx+134-2

script.js+186-5

style.css+319-7