This is a custom template for using Foundation for Sites based on the official starter template and the official ZURB template. It is more advanced than the starter template, but only provides some of the tasks offered by the ZURB template. The structure used for folder organization is also different.

This template includes the following:

• Sass compiler (with autoprefixer) and CSS compression
• JavaScript concatenation and compression
• Image compression

To use this template, you will need:

• Git
• NodeJS
  • npm (automatically installed with NodeJS on some systems)
• Bower

To set up the template for your project:

• Clone this repository: git clone https://github.com/StephenOrJames/foundation-sites-template-2.git your_folder
• Enter the folder: cd your_folder
• Install the dependencies:
  • NPM: npm install
  • Bower: bower install
• Start the Gulp build system: npm start

Once you've set up the template, you should have a folder structure similar to the following:

• your_folder
  • bower_components
  • dist
    • css
    • img
    • js
  • node_modules
  • src
    • img
    • js
    • scss

Your files will be added to the respective folders within src, and will be compiled and/or compressed into dist.

• The output files for CSS and JavaScript will be app.css and app.js respectively.
• The bower_components and node_modules folders contain the dependencies installed by with bower and npm.
• Any file manually placed in dist may be deleted, as a part of the build process includes deleting dist.