https://github.com/jonaszkadziela/website-under-construction
Template for a website under construction
https://github.com/jonaszkadziela/website-under-construction
alpine-js construction css html under website website-under-construction
Last synced: 6 months ago
JSON representation
Template for a website under construction
- Host: GitHub
- URL: https://github.com/jonaszkadziela/website-under-construction
- Owner: jonaszkadziela
- Created: 2025-06-10T18:36:57.000Z (about 1 year ago)
- Default Branch: master
- Last Pushed: 2025-06-16T21:52:46.000Z (about 1 year ago)
- Last Synced: 2025-06-19T04:12:04.511Z (about 1 year ago)
- Topics: alpine-js, construction, css, html, under, website, website-under-construction
- Language: HTML
- Homepage:
- Size: 12.7 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Website under construction
## A few words of introduction:
I became tired of the generic placeholder websites and intrusive advertisements commonly used by web hosting providers.
To resolve this issue, I set out to design a more visually engaging and polished "website under construction" template.
## Used technologies:
* HTML
* CSS
* Tailwind CSS
* JavaScript
* Alpine.js
## How to set up locally?
1. Clone the repository
```
$ git clone https://github.com/jonaszkadziela/website-under-construction.git
```
1. Enter **website-under-construction** project directory
```
$ cd website-under-construction
```
1. Open **index.html** file
## Configuration:
* In `assets/images/favicon.png`, you **SHOULD**:
* Replace placeholder `favicon.png` with your own file
* In `assets/js/main.js`, you **SHOULD**:
* Change default language via `lang` value
* Change contact information via `contactEmail` value
* Adjust default translations via `trans` value
* In `assets/css/main.css`, you **COULD**:
* Change color of animated background via `gradient-color-{1,2,3,4}` CSS variables
* Adjust animation speed via `gradient-speed` CSS variable
* In `index.html`, you **COULD**:
* Change background fallback color via `` hex value
## How to deploy?
1. Just copy `index.html` and `assets` directory along with its contents to your web server