Customizing and Setting Up HTML Presentations Using org-export
Table of Contents
Setup
- customize-group org-export
- Run git submodule init & git git submodule update
In the document on any slide:
- C-c C-x p HTMLCONTAINERCLASS RET slide
Options
org-html-presentation (new javascript)
Tailor the JavaScript and CSS to the output.
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