Slate Toolkit

A boilerplate for creating themes in SlateCMS.

What's included?

• .rhtml files for native development within the CMS.
• .html files for those who prefer to work in flat HTML and convert to .rhtml (or whatever else) later.
• A Photoshop file with some basic typography, grid layout, WVU's global masthead and footer.
• A swatches file for Photoshop that contains the WVU brand colors.

How do I use it?

1. Download the zip.
2. Choose the files/workflow approach you'd like (either starting in .rhtml or .html).
3. Develop your site, upload to Slate (or wherever) like you always have, and prosper.

For instructions on how to use the Mobile First Skeleton Grid, please refer to its repository or the Skeleton homepage.

Features

• HTML5 Ready
• Fluid and mobile first using the Fluid Mobile First Skeleton Grid
• Compatible with all of the browsers that we support.
• Includes WVU's global stylesheet which has Normalize.css, basic print styles, WVU's global masthead, footer, and typography baked right in.
• Built with progressive enhancement in mind.
• Placeholder CSS Media Queries
• and so much more...

"I want to customize this boilerplate. What's the best way to do that?"

Enter into the world of forking with Git. At the top of this page is a "Fork" button. This will copy (or "fork") this repository to your account. From there, you can use Git & GitHub to customize this toolkit to your liking. If we make a change later that you like and want to add to your customized version, it's super easy. If you need help learning Git, check out Try Git.