Douwe
2eef84eb03
- 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
douwco.be
The main landing page for all my projects. You can find it at 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.:
docker compose up # site on http://localhost:8080
or natively:
python3 -m http.server -d public 8080
Adding a project card
Use the project-card component in public/index.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>