#70

Product support

Get help in the theme support forum.

Categories

  • Frameworks
  • Placeholders

F5fresh

Starter development template for building Zurb Foundation 5 themed October CMS sites.

Includes:

Installation

Add the theme to existing project while logged into OctoberCMS account online, or interactively by searching it inside Settings/System/Updates/Themes in backend, or with the following command-line instructions inside project root:

php artisan theme:install castus.f5fresh f5fresh
php artisan theme:use f5fresh

One-time Development Environment Setup

Install NodeJS and Node Package Manager globally (LTS version required). Run the following command-line instructions inside theme root:

npm install --global gulp bower
npm install

Alternative NPM-compatible package manager Yarn could be used:

yarn

Using and Editing

Check styleguide/default layout for example HTML page structure and mandatory includes. Custom styles example source is in assets/scss/styleguide SCSS, scripts in assets/es6/styleguide JS. Development changes can be automated with command-line instruction inside theme root:

gulp watch

Build versioned, optimized, minified, autoprefixed assets with command-line instruction inside theme root:

gulp upbuild --production

Customizing Foundation

Global Foundation styling parameters should be modified in assets/scss/_settings553 SCSS.

Comment out unwanted styles and scripts for leaner and faster Foundation custom build:

For in-depth customizations follow Zurb's guide: How to Make Foundation 5 Your Own (after unlocking lessons vault).

1.1.0

Added Gulp task to increment build number, preloaded Bower vendor assets

Jul 14, 2017

1.0.2

Added intro page, enabled Yarn package manager

Mar 31, 2017

1.0.1

Added theme customization (site_name, brand_color)

Oct 19, 2016

1.0.0

Style guide default layout

Jan 23, 2016

0.9.2

Composite layout with partials, kitchen-sink intro page for testing style changes

Jan 23, 2016

0.9.1

Initial F5fresh theme with Gulp-built frontend resources.

Jan 23, 2016