hyyan / brunch-with-hyyan

Brunch With Bower , Bootstrap Sass And jQuery

Brunch With Bower , Bootstrap Sass And jQuery

HTML5 application, built with Brunch, Bootstrap Sass And jQuery

Getting started

• Install (if you don't have them):
  • Node.js: brew install node on OS X
  • Brunch: npm install -g brunch
  • Bower: npm install -g bower
  • Brunch plugins and Bower dependencies: npm install.
• Run:
  • npm start — watches the project with continuous rebuild. This will also launch HTTP server with pushState.
  • npm test - Run you tests inside test folder using karam and mocha
  • brunch watch --server — watches the project with continuous rebuild. This will also launch HTTP server with pushState.
  • brunch build --production — builds minified project for production
• Learn:
  • public/ dir is fully auto-generated and served by HTTP server. Write your code in app/ dir.
  • Place static files you want to be copied from app/assets/ to public/.
  • Place styles in app/scss/styles to be compiled to public/css/app.css
  • Place styles in app/scss/styles-rtl to be compiled to public/css/app-rtl.css
  • Place styles in app/scss/editor to be compiled to public/css/editor.css
  • Place styles in app/scss/editor-rtl to be compiled to public/css/editor-rtl.css
  • Place javascripts in app/scripts to be concatenated to public/js/app.js
  • Brunch site
  • Sass site
  • Bootstrap site

How To Use With Wordpress

You can use the Brunch Wordpress Theme starter theme , which make use of all features of this skeleton in wordpress context.

brunch-with-hyyan's Issues

How to combine this and WordPress

I'm really glad that there is a Brunch skeleton that can work with WordPress, but you aren't very explicit on how to integrate the two. How does it work for you? Where do I build my Brunch project or where to I install WordPress? Do I still use MAMP or another PHP/MySQL local server to view the site or do I use the Brunch server?

Additional js libriarias

First full great thanks for your work!
I have a problem with additional js libraries. I will try to store them in app/assets/scripts folder , but the compiling process compile index.js file first and after other files. As result - all functions from additional files don't work, because of lately including.

http://take.ms/QrE4p - file structure and additional js library (jquery plugin)
http://take.ms/loWqY - index.js
and compiled app.js http://take.ms/Kq3sB - you can see that the initialization of slick is before the slick library code includes(

Do you have any ideas how to fix it ?

How to remove ellipsis in content

I am unable to remove the ellipsis from page display, how do I do that?