ExposureA beautiful theme to expose your personal brand to future clients or employees. Exposure is expertly designed and developed for anybody wanting to create an online resume for themselves or others. A flat design, crisp typography and mobile responsiveness make this theme perfect for the task.
Building and hosting your own resume website is not only a lot more fun, but is also more professional; compared with putting-up pages on Facebook, LinkedIn or Google+ etc. You have the choice of using your own domain name. Everybody should have an online resume to list past achievements and outline future goals. A great way to advertise oneself.
Exposure is not only limited to creating a really compelling resume website. Exposure could be great to use for a simple photography portfolio, a film making showcase or creative writing website. Or as a temporary 'coming soon' landing page. A couple of people have also found it useful for a single-page wedding website.
NavigationBy default, Exposure generates a table of contents (TOC) from all the headings in your main content container. When clicked, the navigation tabs smooth-scroll to that particular point in the page. It is possible to disable the TOC very easily in the theme settings and display a single level of your RapidWeaver-generated page navigation links instead. Any links to sub-pages would need to be created manually.
Alternatively you can disable the navigation links completely and custom-code your own navigation inside ExtraContent 1 like this:
In essence, this is an unordered list with each list item containing a link tag. You should be able to see where to change the page addresses and the link text. Place your markup within an ExtraContent stack or code snippet.
<li><a href="https://example.com">Link One</a></li>
<li><a href="https://example.com">Link Two</a></li>
<li><a href="https://example.com">Link Three</a></li>
<li><a href="https://example.com">Link Four</a></li>
This is a good option if you want to combine the theme with RWML for generating a multilingual website with a translatable set of navigation links.
HeaderThe header in Exposure is set to occupy 100% of the screen height, on wider displays. To ensure end users realise that the page can be scrolled down, a 'downward' pointing arrow is displayed. Clicking this arrow scrolls the user down to the next section of the webpage.
Exposure uses some clever CSS Flexbox trickery to split the header into two columns, with content vertically aligned to the middle. Your site title and slogan are displayed on the left and a banner image is displayed on the right. Any image you place into the RapidWeaver Banner box, a FreeStyle container or ExtraContent 6 will be displayed as a banner image.
On narrower screens, the two columns become a single column.
Presenting your page contentThe demo site uses a single Stacks page type. But equally so, you could use a regular Styled Text page type, if you do not require functionality like a lightbox. The generated markup for the page is clean, error free and optimised for search engines.
When you download the sample project file, you will see that we make use of simple HTML heading tags, unordered lists and blockquotes for the bulk of the page. The little 'print' button at the bottom of the page is created with this code:
<div class="center noprint">
<a href="#" onClick='window.print();' class="btn btn-ghost">
<i class="fas fa-print"></i> Print This Page
Pro Tip: If using HTML markup in Styled Text, highlight your markup and select Ignore Formatting from the RapidWeaver Format menu. Then the whitespace and carriage returns will be ignored.
Our demo of Exposure also shows a photograph that can be clicked and expanded to a larger size within a lightbox effect. Again you do not need to buy extra stacks to achieve this same effect because Exposure - like many of our other themes - can use the free stacks we provide here. To configure the lightbox, we are using the TopBox Enabler stack, added to the webpage. We added a large version of the image we want displayed in the lightbox, as a RapidWeaver Resource. A smaller image was added to the webpage and set as a link like this:
You can see here how we set the link to our large image (a resource) and give the link a custom
classattribute with a value of
After you save the changes and preview the page, you should find your image is now 'lightboxed'. Clicking on the small image reveals the larger image inside our TopBox lightbox. Optionally you could also add a caption or next / previous navigation controls for a more comprehensive image gallery.
Bottom contentExposure does not have a conventional sidebar container floated to the left or right of your main content container. Instead the sidebar is a full-width block, placed towards the bottom of the page. It can support many different content types added through the RapidWeaver Page Inspector. Options also exist to split the sidebar into multiple columns. In our example for Exposure, we split the sidebar into 3 columns and made use of some
<section>tags to define the blocks of content to display. The sample code we used can be copied from the project file and used as a basis to structure your own bottom content. The use of
<section>was done to avoid unequal-height columns reflowing mid-paragraph.
Responsive column stacks placed inside ExtraContent 8 or ExtraContent 9 will work just as well, if you want to avoid the use of any HTML markup in your sidebar area.
Includes RWFontKitOur RWFontKit plugin is built-into Exposure. This gives you instant access to over 120 web safe and embedded font faces in both standard and Latin extended character sets. Embedded fonts can add a professional touch to any written content. All embedded fonts on offer to you are stored within the theme itself - so you are not at the mercy of relying on third-party font providers and the subsequent privacy issues that may incur.
MoreThe free trial version of Exposure 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 in parts of the page (like the banner or footer). Purchasing Exposure provides you with a licensed copy of Exposure; without any demo restrictions applied.
Clicking this link will take you to a sample website published using Exposure. 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 Exposure, please don't hesitate to get touch.