div/@class="slide"
to the document.Clone: https://github.com/alexmilowski/iolab.git
Look in examples/slidy
and copy all you see to your directory.
You can find the iSchool logo here.
Save this as presentation.xhtml
:
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Slidy for Presentations</title> <meta name="copyright" content="Copyright © 2014 Jane Q. Smith"/> <meta name="holder" content="Jane Q. Smith"/> <meta name="creator" content="Jane Q. Smith"/> <meta name="pubdate" content="2014-09-01"/> <link rel="stylesheet" type="text/css" href="slidy/slidy.css"/> <link rel="stylesheet" type="text/css" href="slidy/theme.css" /> <script type="text/javascript" src="slidy/slidy.js"/> <script type="text/javascript">w3c_slidy.mouse_click_enabled = false;</script> </head> <body> <div class="background"> <header><img class="logo" src="ischool-logo.png"/></header> <footer> <p><a href="http://ischoool.berkeley.edu/" target="new">School of Information, UC Berkeley</a></p> </footer> </div> <div class="slide cover title"> <hgroup> <h1>Slidy for Presentations</h1> </hgroup> <div class="author"> <p><a href="http://www.milowski.com/" rel="name">R. Alexander Miłowski</a></p> <p><a href="mailto:milowski@ischool.berkeley.edu" rel="email">milowski@ischool.berkeley.edu</a></p> <p>School of Information, UC Berkeley</p> </div> </div> <div class="slide"> <h1>My First Slide</h1> ... </div> </body> </html>
class="slide"
attribute.class="incremental"
for incremental display.class="two-column"
:
<div class="slide"> <h1>Two Columns</h1> <div class="two-column"> <img src="fluffy-the-cat.png"/> <div> <p>Fluffy is my cat.</p> <p>He eats mice.</p> </div> </div> </div>
To present your pitch, just send me the HTML document and I'll merge! ...or use github.