https://github.com/meodai/exalt.biz
http://exalt.biz website
https://github.com/meodai/exalt.biz
static-site webdesign website
Last synced: 3 months ago
JSON representation
http://exalt.biz website
- Host: GitHub
- URL: https://github.com/meodai/exalt.biz
- Owner: meodai
- Created: 2019-05-29T14:49:27.000Z (about 7 years ago)
- Default Branch: master
- Last Pushed: 2025-11-04T12:16:03.000Z (8 months ago)
- Last Synced: 2025-11-04T14:21:05.555Z (8 months ago)
- Topics: static-site, webdesign, website
- Language: SCSS
- Size: 2.04 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 6
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# exalt.biz
http://exalt.biz website (https://ecstatic-volhard-256fbd.netlify.com/)
## edit contents
[edit text on the website here](https://github.com/meodai/exalt.biz/blob/master/data.yml)
## local installation
This setup uses node and NPM to built the website statically.
1. install node and npm (https://nodejs.org/en/)
2. use the terminal/command-line to navigate to the folder where you checked out the project
3. install deps by typing `npm install`
4. once done type `npm start` to work on the project
## setup
- [parcel.js](https://parceljs.org/) builds everything
- [posthtml-expressions](https://github.com/posthtml/posthtml-expressions) This plugin provides a syntax for including local variables and expressions in your templates, and also extends custom tags to act as helpers for conditionals and looping. Mainly used to include content from [data.yml](https://github.com/meodai/exalt.biz/blob/master/data.yml). [posthtml-load-config](https://github.com/posthtml/posthtml-load-config) makes sure [.posthtmlrc.js](https://github.com/meodai/exalt.biz/blob/master/.posthtmlrc.js) the data from the YML ends up in the `locals` from `posthtml-expressions`.
- [.browserslistrc](https://github.com/meodai/exalt.biz/blob/master/.browserslistrc) Sets the browser compatibility for [autoprefixer](https://github.com/postcss/autoprefixer)
```
┌──────────┐ ┌────────────────────┐
│ data.yml │───▶│posthtml-expressions│──┐
└──────────┘ └────────────────────┘ │
┌──────────┐ ┌───────────────────┐ │
│style.scss│───▶│ sass & postCSS │──┐│ ┌─────────────┐
└──────────┘ └───────────────────┘ ├┴─▶│ /index.html │
┌──────────┐ ┌───────────────────┐ │ └──────┬──────┘
│ main.js │───▶│ babel.js │──┤ ┌┘
└──────────┘ └───────────────────┘ │ │
┌──────────┐ │ ▼
│ images │──┘ ┌─────────┐
└──────────┘ │ Magic * │
└─────────┘
│
│
│
* Magic = parcel.js ┌───────────▼─────────┐
│ ./dist │
┌┴─────────────────────┴┐
│ index.html │
├───────────────────────┤
│ style.css │
├───────────────────────┤
│ *.{jpg|png|gif...} │
└┬─────────────────────┬┘
└─────────────────────┘
```
## license
© David Aerne
Feel free to do whatever with the sources. The illustrations are owned by the client. Don't share or reuse them