48 lines
1.1 KiB
Markdown
48 lines
1.1 KiB
Markdown
# douwco.be
|
|
|
|
The main landing page for all my projects.
|
|
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, hosted, 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>
|
|
```
|