_ _ _______ __ __ _ _ _ _
| | | |__ __| \/ | | | (_) | |
| |__| | | | | \ / | | ___| |_ __| | ___ ___
| __ | | | | |\/| | | / __| | |/ _` |/ _ \/ __|
| | | | | | | | | | |____ \__ \ | | (_| | __/\__ \
|_| |_| |_| |_| |_|______| |___/_|_|\__,_|\___||___/
A template for simple HTML slides
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:
Your slide here....
markers in this document.
...and place your slides in-between the
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.
- 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.