This folder contains a custom Sass theme for reveal.js called flatiron.scss. It is currently installed in this repo. Installation instructions for other projects can be found below.
To install the Flatiron theme you will need to remove any existing custom themes (identifiable by id="theme") and add the line below in index.html:
<link rel="stylesheet" href="css/theme/flatiron.css" id="theme">
Copy flatiron.css into css/theme and reload your browser.
If you are running reveal.js from a local Node server, add flatiron.scss to css/theme/source. The theme will be automatically compiled by Grunt from Sass to CSS (see the Gruntfile) when you run npm start. You can force a rebuild of the Sass by running npm run build -- css-themes.
This theme will add Flatiron colors and logo to your presentation. It also comes with a few utility classes.
You can add additional space by inserting the HTML below into the markdown. The spacer is 20px high.
<div class="spacer"></div>
Center is the default text alignment. You can alter this by adding HTML classes and element tags into the markdown.
<p class="align-left">This is a left aligned paragraph.</p>
<p class="align-right">This is a right aligned paragraph.</p>
To vertically align all slides to the top of the page, add class=”align-top” to the <section> element in slides.html. Remove this property to revert to the default vertical centering.