Tirsvad
67062dffbc
The publish workflow reads Markdown pages directly in docs/wiki, named Home.md, Home-da.md and Home-ms.md. The wiki screenshot uses an absolute URL because wiki pages cannot reach repo files by relative path.
49 lines
1.4 KiB
Markdown
49 lines
1.4 KiB
Markdown
# 044-web-motivational-poster
|
|
|
|
A motivational poster web page built with plain HTML and CSS. It is the final
|
|
project of the HTML/CSS section (6.4) of the Udemy course *100 Days of Code*.
|
|
|
|
|
|
|
|
## Features
|
|
|
|
- Black background, white text, everything centred.
|
|
- Title in the *Libre Baskerville* Google Font, made uppercase with
|
|
`text-transform`.
|
|
- Image with a 5px white border that fills its container (`width: 100%`).
|
|
- One `div.poster` holds the image, `h1` and `p`; it is centred with
|
|
`width: 50%` and `margin-left: 25%`.
|
|
- A small media query widens the poster on narrow screens.
|
|
|
|
## Run it
|
|
|
|
No build step. Open `src/index.html` in a browser (the font is loaded from Google
|
|
Fonts, so an internet connection is needed to see it).
|
|
|
|
## Project layout
|
|
|
|
```text
|
|
src/index.html the page
|
|
src/style.css the styles
|
|
src/assets/images/ the poster image
|
|
screenshots/ screenshots used in this README
|
|
docs/wiki/ documentation in English, Dansk and Bahasa Malaysia
|
|
```
|
|
|
|
## Wiki
|
|
|
|
| Language | Start page |
|
|
| --- | --- |
|
|
| English | [docs/wiki/Home.md](docs/wiki/Home.md) |
|
|
| Dansk | [docs/wiki/Home-da.md](docs/wiki/Home-da.md) |
|
|
| Bahasa Malaysia | [docs/wiki/Home-ms.md](docs/wiki/Home-ms.md) |
|
|
|
|
## Make your own poster
|
|
|
|
Change the image in `src/assets/images/`, then edit the `h1` and `p` text in
|
|
`src/index.html`.
|
|
|
|
## License
|
|
|
|
See [LICENSE](LICENSE).
|