Take five!

A semantically-consistent pure-CSS slide renderer

I want to see the demo

I want to read the manual

A quotation

Learn from yesterday, live for today, hope for tomorrow. The important thing is not to stop questioning. Albert Einstein

Slide 1 of 10

Into the woods

Slide 2 of 10

Yellow at the lake

Slide 3 of 10

Winter tree
This is the <footer> element.

Slide 4 of 10

Autumn

Slide 5 of 10

The old castle

Here goes the rest of the content…

Lorem ipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin sagittis libero et nulla ultricies, vitae interdum diam vestibulum. Sed ut convallis est, ac tristique turpis. Fusce ipsum est, fermentum in facilisis imperdiet, tincidunt ac justo. Nunc quis tortor sed nunc ornare ornare. Nullam accumsan ipsum risus, sed auctor enim varius eu. In ipsum sem, suscipit eget tortor nec, laoreet auctor metus. Integer quis erat nisl. In hac habitasse platea dictumst. Phasellus a finibus libero. Etiam lacus elit, tempor nec elit eu, bibendum dignissim magna.

(c) John Doe

Slide 6 of 10

Frozen source

(c) John Doe

Slide 7 of 10

Water drop

Slide 8 of 10

HTML5 video example – download

Slide 9 of 10

When We Left Earth – The NASA Missions — source: http://www.youtube.com/watch?v=KDOLHClNTOI

Slide 10 of 10

Erik Satie, Gymnopedies – La 1ere. Lent et douloureux.
Performed by Robin Alciatore. Courtesy of Musopen.

License

Take five! is released under the GNU Public License, version 3 or later (read). The code is available on GitHub.