Skip to content

core77/c5f5boilerplate

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

51 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

concrete5 package boilerplate with Foundation 5 frontend

What you get:

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

How you can use it

Download as zip

  1. Dowload this repository as a zip file and unzip it
  2. Rename the (unzipped) c5f5boilerplate-master folder to c5f5boilerplate
  3. Copy the c5f5boilerplate folder into the /packages folder of your concrete5 installation
  4. In the folder packages/c5f5boilerplate/themes/c5f5boilerplate execute a bower install and then compass compile
  5. Install the package in concrete5 Dashboard/Extend concrete5 :-)

Git User? Clone it with git

  1. Grab the terminal
  2. Go to your /packages folder
  3. git clone https://github.com/vl-ad/c5f5boilerplate.git c5f5boilerplate
  4. In the folder packages/c5f5boilerplate/themes/c5f5boilerplate execute a bower install and then compass compile
  5. 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.

You can help with

  • 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.
    

You want to customize the look of Foundation?

Requirements

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.

Install/Upgrade foundation

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

Contact

Send a message

Thanks to

JordanLev

herent

About

Zurb Foundation 5 integration into concrete5 (v5.6.x) This projected is licensed under the terms of the MIT license.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published