/elastiq

Elastiq website

Primary LanguageHTML

elastiq.ch

https://elastiq.ch/ website

Netlify Status

edit contents

edit website here

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

┌──────────┐    ┌────────────────────┐
│ 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. Except for the illustrations. Don't share or reuse them.