A Textile and syntax highlighting extension for S5 (then dubbed a S5.t) and slidy (slidy.t)
Switch branches/tags
Nothing to show
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.
js_tile @ 158a840


This is dot.t - a textile and syntax highlighting extension for S5 (http://meyerweb.com/eric/thoughts/category/tech/s5/) (then dubbed a S5.t) and slidy (http://www.w3.org/Talks/Tools/Slidy/) (slidy.t).

To make this work you need two more things:

* The Javascript Syntaxhighlighter: http://code.google.com/p/syntaxhighlighter/
* The fabulous js.tile textile implementation in Javascript: http://github.com/niko/js.tile/tree/master

The create a directory structure like this inside your presentation directory:

|----README                         (this file)
|----dot_t.js                       (in this repo)
|----js_tile/                       (from github.com/niko/js.tile/tree/master)
|----SyntaxHighlighterOverrides.css (in this repo)
|----syntaxhighlighter/             (from code.google.com/p/syntaxhighlighter)
|----your_presentation.html         (the html file with your presentation)
|--pix/                             (standard S5 pix directory)
|--ui/                              (standard S5 theme directory)
|----default/                       (standard S5 default theme)

If you have git (you should), the easiest way is:

# cd your_presentation
# git clone git://github.com/niko/dot.t.git
# cd cd dot.t/
# git submodule init
# git submodule update

After having done this, you can write your presentations like this:

<div class="presentation">
h1. Title Slide

* it's about this
* and that


h1. Another slide

def awesome
  return true (if self.class == S5DotT)

+ getting
+ incrementally
+ better


where div.presentation is the normal presentation div of your S5 or Slidy template.

Have fun!