douwe
c5dca7bb54
- Added responsive grid of game cards with dark-teal background - Each card has: rounded gray image placeholder, white title, gray description, orange year badge - Click to expand: shows full description + centered play button - Play button opens game in new window - Flat minimal design consistent with portfolio style - Created placeholder images for 6 games
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>