Simple customisable web page to display text in the center of the screen.
index.html contains the structure for a fullscreen web page with a centered h1 in a flexbox container.
css/main.css contains the styles for fonts, default colours and sizes.
js/index.js contains the code for setting text and colours from URL parameters.
Host the static files with a web server:
e.g. python -m http.server -d src 8080
Navigate to the page, setting the required URL parameters:
http://127.0.0.1:8080/?title=Testing&text=Hello,%20World&backgroundColor=rgb(12,34,56)
URL parameter names match their attribute name, e.g. backgroundColor, or the
ID of the element, e.g. text.
| Parameter | Description |
|---|---|
| title | Page title |
| text | Heading text |
| backgroundColor | Background colour |
| color | Text colour |
- Google Fonts - font
html-text is licensed under the MIT Licence for everyone to use, modify and share freely.
This project is distributed in the hope that it will be useful, but without any warranty.
If you found this project useful, please consider donating. Any amount is greatly appreciated! Thank you 😃
