From: Pierre de Buyl <pdebuyl@ulb.ac.be>
To: emacs-orgmode@gnu.org
Subject: Re: [Orgmode] S5 export
Date: Wed, 1 Jun 2011 14:21:01 -0400 [thread overview]
Message-ID: <F40111FC-984B-4561-A31C-450AEC2403D0@ulb.ac.be> (raw)
In-Reply-To: <4F2BA09B-8330-4A94-923D-3E9A98F2F32B@ulb.ac.be>
[-- Attachment #1: Type: text/plain, Size: 1005 bytes --]
Hello,
After a lot a reading of org-exp.el and org-html.el I finally figured
out the
existence of the "HTML_CONTAINER_CLASS" property.
I could then figure a minimal way to make a s5 presentation.
Minimal in the sens of minimum difference with the html exporter.
After setting a few STYLE and OPTIONS lines in an org file,
three steps are needed:
1. Set the HTML_CONTAINER_CLASS to "slide" on level 1 headings
2. Set org-export-html-toplevel-hlevel to "1", so that slide titles
behave properly
3. Replace in the html output
<div id="content">
by
<div class="layout">
<div id="controls"><!-- DO NOT EDIT --></div>
<div id="currentSlide"><!-- DO NOT EDIT --></div>
<div id="header"></div>
<div id="footer">
<h1>Interactive Python plotting</h1>
</div>
</div>
<div class="presentation">
You need the "ui" directory from the S5 archive to make it work
indeed, http://meyerweb.com/eric/tools/s5/ .
I attach an example org file and the resulting html (which was
tweaked according to step 3).
Pierre
[-- Attachment #2: test2.html --]
[-- Type: text/html, Size: 4929 bytes --]
[-- Attachment #3: test2.org --]
[-- Type: application/octet-stream, Size: 1301 bytes --]
#+STYLE: <!-- configuration parameters -->
#+STYLE: <meta name="defaultView" content="slideshow" />
#+STYLE: <meta name="controlVis" content="hidden" />
#+STYLE: <!-- style sheet links -->
#+STYLE: <link rel="stylesheet" href="ui/default/slides.css" type="text/css" media="projection" id="slideProj" />
#+STYLE: <link rel="stylesheet" href="ui/default/outline.css" type="text/css" media="screen" id="outlineStyle" />
#+STYLE: <link rel="stylesheet" href="ui/default/print.css" type="text/css" media="print" id="slidePrint" />
#+STYLE: <link rel="stylesheet" href="ui/default/opera.css" type="text/css" media="projection" id="operaFix" />
#+STYLE: <!-- S5 JS -->
#+STYLE: <script src="ui/default/slides.js" type="text/javascript"></script>
#+OPTIONS: toc:nil author:nil timestamp:nil creator:nil num:nil H:2
* First slide
:PROPERTIES:
:HTML_CONTAINER_CLASS: slide
:END:
Introductory text.
- Maybe
- a
- list
* Second slide
:PROPERTIES:
:HTML_CONTAINER_CLASS: slide
:END:
We may present easily source code.
#+begin_src python
import numpy as np
print np.pi
#+end_src
* Third slide
:PROPERTIES:
:HTML_CONTAINER_CLASS: slide
:END:
** subheading 1
Text
** subheading 2
Figure
#+ATTR_HTML: width="500px"
[[http://orgmode.org/img/org-mode-unicorn.png]]
[-- Attachment #4: Type: text/plain, Size: 941 bytes --]
Le 3 févr. 11 à 12:23, Bastien a écrit :
> Hi Pierre,
>
> Pierre de Buyl <pdebuyl@chem.utoronto.ca> writes:
>
>> S5 allows one to present a slideshow in a web browser, even full
>> screen for
>> some browsers.
>> I know that the topic has come here already, but I actually hacked
>> the
>> excellent org-html.el export file to produde a S5 slideshow with org.
>
> This looks useful.
>
> By reading your code, I see org-export-as-s5 is a variation over
> org-export-as-html.
>
> I would welcome an approach where we factor out some elements of
> org-export-as-html, so that exporting to s5 would just require the
> user to customize those elements.
>
> Does that seem reasonable to you? Would you volunteer to make
> org-export-as-html a bit more general? Even a precise comparison
> of org-export-as-s5 against org-export-as-html would be helpful at
> this point.
>
> Thanks!
>
> --
> Bastien
next prev parent reply other threads:[~2011-06-01 22:26 UTC|newest]
Thread overview: 16+ messages / expand[flat|nested] mbox.gz Atom feed top
2010-11-04 14:31 S5 export Pierre de Buyl
2011-02-03 17:23 ` Bastien
2011-02-03 18:48 ` Achim Gratz
2011-02-11 11:22 ` Bastien
2011-06-01 12:41 ` [Orgmode] " Pierre de Buyl
2011-06-01 18:21 ` Pierre de Buyl [this message]
2011-06-01 21:31 ` Eric Schulte
2011-06-01 22:41 ` Eric Schulte
[not found] ` <AAB99C57-C1B0-4C78-90BD-3D9FE1E4958A@ulb.ac.be>
2011-06-03 11:38 ` Pierre de Buyl
2011-06-03 12:48 ` Eric Schulte
2011-06-03 13:45 ` Pierre de Buyl
2011-06-03 15:02 ` Eric Schulte
2011-06-03 13:15 ` Christian Moe
2011-06-03 15:05 ` Eric Schulte
-- strict thread matches above, loose matches on Subject: below --
2011-06-05 8:29 Rustom Mody
2011-06-05 15:18 ` Eric Schulte
Reply instructions:
You may reply publicly to this message via plain-text email
using any one of the following methods:
* Save the following mbox file, import it into your mail client,
and reply-to-all from there: mbox
Avoid top-posting and favor interleaved quoting:
https://en.wikipedia.org/wiki/Posting_style#Interleaved_style
* Reply using the --to, --cc, and --in-reply-to
switches of git-send-email(1):
git send-email \
--in-reply-to=F40111FC-984B-4561-A31C-450AEC2403D0@ulb.ac.be \
--to=pdebuyl@ulb.ac.be \
--cc=emacs-orgmode@gnu.org \
/path/to/YOUR_REPLY
https://kernel.org/pub/software/scm/git/docs/git-send-email.html
* If your mail client supports setting the In-Reply-To header
via mailto: links, try the mailto: link
Be sure your reply has a Subject: header at the top and a blank line
before the message body.
Code repositories for project(s) associated with this external index
https://git.savannah.gnu.org/cgit/emacs.git
https://git.savannah.gnu.org/cgit/emacs/org-mode.git
This is an external index of several public inboxes,
see mirroring instructions on how to clone and mirror
all data and code used by this external index.