This is a customized version of reveal.js for create a ThoughtWorks
style presentation much more easier, it contains:
- Guardfile to watch changes
- config.rb used for compass
- A very simple Reveal.js template
git clone
and then open the index.html in your browser, that's it. Actually you can go one step further and try to edit your slide lively(see the section below).
$ git clone git@github.com:abruzzi/reveal-tw-boilerplate.git
$ cd presentation
$ open index.html
To use it, simply clone this repo and :
$ bundle install
After the required gem
s are installed, you can then run
$ guard start
And if you dont have the amazing chrome plugin installed, you should.
Once it's installed, open the page in browser, and click the live reload
button to enabled. You should then see something like this if you have guard
started:
[1] guard(main)> 23:58:49 - INFO - Browser connected.
And after this, you can edit the index.html
for add new slides, and css/theme/source/thoughtworks.scss
for new styles.
There are a lot of predefined
style, here is the list:
bg-pink
for pink background color,pink
for pink text color- Some other colors like
lightgray
,darkgray
,blue
andgreen
are available as well following the convention above left
fortext-align: left
andright
fortext-align: right
title
for the main title, andsubtitle
for subtitle
You can use the combination like this:
<section class="bg-lightgray darkgray">
<h2 class="pink">ThoughtWorks in a nutshell</h2>
<p class="emphasize">We are passionate technologists. We provide software delivery, pioneering tools and consulting for organizations with ambitious missions.</p>
</section>