write slides in markdown
JavaScript
Switch branches/tags
Nothing to show
Pull request Compare This branch is 69 commits behind munen:master.
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
jquery-syntax
README.md
presentation.html
presentation.pdf
showdown.js
slidy.css
slidy.js
style.css
twitter_bootstrap.css

README.md

p_slides

dead simple way to create semantic, nice to look at slides

  • forget about styling, only think about content
    • write markdown inline in html (uses showdown.js)
    • slides are automatically styled nicely (uses twitter bootstrap)
    • code samples are syntactically highlighted (uses jquery syntax)
    • generates nice slides in the browser (uses slidy.js)
      • use arrow keys to navigate
      • use the generated 'table of contents' for quick navigation
      • supports printing to pdf (see presentation.pdf)

usage

  • edit presentation.html to create your content
  • open presentation.html in your favourite browser (tested in chrome/safari)
  • if need be, print the document to pdf
  • slides will automatically get separated into pages
  • styling will keep intact

syntax highlighting

  • write your code in <pre> tags

  • or in plain markdown syntax (see below)

  • annotate the given language using a css class

      <pre class="syntax c">
      static int foo;
      void bar(void) {
          foo = 0;
          while (foo != 255) ; }
      </pre>
    
  • if you want to syntax highlight all your code in the same way then you can uncomment and customize the following line at the bottom of the presentation.html file:

      $('pre > code').parent().addClass("syntax cpp");