aerial-mod

Modified version of HTML5 UP Aerial Template

Modifications

• Removed most of the animations
• Removed background overlay
• Changed background image
• Added grunt tasks for:
  • Code minimise (CSS, HTML, JS)
  • SASS compile
  • JS inline
• Added on hover background colour change for links
• Added on hover tooltips for links
• Greatly improved Google PageSpeed Insights rating of the template by:
  • Re-ordering external JS / CSS file includes (Rules: Prioritize visible content, Eliminate render-blocking JavaScript and CSS in above-the-fold content)
  • Minimise all the files (Rules: Minify CSS, Minify JavaScript)

Installation

Make sure you have npm

npm comes with Node.js. Go to nodejs.org to download it.

Install the dependencies

npm install

Run grunt

If grunt-cli is not already installed, install it:

npm install grunt-cli -g

Run:

grunt

See it in action: www.radwell.codes

Source template: Aerial by HTML5 UP