This is the source of the static landing page masima.rocks
For development workflow gulp, sass and browser-sync is used. Rapid deployment to gh-pages can easily be achived manually by using gulp or automated with the travis ci. Local development and testing is mostly automated as well as staging.
npm >= 3.4.0
, for installation instructions have a look at node.js
To install gulp globally execute:
sudo npm install --global gulp
To install all dependencies for the gulpfile.js change to the project directory and execute:
npm install
Note: This installs all dependencies listed in the package.json file (use --save-dev
to update).
Open a terminal, change to the project directory and execute:
gulp
Gulp builds artifacts, compiles scss
to css
, minifies and starts browser-sync to open the page in a browser.
Changes within the source html
, js
& scss
are watched by gulp, browser sync updates the browser ..
gulp deploy
This will push the content of the current build directory to your gh-pages branch.
To automate the deployment from your master to your gh-pages branch use travis. To do so
GH_TOKEN
variable with that token @travis.Now travis should build and deploy to your gh-pages branch every time you push to your master branch.
Note: Make sure to turn off build on pull request @travis for this repository - else pull request may change your gh-pages ;)