A Static Landing Page

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.

Devel Dependencies

npm >= 3.4.0, for installation instructions have a look at node.js

Gulp

To install gulp globally execute:

sudo npm install --global gulp

Development Instructions

Installing dependencies for Gulp-Runner task

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).

Running locally

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 ..

Manual deployment with gulp

gulp deploy

This will push the content of the current build directory to your gh-pages branch.

Automated deployment with travis

To automate the deployment from your master to your gh-pages branch use travis. To do so

• Create a travis-account here
• Create a new github token for public repos here
• Assign a new GH_TOKEN variable with that token @travis.
• Turn on travis for this repo here

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 ;)