Dusk is Waterfall enabled

Theme details

Theme name: Dusk
Theme designer: Will Woodgate
Current version: 2.1
Last updated: 23rd March 2016
First released: 21st October 2014
Compatibility: RapidWeaver 6, 7 & 8
GDPR / DSGVO compliant: Not yet
Responsive: Yes
Doctype: Valid HTML5
Font Awesome version: 4.5.0
Bootstrap version: 4.0.0
Usage agreement: Click for details
Example website: View online
Download example website: Click here

Support links

10 Minute Quickstart Guide
ThemeFlood Knowledgebase
1-to-1 Technical Support
RapidWeaver Classroom
RapidWeaver Community Forums

Free resources

Bootstrap code snippets
ExtraContent stack & snippet pack
FreeStyle banner stack

Share this page

Introduction

A highly distinctive and contemporary-styled RapidWeaver theme which is perfectly well suited for use in a variety of different websites. This is a fully responsive, mobile-first RapidWeaver theme; providing exceptional performance and compatibility with a wide range of different web browsers and devices. The bold banner container, user-friendly drop-down menu system and stylish embedded web fonts give completed websites published with Dusk a professional appearance. Dusk provides a very wide choice of theme style and colour settings; granting you the ability to make a number of changes to how this theme looks and behaves. Ten horizontal blocks are built into this theme, granting you the ability to setup text blocks, columns, images or video that span the full width of the page.

A brilliant banner

The banner is undoubtedly the first thing you see when viewing pages published with Dusk. Like other previous ThemeFlood themes, the banner in Dusk is a FreeStyle banner; basically meaning it's a blank placeholder to do almost whatever you want with! Dropping a static JPG image in ExtraContent Container 2 will render the image across the full width of the banner. Likewise you can also use the popular FreeStyle technique or the FreeStyle stack element to easily get static images, slideshows and even video into the banner container.

The height of the banner can be adjusted using a range of proportionate height settings in the theme. You can control whether the banner container is fixed at the top of the page or scrolls with the rest of the page. If no banner is set, a coloured CSS3 gradient will be rendered instead. And you can control both the colour and direction of this gradient too. 18 example banner images are included with the theme.

Easy navigation

On smaller screens less-than 976px wide, the page navigation links are displayed in the format of a simple toggle navigation menu. This makes things far easier for your visitors on smaller tablets and mobile devices to quickly navigate to all levels of your website in just a few touches and swipes. The colour scheme of this toggle navigation menu is fully customisable.

For screens greater than 976px wide, visitors to your website will see an attractive drop-down menu with subtle CSS animation effects. You'll notice from our Dusk demo site that support has been added for sub-text. These are short labels displayed under the link titles to give valuable descriptions about what's on each page. To display this sub-text, enter the following markup after each of your page link title in RapidWeaver:

<span>Subtext goes here!</span>

Another little trick you can do with navigation in this theme is to display a chevron icon after page links that have subpages. To do this, enter the following markup after each page link title in RapidWeaver:

<i class='fa fa-caret-down'></i>

Download the demo project file using the link in the sidebar, if you want to see how these two little techniques are achieved using the Dusk theme.

Pages with subpages will display a simple animated drop-down menu on rollover. Again like with the toggle menu, you can adjust the colour scheme of this menu. Together with a drop-down menu (enabled by default) you can also switch to a split or sidebar block navigation layout too.

Horizontal blocks

A common request of users of some other ThemeFlood themes is the ability to have blocks of content that can span the full-width of the page. Dusk has 10 of these optional 'horizontal blocks', and they can be turned on in the theme settings when required. Each of these ten blocks contains a single ExtraContent container (referenced in the theme settings); so you can easily get content like text, columns, images, slideshows, video and whatever else swiftly embedded with ease. You can use as few or as many of these content areas as you want. The width of content placed inside each area can be changed in the theme style settings, together with colour schemes.

Make it look like your own

Excluding the optional horizontal block settings discussed above, Dusk has over 27 groups of theme style and colour settings. These settings help you to design and deploy quality websites that look unlike anything else and overcome the common complaint that many RapidWeaver themes "all look the same" or "offer limited ability to customise". Using a theme like Dusk, you can change many aspects of colouring, sizing, font styling, and page layout to suit your requirements; while avoiding starting with a completely blank and uninspiring theme framework.

Loaded with extras

Dusk includes the complete Twitter Bootstrap Toolkit; by far the most complete and popular web development framework in existence. You'll also find that Dusk incorporates Font Awesome Icons; giving you instant access to 479 quality, retina-display compatible icons for use anywhere in your project. A fully responsive lightbox is built into Dusk and supports the opening of images, video and other content at fullscreen; plus gallery support. If you host your website images remotely (using the image warehouse technique) the built-in support for retina-display images in Dusk could be of significantly benefit to you. Likewise if you're embedding YouTube or Vimeo content into your pages, these will automatically get scaled to fit responsively into your pages. Dusk proves you can easily do a lot with one theme; without needing to invest heavily in lots of additional RapidWeaver addons. The theme support site explains more.

