Slidy for Presentations

R. Alexander Miłowski

School of Information, UC Berkeley

Steps to Slidy

  1. Copy the essential files (slidy.js, slidy.css, theme.css).
  2. Create a single HTML document that includes these resources.
  3. Add some number slides as div/@class="slide" to the document.

#1 The Essential Files


Look in examples/slidy and copy all you see to your directory.

You can find the iSchool logo here.

#2 The HTML Document

Save this as presentation.xhtml:

<html xmlns="">
      <title>Slidy for Presentations</title>
      <meta name="copyright" content="Copyright &#169; 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>
      <div class="background">   
         <header><img class="logo" src="ischool-logo.png"/></header>
            <p><a href="" target="new">School of Information, UC Berkeley</a></p>
      <div class="slide cover title">
            <h1>Slidy for Presentations</h1>
         <div class="author">
            <p><a href="" rel="name">R. Alexander Miłowski</a></p>
            <p><a href="" rel="email"></a></p>
            <p>School of Information, UC Berkeley</p>
      <div class="slide">  
         <h1>My First Slide</h1>

#3 Have at it!

Send me the HTML!

To present your pitch, just send me the HTML document and I'll merge! ...or use github.