diff --git a/example.html b/example.html index 2dd0b5e..49ba097 100755 --- a/example.html +++ b/example.html @@ -3,199 +3,73 @@ "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> + + + Example Presentation - - - - + + -

Example Presentation

Type T to begin the slide show.

-
-

Org-HTML-Slideshow   slide

-
+
+

Org-HTML-Slideshow   slide

+

Make slides from Emacs Org-Mode!

-
-

Making Slides   slide

-
+
+

Making Slides   slide

+

Org-Mode headlines with the :slide: tag will become slides.

-
-

Headlines Don't Have to be Slides

-
+ +
+

Headlines Don't Have to be Slides

+

This section doesn't have a :slide: tag, so it will not become a slide, although it is still part of the exported HTML document.

-
-

Use Lists For Bullets   slide

-
+ +
+

Use Lists For Bullets   slide

+
    -
  • Use Org-Mode lists for bullet points -
    • +
  • Use Org-Mode lists for bullet points
  • You can make nested bullet lists
      -
    • With sub-lists -
      • -
    • Like this -
      • -
    -
    • +
  • With sub-lists
    • +
  • Like this
    • +
-
-

Or Low-Level Headings   slide

-
-
+
+

Or Low-Level Headings   slide

+
+
-
-

Slides Can Be Nested   slide

-
+ +
+

Slides Can Be Nested   slide

+

You can use the structure of the Org-Mode document to group your slides.

@@ -205,9 +79,9 @@ For example, this slide is a level-2 Org-Mode heading.

-
-

Slide Headings Can Be Nested   slide

-
+
+

Slide Headings Can Be Nested   slide

+

This slide is a level-3 Org-Mode heading, inside the previous one.

@@ -215,140 +89,119 @@ This slide is a level-3 Org-Mode heading, inside the previous one.
-
-

Presenter Notes   slide

-
+ +
+

Presenter Notes   slide

+
    -
  • Slides can have presenter notes -
    • -
  • Add a sub-heading with the :notes: tag -
    • +
  • Slides can have presenter notes
    • +
  • Add a sub-heading with the :notes: tag
-
-

A Slide with Notes   slide

-
+
+

A Slide with Notes   slide

+
    -
  • This slide has notes -
    • -
  • Notes are only visible to presenter -
    • +
  • This slide has notes
    • +
  • Notes are only visible to presenter
-
-

Notes   notes

-
+
+

Notes   notes

+
    -
  • Presenter notes for this slide -
    • -
  • Not displayed as part of the slide -
    • -
  • Displayed in Presenter Preview window -
    • -
  • Only one :notes: section per slide allowed -
    • +
  • Presenter notes for this slide
    • +
  • Not displayed as part of the slide
    • +
  • Displayed in Presenter Preview window
    • +
  • Only one :notes: section per slide allowed
-
-

Source Code   slide

-
+ +
+

Source Code   slide

+

Use begin_src/end_src blocks to include source code.

- -
(defn example []
-  (println "This is sample source code."))
+
(defn example []
+  (println "This is sample source code."))
-
-

Syntax Highlighting   slide

-
+
+

Syntax Highlighting   slide

+
    -
  • Org-Mode HTML export uses htmlize.el -
    • +
  • Org-Mode HTML export uses htmlize.el
  • Code in exported HTML will match your current Emacs theme
      -
    • Choose a theme that looks good on a projector! -
      • -
    -
    • +
  • Choose a theme that looks good on a projector!
    • +
-
-

Syntax Highlighting with CSS Classes   slide

-
+ +
+

Syntax Highlighting with CSS Classes   slide

+
  • Set the Emacs variable
      -
    • org-export-htmlize-output-type -
      • -
    • to the symbol css -
      • -
    • (Does not work as a buffer-local variable) -
      • -
    -
    • +
  • org-export-htmlize-output-type
    • +
  • to the symbol css
    • +
  • (Does not work as a buffer-local variable)
    • +
  • Htmlize.el will add SPAN tags with CSS classes
      -
    • Named for each font face, e.g. org-comment -
      • -
    -
    • -
  • Examine HTML output to see class names -
    • -
  • Add CSS styles to set colors -
    • +
  • Named for each font face, e.g. org-comment
    • + +
  • Examine HTML output to see class names
    • +
  • Add CSS styles to set colors
    • -
    -

    Images   slide

    -
    + +
    +

    Images   slide

    +
    • Slides can contain images
        -
      • Any file type a browser can display -
        • -
      -
      • +
    • Any file type a browser can display
      • +
  • See also these Emacs variables:
      -
    • org-export-html-inline-images -
      • +
    • org-export-html-inline-images
    • org-export-html-inline-image-extensions
        -
      • Controls which file types get exported -
        • -
      -
      • -
    -
    • -
  • See Images in HTML Export in the Org-Mode manual. -
    • +
  • Controls which file types get exported
    • + + +
  • See Images in HTML Export in the Org-Mode manual.
    • -
    -

    Slide with Image   slide

    -
    +
    +

    Slide with Image   slide

    +

    Make a file: link with the path to the image and no link text.

    -

    example-image.svg

    +

    +Sorry, your browser does not support SVG. +

    @@ -357,40 +210,36 @@ This example image is public-domain -

    Styling   slide

    -
    + +
    +

    Styling   slide

    +
      -
    • Use CSS styles to control appearance of slides -
      • -
    • Extra tags on a slide become extra CSS classes on its HTML -
      • +
    • Use CSS styles to control appearance of slides
      • +
    • Extra tags on a slide become extra CSS classes on its HTML
    -