Slides with Org-Mode and JavaScript

Table of Contents

Welcome to Org-mode and Slides

Overview

Create the Org-mode file

Structure for slides

 * Overview

   + Create the Org-mode file

 * Overview

   + Create the Org-mode file
   + Export the Org-mode file to XHTML

Export the Org-mode file to XHTML

view:slide

#+INFOJS_OPT: toc:nil ltoc:nil view:slide mouse:underline


* COMMENT html style specifications
# Local Variables:
# org-export-html-style: "<link rel=\"stylesheet\" \
#                type=\"text/css\" href=\"slides.css\" />"
# End:

Create a stylesheet for slides

CSS - body

Choose a big font!

body
{
  width:100%;
  padding:0px 0px 0px 0px;
  margin:0px 0px 0px 0px;
  background-image:url(img/bg.gif);
  background-attachment:fixed;
  background-repeat:repeat-x;
  /* ... etc. */
}

CSS - headlines

Set all headlines to the same size:

h1,h2,h3,h4,h5,h6
{
  font-size: 18pt;
  font-weight:bold;
  color:#104d8c;
  /* ... etc. */
}

CSS - org-info-js

Position the org-info.js window.

#org-info-js-window
{
  position:absolute;
  top:140px;
  left:20%;
}

TODOS

DONE

That's all folks.

Author: Sebastian Rose <sebastian_rose@gmx.de>

Date: 2008-09-06 15:58:41 CEST

HTML generated by org-mode 6.06b in emacs 23