concrete5 Boilerplate with Foundation 5 frontend

What you get:

A concrete 5 package ready to install containing

*	Autonav block (core) with
	- top bar template
*	Slideshow block (core) with
	- orbit slider template
	- orbit slider template with description (hided on small devices)
	- clearing lightbox template 
	- clearing featured image template
*	Content block (core) with call to action template
*	YouTube block (core) with flex video template
*	Form block (core) with forms template

File Attributes used:

*  'Description' for showing captions

File attributes installed:

* 'Clearing Featured Image' to define the featured image for clearing lightbox
* 'Orbit Link Url' to apply a link to the orbit slides

Jobs installed:

* Generate a sitemap.xml file for a responsive site

General optimization:
*	Don't load concrete5's JS and CSS for visitors
*	Don't parse this package's stylesheets. They are not editable through dashboard

How you can use it

Download as zip

Make a new folder called c5f5boilerplate in your /packages folder
Dowload this repository as a zip file
Extract the contents in the /packages/c5f5boilerplate folder
Install the package in concrete 5 Dashboard/Extend concrete5 :-)

Git User? Clone it with git

Grab the terminal
Go to your /packages folder
git clone https://github.com/vl-ad/c5f5boilerplate.git c5f5boilerplate
Install the package in concrete 5 Dashboard/Extend concrete5 :-)

Now you can apply the above mentioned core blocks to your pages and select the foundation custom templates. That's it.

You can help with

Foundation form template for the form block
Navigations like offcanvas, magellan, sidenav ...

... and more of the Foundation stuff

  							Pull requests are appreciated.

You want to customize the look of Foundation?

Requirements

Ruby 1.9+
Node.js
Sass: gem install sass
compass: gem install compass
bower: npm install -g bower grunt-cli

Compile the SCSS files

In /scss/_settings.scss you can customize all the foundation components. Copy the variables from /bower_components/foundation/scss/foundation/_settings.scss

The /scss/_custom.scss is for your additional stuff. Here you can write SCSS but normal CSS, too!

To compile execute bash compass watch in the packages/c5f5boilerplate/themes/c5f5boilerplate folder.

Upgrade foundation

In the packages/c5f5boilerplate/themes/c5f5boilerplate folder execute

bower update

Contact

Send a message

Thanks to

JordanLev

herent

gtbsleephead/c5f5boilerplate