psukhedelos/silverstripe-pocketwatch-theme

A Simple, Responsive Silverstripe Theme

dev-master 2016-03-16 03:43 UTC

Requires

• psukhedelos/silverstripe-pocketwatch: *
• silverstripe/blog: ~2.2@dev
• silverstripe/cms: ~3.1
• silverstripe/framework: ~3.1
• silverstripe/userforms: dev-master
• undefinedoffset/sortablegridfield: dev-master

BSD-3-Clause

• Yar Htut
• Glen Peek

• theme
• bootstrap
• silverstripe
• recipe
• pocketwatch

README

You'll probably need to run the gem installs with sudo

###CSS/Sass/Compass###

We've chosen to use compass and sass to generate our CSS.

####Install Sass#### gem install sass

####Install Compass#### gem install compass

####Install Bootstrap-Sass#### gem install bootstrap-sass

####Install FontAwesome::Sass#### gem install font-awesome-sass

####Random Thoughts#### ####WorkFlow####

• compass watch
  • do this in pocketwatch theme directory ('/themes/pocketwatch')
  • modified .scss files will be updated in compiled when changed, so can see results immediately
• _variables.scss is where a lot of easy customisation can happen (change colours, etc.)

Page Types

Gallery

Gallery Holder

Gallery Album

Gallery Item

Gallery Slice

See HomePage Slices

Contact

Contact Forms need to be very specifically set up. To create our user form, we used the silverstripe/userforms module.
Create three fields

- `Textfield` Name
- `Emailfield` Email
- `Textfield` Message

Blog

Blog Post

Blog Slice

HomePage

Slices

Hero Slice

Gallery Slice