wal.sh
home > research > org-mode-presentations · Jan 01, 2016

Customizing and Setting Up HTML Presentations Using org-export

setupcustomize-groupgit submodulehtml container classorg-html-presentationreveal.jsdeck.jsjavascriptcssexportpresentationorg mode

Customizing and Setting Up HTML Presentations Using org-export

Table of Contents

1. Setup

  • customize-group org-export
  • Run git submodule init & git git submodule update

In the document on any slide:

  • C-c C-x p HTML_CONTAINER_CLASS RET slide

2. Options

2.1. org-html-presentation (new javascript)

Tailor the JavaScript and CSS to the output.

2.2. reveal.js (modify html exporter)

Requires boilerplate for the base selectors. Some rewrite necessary with the following: 

  #+HTML_CONTAINER: section
  #+HTML_HEAD_EXTRA: <link rel="stylesheet" href="reveal.js/css/reveal.min.css">
  #+HTML_HEAD_EXTRA: <link rel="stylesheet" href="reveal.js/css/theme/default.css" id="theme">
  #+HTML_HEAD_EXTRA: <link rel="stylesheet" href="reveal.js/lib/css/zenburn.css">
  
  #+BEGIN_HTML
  
    </div><!-- .slides -->
  </div><!-- .reveal -->
  
  <script src="reveal.js/lib/js/head.min.js"></script>
  <script src="reveal.js/js/reveal.min.js"></script>
  
  <script>
  Reveal.initialize({});
  </script>
  #+END_HTML