Free Download A small donation of $10 USD or more is required if you want to switch-off or hide the designer credits in Clean Slate.

Theme details

Theme name: Clean Slate
Theme designer: Will Woodgate
Current version: 1.0
Last updated: 19th March 2019
First released: 19th March 2019
Compatibility: RapidWeaver 8 Only
GDPR / DSGVO / CCPA compliant: Yes
Responsive: Yes
Doctype: Valid HTML5
Font Awesome version: Not included
Bootstrap version: Not included
Usage agreement: Click for details
Example website: View online
Download example website: Click here

Support links

Knowledge Base
1-to-1 Technical Support
RapidWeaver Community Forums

Free resources

Bootstrap code snippets
ExtraContent stacks & snippets
Complimentary Stacks
More Stacks

Share this page

Introduction

How small is small? Clean Slate is an ultra-lightweight theme design for RapidWeaver 8 and above. This 'concept' theme is built purely with CSS, HTML and JavaScript. Not a single line of jQuery, no embedded fonts, no Bootstrap, no Font Awesome and not even any graphics! The end result is a clean theme design that weighs-in at a fraction over 10 KB. This means that completed webpages will load in the blink of an eyelid!

Clean Slate embraces modern web design technologies; such as CSS Flexbox and ES6 JavaScript - powerful tools that are actively reshaping the way we build for the future web. This theme is also valid HTML5.

Not only is Clean Slate an extremely interesting 'proof of concept' theme design, but it carries many practical uses too. Clean Slate would be perfect to use for a simple business website, an educational knowledgebase, a video gallery or a photography portfolio. It installs and functions just-like any other conventional theme for RapidWeaver.

I would just like to say that I was tasked with rebuilding a website for a Christian Missionary in rural Tanzania. Their internet is barely quicker than dialup. Plugins like foundations were just impossible to use. I asked if anything can be done to speed it up, and no person had any ideas. I tested with the Clean Slate template -- my page loading went from 15 minutes to 15 secs!! This has been a game changer for me. Will was very accommodating in adding some specific features for me and helping answer some newb questions I had. Grateful that I can continue building in RapidWeaver and not be forced into switching to another software.
-Marcus Coates


An array of simple style settings are built into Clean Slate, so you are able to modify all the basics and make it look different to the default styling. Clean Slate gets its name from the fact it's a very clean theme design and uses 'dark grey slate' as its default colour.

Navigation

Parent page links are displayed at the top of the page. Subpages are listed as an unordered list within the sidebar. An end user is able to navigate using the tab key on their keyboard; making Clean Slate a very accessible theme design.

Sidebar

Sidebars can still prove to be a useful space to place content of less importance. Clean slate lets you place the sidebar above or below the main content container on mobile devices. On desktop devices, the sidebar can be floated either left or right in any width. If not sidebar is required, simply set it to 'none' in the theme style settings.

Reintroducing libraries you need

It is possible to reintroduce libraries you need, if you need to add particular functionality back into the theme. For example, if you want to setup social networking icons, you will likely be needing the Font Awesome icon library. Or Bootstrap snippets / stacks would need the Bootstrap library. Many of the libraries you might want to use typically give you 'quick use' code snippets. These can be entered into the Custom Header, within the RapidWeaver Page Inspector. Alternatively you can download the libraries, add them as resources in RapidWeaver, and link to them locally.

Custom CSS

Clean Slate is extensively customisable with custom CSS code. If using RapidWeaver page types like galleries, file sharing or the blog, you may need to add some CSS of your own to style these.

Text labels

Clean Slate includes a couple of text labels on different elements. These are easy to translate into different languages using the following CSS code:

/* Mobile menu label */
#mobilemenu_togglelabel::before {
content: 'Menu ';
}

/* Last updated label (footer) */
#updated_label:before {
content: 'Last updated:'
}

/* Breadcrumb label (footer) */
#breadcrumb_label:before {
content: 'Now viewing'
}


ExtraContent

How can a theme that does not include jQuery still be able to support ExtraContent? The simple answer is that this theme uses a re-written version of ExtraContent, which uses ES6 JavaScript. So ExtraContent in this theme functions identically to ExtraContent in any other theme.

If you are new to the idea of ExtraContent; it is simply method of letting you break outside of the normal page confines and place content in different parts of the page. ExtraContent works great with techniques such as Partials in Stacks. You can see where the ExtraContent containers are located in this theme, by using the Preview ExtraContent Containers option, at the bottom of the theme style settings. Use the normal ExtraContent stacks or code snippets to target these areas of the page with your content.

A small reminder...

Clean Slate is generously provided to you as a free RapidWeaver theme. You are welcome to download Clean Slate and use it for any personal or commercial projects. All that is politely asked is that any credits remain intact. If you want the credits removed or want to show your appreciation for this theme, a small monetary contribution of $10 USD or more is appreciated.