_    _ _______ __  __ _            _ _     _           
 | |  | |__   __|  \/  | |          | (_)   | |          
 | |__| |  | |  | \  / | |       ___| |_  __| | ___  ___ 
 |  __  |  | |  | |\/| | |      / __| | |/ _` |/ _ \/ __|
 | |  | |  | |  | |  | | |____  \__ \ | | (_| |  __/\__ \
 |_|  |_|  |_|  |_|  |_|______| |___/_|_|\__,_|\___||___/
                                                         
                                                         

A template for simple HTML slides

Why?

I tend forget mark down syntax details, and often find myself using HTML anyway.

I'm sick of bloat and often just want a fast and easy slide environment.

That is, I wrote this for myself but you're welcome to use it if you like it.

HTML and CSS are pretty easy to use and give you

• Lists like this
• Very fine control of page layout, look and feel
• Minimal bloat (these slides are about 6k)
• A geeky retro vibe

Using this template:

Wrap each slide in a "slide" div element like so: <div class="slide"> Your slide here.... </div>

...and place your slides in-between the <!--BEGIN SLIDES--> and <!--END OF SLIDES--> markers in this document.

You can put your slides on a web site or display them in a local web browser using the Python simple HTTP server:
cd (to your slide directory) python -m SimpleHTTPServer Then point your browser to http://localhost:8000

• Use the left/right arrows or the little buttons to navigate.
• Use the 'p' key or print button to print the slides nicely,
  and the 'h' key to hide the buttons.

Tips

• Use <xmp>^* instead of <pre> to include verbatim content/code without needing to encode special characters.
• Include images the usual way as references to files like this: (<img src="public_domain.png"/>), or use the Data URI approach to embed images in a single HTML document:
  ^*Deprecated/obsolete but somehow still generally supported.
  Read the source code index.html file for details about these examples.