- 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
1.1 KiB
1.1 KiB
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>