Sidebar

By default, the sidebar container is hidden in Dusk. However if required, you can turn it on in the theme style settings. Options exist to customise whether the sidebar is floated left or right of your content. The sidebar can be setup in a variety of flexible (percentage) widths. The colour scheme of the sidebar text and links can be customised too.

Other details

Dusk uses valid HTML5 markup; for the best possible performance on modern web browsers and excellent compatibility with a wide range of different RapidWeaver addons. This theme has been tested and confirmed to work reliably in IE9, IE10, IE11, and the latest versions of Chrome, Firefox, Safari, Yandex, Maxthon and Opera web browsers.

Work has been done in the theme to optimise page loading and reduce the overall bandwidth of pages. Internal theme components like stylesheets, Javascript and images have been optimised for the smallest possible file sizes. We call files like Javascript at the end of pages, so that your content loads first. This gives pages a fast and 'snappy' feel to them. jQuery Javascript code within the theme runs inside its own namespace and closure, to greatly reduce the risk of conflicts with other scripts or addons you later add to pages.

Website accessibility is a vitally important factor when publishing content online. Dusk makes use of ARIA landmark page roles, to help guide screen readers and other assistive devices. Simple site navigation structures ensure that users can easily find their way quickly around sites build using Dusk. Optimisations have also been made for the benefit of search engines indexing website published using Dusk. Print styles are built-in throughout Dusk, providing excellent print and PDF output.

More

The free demo version of Dusk can be downloaded using this link. There is no time limit imposed on the demo version, but page navigation links are disabled in the demo version. Watermarks may appear periodically in parts of the page (like the banner or footer). Please see this knowledgebase article for more information about the free demo versions provided. Purchasing Dusk provides you with a licensed copy of Dusk; without any demo restrictions applied.

Clicking this link will take you to a sample website published using Dusk. This may give you a better insight into how this theme looks and behaves. If you're interested to see how the demo website was built, the same project file can be downloaded here and opened in RapidWeaver. Feel free to use this file as the basis for a new website.

If you have any other questions about Dusk, please don't hesitate to get touch.

* This price shown for Dusk includes any applicable VAT or sales tax payable. We attempt to display the price in your local currency. As of 1st January 2015, all EU customers are legally required to pay VAT on all digital downloads or electronic services, and receive a full VAT invoice with each purchase. We fully comply with this legislation. You may claim-back any tax paid (if you are VAT registered or a charity / non-profit organisation exempt from paying VAT).
Thanks! Please check the following:
System requirements
License agreement
Refund policy
Purchase process
Pricing
Paddle
Customer support

System requirements
This theme requires RapidWeaver. It will not work with other platforms (like Wordpress).

We recommend you aim towards installing the latest version of RapidWeaver that your computer is capable of running (preferably RapidWeaver 7 or greater).

If you cannot get the free demo version of this theme to work, DO NOT proceed with purchasing this theme - please request technical assistance first.

License agreement

You may use this purchased theme an unlimited number of times in personal or commercial projects, request technical support and receive free updates in future.

This theme can be installed or synced onto all computers that you own. You are permitted to make archival backup copies of the theme.

You may not resell or make this theme available for download, remove copyright credits or license information.

The software is provided "as is" without any implied or expressed warranty of merchantability or fitness for purpose. In no event shall the authors or copyright holders be liable for any claim, damages or other liability, whether in an action of contract, tort or otherwise arising from, out of or in connection with the software or the use or other dealings in the software.

Refund policy
By purchasing this theme, you agree that your purchase will be available immediately via digital download and that you waive your statutory right of withdrawal.

All purchases are final and refunds will not be provided (we physically cannot un-download or remove themes from your computer).

You are reminded to make use of the free demo versions already provided on the website, to fully evaluate themes for compatibility and suitability before purchase.

If the free demo version does not work for you, kindly refrain from buying the theme.

Purchase process
The checkout system is provided by Paddle. An attempt is made to display prices in your local currency.

To complete your order, you must supply a valid email address. Your purchase receipt and download link will be sent to this address. If you do not receive your purchase shortly after completing it, please carefully check your spam or junk mail folders.

Your purchases are available to re-download at anytime, via this order lookup page.

Pricing
Prices shown on the website exclude any applicable VAT. The final price payable is shown at the checkout. You will be sent a full receipt by email. Charitable and bulk discounts may be available on request. Please get in touch if you have any queries about our pricing.

Paddle
Our order process is conducted by our online reseller Paddle.com. Paddle.com is the Merchant of Record for all our orders. Paddle provides all customer service inquiries relating to order processing. Paddle also provides an order lookup system, commonly referred to as your Paddle Account.

Customer support
If you have questions that relate specifically to this theme, you should make contact via the contact page. We aim to answer all messages within 12 hours, Monday to Friday.

If you require a faster response at weekends or during public holidays, please post your question(s) to the RapidWeaver forums, where a support volunteer may be able to assist you quicker.
Expand