Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
A HTML5 Boilerplate theme designed for default SilverStripe installations
branch: master

README.md

Hardyakka template

Overview

hardyakka developer theme See 'Hard Yakka' meaning is a HTML5 Boilerplate template for the SilverStripe CMS (http://silverstripe.org). It is based on a similar idea used by the Boilerplate Wordpress theme (http://wordpress.org/extend/themes/boilerplate) to also provide a .ss template of all the default html objects you need to start creating a SilverStripe website.

Requires:

TODO

  • Turn this theme into a more automated installation of Boilerplate
  • Possibly intergrate it into a default SilverStripe installation

Install Theme

  • Install SilverStripe
  • Add the following Boilerplate files into the SilverStripe installation folder

    • Apple touch icons
    • favicon.ico
    • humans.txt
    • robots.txt
  • Run git clone git@github.com:mandrew/hardyakka.git in the /themes folder

  • Update the /mysite/_config.php file to point to the 'hardyakka' theme

SSViewer::set_theme('hardyakka');

Note: if you are going to use the style.css file then keep the blank layout.css file so the cms/layout.css styles aren't inherited into your template on a fresh install or instead rename the style.css file to layout.css so as to not cause these conflicts

  • Start building your website

Dont forget to:

  • Change the favicons.ico and apple touch icons
  • Update the google analytics code at the bottom of the Page.ss file
  • Update the humans.txt file
  • Update the robots.txt file

SASSify your theme

Although the theme comes with css by default, you could use https://github.com/sporkd/compass-h5bp instead of the files in /css to get started using the boilerplate in sass.

Work the HTML5 Boilerplate magic

Note: this step isn't necessary to publish a SilverStripe site but if you wish to use the template build script that comes with HTML5 Boilerplate then follow the below steps.

Once you have finished building your website and you wish to create the final version so you can publish and deploy the site

  • Update the /build/config/project.properties file in the 'Directory Structure' section to point to the correct theme files

dir.js = themes/hardyakka/js

dir.css = themes/hardyakka/css

dir.images = themes/hardyakka/images

  • if you want to create the publish folder outside of the main SilverStripe installation then add the following code to the properties file:

dir.publish = ../websitename-publish

  • Run the build script (cd into /build folder, run 'ant build' function) which creates the dir.publish folder
  • As a default SilverStripe installation already comes with a .htaccess file so merge .htaccess files together carefully
  • Transfer the dir.publish folder created by the build script to your server
  • Rename the folder to the origional project name so SilverStripe will work again
  • Run a dev/build?flush=1

If you have any issues with running the HTML5 Boilerplate build script then I'd advise watching the videos at the HTML5 Boilerplate website.

Links

Something went wrong with that request. Please try again.