Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/oradwell/aerial-mod
Modified version of HTML5 UP Aerial Template
https://github.com/oradwell/aerial-mod
Last synced: about 13 hours ago
JSON representation
Modified version of HTML5 UP Aerial Template
- Host: GitHub
- URL: https://github.com/oradwell/aerial-mod
- Owner: oradwell
- Created: 2014-12-31T00:13:04.000Z (about 10 years ago)
- Default Branch: master
- Last Pushed: 2022-10-15T18:10:22.000Z (over 2 years ago)
- Last Synced: 2025-01-11T02:55:04.711Z (8 days ago)
- Language: SCSS
- Size: 729 KB
- Stars: 5
- Watchers: 3
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
aerial-mod
==========
[](https://github.com/oradwell/aerial-mod/actions/workflows/javascript.yml)
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](https://developers.google.com/speed/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](https://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](http://www.radwell.codes)
Source template: [Aerial](http://html5up.net/uploads/demos/aerial/)
by [HTML5 UP](http://html5up.net/)