emacs-orgmode@gnu.org archives
 help / color / mirror / code / Atom feed
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



  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

  List information: https://www.orgmode.org/

* 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 public inbox

	https://git.savannah.gnu.org/cgit/emacs/org-mode.git

This is a public inbox, see mirroring instructions
for how to clone and mirror all data and code used for this inbox;
as well as URLs for read-only IMAP folder(s) and NNTP newsgroup(s).