Restructure to classic static-site layout, add project-card component, fix bugs

- Move wwwroot/ to public/ with assets/ grouping (css, js, img, fonts, vid)
- Inline section includes into index.html, drop runtime fetch loading
- Add project-card web component to replace repeated project markup
- Fix IntersectionObserver options placement bug in nav highlight
- Fix @font-face syntax, invalid 5-digit hex colors, 75x border-radius typo
- Remove dead css link (home.css), unused purple/orange color vars
- Fix typos, replace inline styles with classes, serve favicon

README.md

@@ -1,4 +1,47 @@
 # douwco.be
 
 The main landing page for all my projects.
-You can find it at [www.douwco.be](https://www.douwco.be) 
+You can find it at [www.douwco.be](https://www.douwco.be)
+
+Pure static front-end site served by nginx. No build step required.
+
+## Structure
+
+```
+public/               Site root (served by nginx)
+├── index.html        Single page: home, about, apps, games
+├── favicon.ico
+└── assets/
+    ├── css/          douwco.css (branding), style.css (layout)
+    ├── js/           index.js (nav, copyright), project-card.js (web component)
+    ├── img/          Logos, screenshots, icons
+    ├── fonts/        Righteous + Montserrat (self-hosted)
+    └── vid/          Demo videos
+```
+
+## Development
+
+Any static file server works, e.g.:
+
+```bash
+docker compose up        # site on http://localhost:8080
+```
+
+or natively:
+
+```bash
+python3 -m http.server -d public 8080
+```
+
+## Adding a project card
+
+Use the `project-card` component in `public/index.html`:
+
+```html
+<project-card
+    image="/assets/img/my_project.png"
+    image-alt="My Project"
+    title="My Project"
+    description="Some text with a [[link label|https://example.com]].">
+</project-card>
+```