Static AEM Markup

====================================

A static repository with AEM Core Component markup that can be used by front-end developers to style AEM Core components.

How To Use

$ git clone [email protected]:godanny86/aem-static-markup.git
$ cd aem-static-markup
$ npm install

After, run

$ gulp

Or

$ gulp server

...if you need a local server. Folder build serving at http://localhost:8888

Should use Livereload extension. Or inject <script src="//localhost:35729/livereload.js"></script> into your page.

When you change a LESS(or JS) file, the page will reload.

$ gulp build-css 

To compile just the LESS into a single CSS file (stored under build/base.css)

$ gulp build-js 

To compile just the JS into a single file (stored under build/base.js)

Updates

If this isn't working, it's probably because you need to update. Just run npm update --save-dev

If no command gulp found?, you need to install it globally npm install -g gulp or run npm run gulp

Still broken or not working?

Try this:

sudo npm cache clean
npm install --save-dev
npm update --save-dev
gulp

Special Thanks

To scotch-io for providing a sample gulp project: https://github.com/scotch-io/gulp-and-less-starter-kit

HTML5 UP @jlkn for providing some inspiration html styles: https://html5up.net/