Themes are built with AngularJS, SASS, BEM, Bootstrap 3, and HTML5. Please get familiar with each of these front end framwork or syntax before you make any major modification to the files.
If you're comfortable getting up and running from a git clone, this method is for you.
If you clone the GitHub repository, you will need to build a number of assets using Gulp.
The master branch contains the latest release. If you need the older version please select the correct tag.
Make sure you always get the latest version of NodeJS
npm install
Gulp help to list all available tasks and it description
gulp help
All source file are within the Themes
folder.
Themes within dist
are pre-built and ready for production.
HTML are spread accross many sub folder within two main folder for each theme. The HTML are heavily using Angular syntax. Be cautious when removing any ng-
or {{ }}
syntax from the HTML files.
- 2016 Dark
- directives
- views
- 2016 Light
- directives
- views
CSS file are utilizing SASS markup. Modify only the source app.scss
file when using Gulp.
All JS files are written base on Angular MVC methodology
- directives - modular components that make up the view
- services - utilities that parse the DOM to generate the HTML for Angular templating
- views - state view and overall layout
Utilize the gulp task in this order
theme:boilerplate
theme:view
theme:service
theme:directive