Giter Club home page Giter Club logo

themes's Introduction

SecureAuth Themes v9.0.0

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.

Getting Started

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.

Install NodeJS(v5.0.0 minimum)

Make sure you always get the latest version of NodeJS

Install npm packages

npm install

Run Gulp command for tasks

Gulp help to list all available tasks and it description

gulp help

Source Files

All source file are within the Themes folder.

Themes within dist are pre-built and ready for production.

HTML

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

CSS file are utilizing SASS markup. Modify only the source app.scss file when using Gulp.

JS

All JS files are written base on Angular MVC methodology

  1. directives - modular components that make up the view
  2. services - utilities that parse the DOM to generate the HTML for Angular templating
  3. views - state view and overall layout

Creating a new theme

Utilize the gulp task in this order

  1. theme:boilerplate
  2. theme:view
  3. theme:service
  4. theme:directive

themes's People

Contributors

kanikarphan avatar kphansa avatar

Watchers

 avatar

Forkers

seandyon-work

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.