A concrete 5 package ready to install containing
* Autonav block (core) with
- breadcrumbs template
- list without bullets template
- top bar template
- off canvas template
- top bar and off canvas template (topbar on large, off canvas on medium and small)
- side nav templates (one aligning left, the other right)
* Slideshow block (core) with
- orbit slider template
- orbit slider template with description (hidden 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
* Search block (core) with button postfix 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
- Dowload this repository as a zip file and unzip it
- Rename the (unzipped) c5f5boilerplate-master folder to c5f5boilerplate
- Copy the c5f5boilerplate folder into the /packages folder of your concrete5 installation
- In the folder packages/c5f5boilerplate/themes/c5f5boilerplate execute a
bower install
and thencompass compile
- Install the package in concrete5 Dashboard/Extend concrete5 :-)
- Grab the terminal
- Go to your /packages folder
git clone https://github.com/vl-ad/c5f5boilerplate.git c5f5boilerplate
- In the folder packages/c5f5boilerplate/themes/c5f5boilerplate execute a
bower install
and thencompass compile
- Install the package in concrete5 Dashboard/Extend concrete5 :-)
Now you can apply the above mentioned core blocks to your pages and select the foundation custom templates. In the concrete5 user interface all the foundation custom templates are shown with an prepended 'F', for example 'F Top Bar'. That's it.
-
Navigations like
- offcanvas
- combination of topbar (on large and medium) and offcanvas (small)
- magellan
-
... and more of the Foundation stuff
Pull requests are appreciated. Please use 4 spaces instead of tabs for indentation.
- Ruby 1.9+
- Node.js
- Sass:
gem install sass
- compass:
gem install compass
- bower:
npm install -g bower grunt-cli
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.
It's not always the best idea to use the newest version of Foundation. So this boilerplate is actually set to version 5.2.2. You can change this in the bower.json file in the packages/c5f5boilerplate/themes/c5f5boilerplate folder.
To install/upgrade run
bower update