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

-

-

By default
- Org-Mode headings below level 3
  - Become bullets
  - Meaning they cannot be slides
  -
-
This is configurable
- See Export Options in the Org-Mode manual
-

+

+

Or Low-Level Headings slide

+

+

By default
- Org-Mode headings below level 3
  - Become bullets
  - Meaning they cannot be slides
This is configurable
- See Export Options in the Org-Mode manual

-

-

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.

-

+

+

@@ -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

Org-Mode Tag as CSS Class slide blue_background

Org-Mode Tag as CSS Class slide blue_background

This slide has the :blue_background: tag
- Which is a class defined in projection.css -
-
Which is a class defined in projection.css

Make up your own tags

Add them to the CSS file -

Add them to the CSS file

Placing Stylesheets/JavaScript slide

Placing Stylesheets/JavaScript slide

Include the stylesheets and JavaScript at the bottom of your Org-Mode file.

@@ -400,20 +249,17 @@ They must go at the bottom because the Google Closure Library does not support a

Warning About Hidden Headlines slide

Warning About Hidden Headlines slide

Stylesheets and JavaScript will not be loaded if the last headline in your Org-Mode file is hidden by any of:

COMMENT at the start of the heading -
#+COMMENT at the start of the line -
:noexport: tag, or missing :export: tag -
COMMENT at the start of the heading
#+COMMENT at the start of the line
:noexport: tag, or missing :export: tag

@@ -421,9 +267,10 @@ See Comment lines and

The End slide

The End slide

Sometimes it's safest to add an "empty" heading at the end of your document to make sure the stylesheets and JavaScript are included.

@@ -435,7 +282,7 @@ Sometimes it's safest to add an "empty" heading at the end of your document to m

Author: Stuart Sierra

Emacs 24.3.1 (Org mode N/A)

+

Created: 2017-03-03 Fri 12:27