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.
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.posterholds the image,h1andp; it is centred withwidth: 50%andmargin-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
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 |
| Dansk | docs/wiki/Home-da.md |
| Bahasa Malaysia | 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.