emacs-orgmode@gnu.org archives
 help / color / mirror / code / Atom feed
* org-reveal questions
@ 2015-10-23  5:16 Xebar Saram
  2015-10-23  6:18 ` Eric S Fraga
  0 siblings, 1 reply; 25+ messages in thread
From: Xebar Saram @ 2015-10-23  5:16 UTC (permalink / raw)
  To: org mode

[-- Attachment #1: Type: text/plain, Size: 492 bytes --]

Hi all

for all you org-reveal users, excuse me for these questions that may seem
trivial but as a new reveal/org-reveal user i havent been able to address
them :)

1) how does one add images not below the text but on the left/right of the
text?
2) can i change the fonts size per slide or even better per specific
line/region?
3) can slide headers be placed higher up on the slide? currently when the
text is spares it seems like the header starts in the middle of the slide

thx so much

z

[-- Attachment #2: Type: text/html, Size: 656 bytes --]

^ permalink raw reply	[flat|nested] 25+ messages in thread

* Re: org-reveal questions
  2015-10-23  5:16 org-reveal questions Xebar Saram
@ 2015-10-23  6:18 ` Eric S Fraga
  2015-10-23  6:45   ` Xebar Saram
  2015-10-23 16:15   ` Matt Price
  0 siblings, 2 replies; 25+ messages in thread
From: Eric S Fraga @ 2015-10-23  6:18 UTC (permalink / raw)
  To: Xebar Saram; +Cc: org mode

On Friday, 23 Oct 2015 at 08:16, Xebar Saram wrote:
> Hi all
>
> for all you org-reveal users, excuse me for these questions that may seem
> trivial but as a new reveal/org-reveal user i havent been able to address
> them :)
>
> 1) how does one add images not below the text but on the left/right of the
> text?
> 2) can i change the fonts size per slide or even better per specific
> line/region?
> 3) can slide headers be placed higher up on the slide? currently when the
> text is spares it seems like the header starts in the middle of the slide

I may be wrong but I think you are asking too much from org-reveal.  If
you want this level of customisation, you may need to go to the HTML
directly or, if you want to stick with org, use beamer...
-- 
: Eric S Fraga (0xFFFCF67D), Emacs 25.0.50.2, Org release_8.3.2-161-gd2ac25

^ permalink raw reply	[flat|nested] 25+ messages in thread

* Re: org-reveal questions
  2015-10-23  6:18 ` Eric S Fraga
@ 2015-10-23  6:45   ` Xebar Saram
  2015-10-23  8:39     ` Eric S Fraga
  2015-10-23 16:15   ` Matt Price
  1 sibling, 1 reply; 25+ messages in thread
From: Xebar Saram @ 2015-10-23  6:45 UTC (permalink / raw)
  To: Xebar Saram, org mode

[-- Attachment #1: Type: text/plain, Size: 1022 bytes --]

Thx Eric

ill check out beamer..i guess i need to know latex for that right?

On Fri, Oct 23, 2015 at 9:18 AM, Eric S Fraga <e.fraga@ucl.ac.uk> wrote:

> On Friday, 23 Oct 2015 at 08:16, Xebar Saram wrote:
> > Hi all
> >
> > for all you org-reveal users, excuse me for these questions that may seem
> > trivial but as a new reveal/org-reveal user i havent been able to address
> > them :)
> >
> > 1) how does one add images not below the text but on the left/right of
> the
> > text?
> > 2) can i change the fonts size per slide or even better per specific
> > line/region?
> > 3) can slide headers be placed higher up on the slide? currently when the
> > text is spares it seems like the header starts in the middle of the slide
>
> I may be wrong but I think you are asking too much from org-reveal.  If
> you want this level of customisation, you may need to go to the HTML
> directly or, if you want to stick with org, use beamer...
> --
> : Eric S Fraga (0xFFFCF67D), Emacs 25.0.50.2, Org release_8.3.2-161-gd2ac25
>

[-- Attachment #2: Type: text/html, Size: 1508 bytes --]

^ permalink raw reply	[flat|nested] 25+ messages in thread

* Re: org-reveal questions
  2015-10-23  6:45   ` Xebar Saram
@ 2015-10-23  8:39     ` Eric S Fraga
  2015-10-23  9:09       ` Fabrice Popineau
  0 siblings, 1 reply; 25+ messages in thread
From: Eric S Fraga @ 2015-10-23  8:39 UTC (permalink / raw)
  To: Xebar Saram; +Cc: org mode

On Friday, 23 Oct 2015 at 09:45, Xebar Saram wrote:
> Thx Eric
>
> ill check out beamer..i guess i need to know latex for that right?

Not necessarily.  You can do a lot without any LaTeX knowledge.  Most of
the issues you had with org-reveal are solved in ox-beamer.

Check out http://orgmode.org/worg/exporters/beamer/ox-beamer.html
-- 
: Eric S Fraga (0xFFFCF67D), Emacs 25.0.50.2, Org release_8.3.2-161-gd2ac25

^ permalink raw reply	[flat|nested] 25+ messages in thread

* Re: org-reveal questions
  2015-10-23  8:39     ` Eric S Fraga
@ 2015-10-23  9:09       ` Fabrice Popineau
  2015-10-23  9:20         ` Xebar Saram
  2015-10-23 13:27         ` Andreas Leha
  0 siblings, 2 replies; 25+ messages in thread
From: Fabrice Popineau @ 2015-10-23  9:09 UTC (permalink / raw)
  To: Xebar Saram, org mode

[-- Attachment #1: Type: text/plain, Size: 1659 bytes --]

I switched to org-reveal from beamer.
Beamer clutters your slides with too much markup.
(I ended up with much more markup than text in my slides).

Moroever, Reveal offers features that no pdf reader offers at least under
windows :
- separate frame for notes, timer, next slide
- ability to synchronize other clients on the master display
(your students can connect and their slides move as you move yours)
And it is very quick to compile a deck of x100 slides, where beamer can
take minutes.

To answer the first question :
- load bootstrap in the <head> section of your slides
- then you can add div's with class col-xs-6 for example and split your
frame in 2 columns.

I load bootstrap, mathjax and some personal js and css. It is working
pretty well.
It is not as clean as beamer out of the box, but it is more efficient.
With a good css, it should be  as clean as beamer.

Fabrice

2015-10-23 10:39 GMT+02:00 Eric S Fraga <e.fraga@ucl.ac.uk>:

> On Friday, 23 Oct 2015 at 09:45, Xebar Saram wrote:
> > Thx Eric
> >
> > ill check out beamer..i guess i need to know latex for that right?
>
> Not necessarily.  You can do a lot without any LaTeX knowledge.  Most of
> the issues you had with org-reveal are solved in ox-beamer.
>
> Check out http://orgmode.org/worg/exporters/beamer/ox-beamer.html
> --
> : Eric S Fraga (0xFFFCF67D), Emacs 25.0.50.2, Org release_8.3.2-161-gd2ac25
>
>


-- 
Fabrice Popineau
-----------------------------
SUPELEC
Département Informatique
3, rue Joliot Curie
91192 Gif/Yvette Cedex
Tel direct : +33 (0) 169851950
Standard : +33 (0) 169851212
------------------------------

[-- Attachment #2: Type: text/html, Size: 2499 bytes --]

^ permalink raw reply	[flat|nested] 25+ messages in thread

* Re: org-reveal questions
  2015-10-23  9:09       ` Fabrice Popineau
@ 2015-10-23  9:20         ` Xebar Saram
  2015-10-23 14:58           ` Matt Lundin
  2015-10-23 16:08           ` Matt Price
  2015-10-23 13:27         ` Andreas Leha
  1 sibling, 2 replies; 25+ messages in thread
From: Xebar Saram @ 2015-10-23  9:20 UTC (permalink / raw)
  To: fabrice.popineau; +Cc: org mode

[-- Attachment #1: Type: text/plain, Size: 660 bytes --]

On Fri, Oct 23, 2015 at 12:09 PM, Fabrice Popineau <
fabrice.popineau@supelec.fr> wrote:

> To answer the first question :
> - load bootstrap in the <head> section of your slides
> - then you can add div's with class col-xs-6 for example and split your
> frame in 2 columns.
>

Thank you so much Fabrice for your helpful reply.
would it be ok to ask to elaborate more on the technical terms such as
divs, col-xs-6 etc as im not very technical and pretty new to exporting to
slide shows (also have zero html and css knowledge)

also another small question:

how do i (for a specific slide) make all text not centered but rather left
aligned?

thx so much again

[-- Attachment #2: Type: text/html, Size: 1655 bytes --]

^ permalink raw reply	[flat|nested] 25+ messages in thread

* Re: org-reveal questions
  2015-10-23  9:09       ` Fabrice Popineau
  2015-10-23  9:20         ` Xebar Saram
@ 2015-10-23 13:27         ` Andreas Leha
  1 sibling, 0 replies; 25+ messages in thread
From: Andreas Leha @ 2015-10-23 13:27 UTC (permalink / raw)
  To: emacs-orgmode

Hi,

Fabrice Popineau <fabrice.popineau@supelec.fr> writes:
> I switched to org-reveal from beamer.
> Beamer clutters your slides with too much markup. 
> (I ended up with much more markup than text in my slides).

... which of course can be changed by customizing the theme ...

It seems that to get close to how you want your slides to look, you need
to customize the theme in either of beamer and reveal.

Depending on whether you prefer to do that in css/js or latex, you might
arrive there quicker.

Andreas


>
> Moroever, Reveal offers features that no pdf reader offers at least under windows :
> - separate frame for notes, timer, next slide
> - ability to synchronize other clients on the master display 
> (your students can connect and their slides move as you move yours)
> And it is very quick to compile a deck of x100 slides, where beamer can take minutes.
>
> To answer the first question :
> - load bootstrap in the <head> section of your slides
> - then you can add div's with class col-xs-6 for example and split your frame in 2 columns.
>
> I load bootstrap, mathjax and some personal js and css. It is working pretty well.
> It is not as clean as beamer out of the box, but it is more efficient. 
> With a good css, it should be as clean as beamer. 
>
> Fabrice
>
> 2015-10-23 10:39 GMT+02:00 Eric S Fraga <e.fraga@ucl.ac.uk>:
>
>
>  On Friday, 23 Oct 2015 at 09:45, Xebar Saram wrote:
>  > Thx Eric
>  >
>  > ill check out beamer..i guess i need to know latex for that right?
>
>  Not necessarily. You can do a lot without any LaTeX knowledge. Most of
>  the issues you had with org-reveal are solved in ox-beamer.
>
>  Check out http://orgmode.org/worg/exporters/beamer/ox-beamer.html
>  --
>  : Eric S Fraga (0xFFFCF67D), Emacs 25.0.50.2, Org release_8.3.2-161-gd2ac25

^ permalink raw reply	[flat|nested] 25+ messages in thread

* Re: org-reveal questions
  2015-10-23  9:20         ` Xebar Saram
@ 2015-10-23 14:58           ` Matt Lundin
  2015-10-23 16:08           ` Matt Price
  1 sibling, 0 replies; 25+ messages in thread
From: Matt Lundin @ 2015-10-23 14:58 UTC (permalink / raw)
  To: Xebar Saram; +Cc: fabrice.popineau, org mode

Xebar Saram <zeltakc@gmail.com> writes:

> On Fri, Oct 23, 2015 at 12:09 PM, Fabrice Popineau
> <fabrice.popineau@supelec.fr> wrote:
>
>
>     To answer the first question :
>     - load bootstrap in the <head> section of your slides
>     - then you can add div's with class col-xs-6 for example and split
>     your frame in 2 columns.
>
> Thank you so much Fabrice for your helpful reply. 
> would it be ok to ask to elaborate more on the technical terms such as
> divs, col-xs-6 etc as im not very technical and pretty new to
> exporting to slide shows (also have zero html and css knowledge)

Customizing reveal.js slides does require css and html knowledge. You
can change the theme (or link to your own custom stylesheet in the
header of your reveal html). You might also try searching online for
custom themes that meet your specifications.

Beamer is also great, but customizing beamer to look precisely the way
you want it requires knowledge of LaTeX.

In short, simple slide export from org-mode is fine if you are OK with
the existing themes, templates. But more customization that will
generally require knowledge of the relevant markup.

Matt

^ permalink raw reply	[flat|nested] 25+ messages in thread

* Re: org-reveal questions
  2015-10-23  9:20         ` Xebar Saram
  2015-10-23 14:58           ` Matt Lundin
@ 2015-10-23 16:08           ` Matt Price
  2015-11-22 14:25             ` Xebar Saram
  1 sibling, 1 reply; 25+ messages in thread
From: Matt Price @ 2015-10-23 16:08 UTC (permalink / raw)
  To: Xebar Saram; +Cc: fabrice.popineau, org mode

[-- Attachment #1: Type: text/plain, Size: 978 bytes --]

On Fri, Oct 23, 2015 at 5:20 AM, Xebar Saram <zeltakc@gmail.com> wrote:

>
> On Fri, Oct 23, 2015 at 12:09 PM, Fabrice Popineau <
> fabrice.popineau@supelec.fr> wrote:
>
> how do i (for a specific slide) make all text not centered but rather left
> aligned?
>
>
I haven't been following this thread very lcosely, but hopefully this will
help:
org-reveal allows you to specify a local.css file (M-x customize-variable
org-reveal-extra-css).  I keep mine in ~/src/org-reveal/local.css, but you
should choose a location that works for you.  I use this file to define
extra css classes for nededs that reveal doesn't met out of the box.

This is a two step process.  In your local.css, put something like this:

.left p, .left ul, .left li {
text-align:left;
}

and then in your org file:

#+ATTR_HTML: :class left
** Slide Title

some slide content

------------------------

I *think* this should work.  If it doesn't, please reply and I'll try to
help.


> thx so much again
>
>

[-- Attachment #2: Type: text/html, Size: 2356 bytes --]

^ permalink raw reply	[flat|nested] 25+ messages in thread

* Re: org-reveal questions
  2015-10-23  6:18 ` Eric S Fraga
  2015-10-23  6:45   ` Xebar Saram
@ 2015-10-23 16:15   ` Matt Price
  2015-10-25 20:46     ` Eric S Fraga
  1 sibling, 1 reply; 25+ messages in thread
From: Matt Price @ 2015-10-23 16:15 UTC (permalink / raw)
  To: Xebar Saram, org mode

[-- Attachment #1: Type: text/plain, Size: 1710 bytes --]

On Fri, Oct 23, 2015 at 2:18 AM, Eric S Fraga <e.fraga@ucl.ac.uk> wrote:

> On Friday, 23 Oct 2015 at 08:16, Xebar Saram wrote:
> > Hi all
> >
> > for all you org-reveal users, excuse me for these questions that may seem
> > trivial but as a new reveal/org-reveal user i havent been able to address
> > them :)
> >
> > 1) how does one add images not below the text but on the left/right of
> the
> > text?
> > 2) can i change the fonts size per slide or even better per specific
> > line/region?
> > 3) can slide headers be placed higher up on the slide? currently when the
> > text is spares it seems like the header starts in the middle of the slide
>
> I may be wrong but I think you are asking too much from org-reveal.  If
> you want this level of customisation, you may need to go to the HTML
> directly or, if you want to stick with org, use beamer...
>

The response in my last email applies here too -- you will need to do some
css customization.

1. you will need to add css classes & ATTR_HTML headers; it's not too hard,
actually.  something like:
img.float-left {
float:left;
}

ATTR_HTML:  :class float-left

etc.

2. as above, but change the font'size element:
p.small {
fo-nt-size: 0.6em;
}

etc.
3. Getting the headers to move higher up is a little tricky bdecause
javascript is in charge of the vertical alignment; I am not quite satisfied
with the way that reveal.js handles this, and don't have a solution.

Eric's right -- you'll have to learn either CSS or latex, it's up to you
which one to invest in.  I use css in other work, so I've taken that
rouute; latex is still a foreign language to me.

m

> --
> : Eric S Fraga (0xFFFCF67D), Emacs 25.0.50.2, Org release_8.3.2-161-gd2ac25
>
>

[-- Attachment #2: Type: text/html, Size: 2571 bytes --]

^ permalink raw reply	[flat|nested] 25+ messages in thread

* Re: org-reveal questions
  2015-10-23 16:15   ` Matt Price
@ 2015-10-25 20:46     ` Eric S Fraga
  2015-10-25 22:01       ` Matt Price
  2015-10-26 15:43       ` Xebar Saram
  0 siblings, 2 replies; 25+ messages in thread
From: Eric S Fraga @ 2015-10-25 20:46 UTC (permalink / raw)
  To: Matt Price; +Cc: Xebar Saram, org mode

Hello all,

So, I decided I would play with org-reveal some more, just to see if I
could get some of the functionality that Xebar wanted fairly
easily.  It turns out that I could use a web based presentation for a
small PR exercise...

I've run into two stumbling blocks using org-reveal.

First, the #+HTML: directive seems to be ignored although
the #+BEGIN_HTML/#+END_HTML construct works.  This is only in reveal
export, not HTML export.

The second problem is more about HTML export than reveal
specifically.  In LaTeX, an image is exported directly without any
surrounding material if only the image is there.  Surrounding material,
i.e. LaTeX figure environment, is only included if a caption is
present.  In reveal, there doesn't seem to be an equivalent
behaviour.  That is, all my images get exported within a figure
<div>.  I would like to have the option of a bare-bones <img> export
without having to resort to direct HTML.  Is this possible?  It would
seem to make sense to have the same type of logic apply to HTML export
as it does to LaTeX?

Thanks,
eric

-- 
: Eric S Fraga (0xFFFCF67D), Emacs 25.0.50.2, Org release_8.3.2-209-gba4d33

^ permalink raw reply	[flat|nested] 25+ messages in thread

* Re: org-reveal questions
  2015-10-25 20:46     ` Eric S Fraga
@ 2015-10-25 22:01       ` Matt Price
  2015-10-26 16:34         ` Matt Price
  2015-10-27 14:41         ` Eric S Fraga
  2015-10-26 15:43       ` Xebar Saram
  1 sibling, 2 replies; 25+ messages in thread
From: Matt Price @ 2015-10-25 22:01 UTC (permalink / raw)
  To: Matt Price, Xebar Saram, org mode

[-- Attachment #1: Type: text/plain, Size: 1729 bytes --]

On Sun, Oct 25, 2015 at 4:46 PM, Eric S Fraga <e.fraga@ucl.ac.uk> wrote:

> Hello all,
>
> So, I decided I would play with org-reveal some more, just to see if I
> could get some of the functionality that Xebar wanted fairly
> easily.  It turns out that I could use a web based presentation for a
> small PR exercise...
>
> I've run into two stumbling blocks using org-reveal.
>
> First, the #+HTML: directive seems to be ignored although
> the #+BEGIN_HTML/#+END_HTML construct works.  This is only in reveal
> export, not HTML export.
>

could you file this as a bug report on github, and then post the URL? I'll
try to figure out the issue and fix it. I'm a slow coder and actually don't
use the #+HTML: directive, but have a ninterest in getting better.

>
> The second problem is more about HTML export than reveal
> specifically.  In LaTeX, an image is exported directly without any
> surrounding material if only the image is there.  Surrounding material,
> i.e. LaTeX figure environment, is only included if a caption is
> present.  In reveal, there doesn't seem to be an equivalent
> behaviour.  That is, all my images get exported within a figure
> <div>.  I would like to have the option of a bare-bones <img> export
> without having to resort to direct HTML.  Is this possible?  It would
> seem to make sense to have the same type of logic apply to HTML export
> as it does to LaTeX?
>
> I doubt this is possible in reveal right now but it shouldn't be too hard
to add a (switch ) statement that exports a naked img if some condition is
met.  And I et a relevant patch could be submitted as a feature request.



> Thanks,
> eric
>
> --
> : Eric S Fraga (0xFFFCF67D), Emacs 25.0.50.2, Org release_8.3.2-209-gba4d33
>

[-- Attachment #2: Type: text/html, Size: 2509 bytes --]

^ permalink raw reply	[flat|nested] 25+ messages in thread

* Re: org-reveal questions
  2015-10-25 20:46     ` Eric S Fraga
  2015-10-25 22:01       ` Matt Price
@ 2015-10-26 15:43       ` Xebar Saram
  1 sibling, 0 replies; 25+ messages in thread
From: Xebar Saram @ 2015-10-26 15:43 UTC (permalink / raw)
  To: Matt Price, Xebar Saram, org mode

[-- Attachment #1: Type: text/plain, Size: 1722 bytes --]

wow guys

thx so much this sound very exciting!

i can report back that today i gave my students my first talk composed
entirely in orgmode and org-reveal. homework was exported to pdf as well so
all in one org file..needles to say i was super excited and bragged to the
students who didnt know why the hell i was so excited ;-)
at least i managed to throw some slide on open source since it is a class
on R after all...

thx again guys

Z

On Sun, Oct 25, 2015 at 10:46 PM, Eric S Fraga <e.fraga@ucl.ac.uk> wrote:

> Hello all,
>
> So, I decided I would play with org-reveal some more, just to see if I
> could get some of the functionality that Xebar wanted fairly
> easily.  It turns out that I could use a web based presentation for a
> small PR exercise...
>
> I've run into two stumbling blocks using org-reveal.
>
> First, the #+HTML: directive seems to be ignored although
> the #+BEGIN_HTML/#+END_HTML construct works.  This is only in reveal
> export, not HTML export.
>
> The second problem is more about HTML export than reveal
> specifically.  In LaTeX, an image is exported directly without any
> surrounding material if only the image is there.  Surrounding material,
> i.e. LaTeX figure environment, is only included if a caption is
> present.  In reveal, there doesn't seem to be an equivalent
> behaviour.  That is, all my images get exported within a figure
> <div>.  I would like to have the option of a bare-bones <img> export
> without having to resort to direct HTML.  Is this possible?  It would
> seem to make sense to have the same type of logic apply to HTML export
> as it does to LaTeX?
>
> Thanks,
> eric
>
> --
> : Eric S Fraga (0xFFFCF67D), Emacs 25.0.50.2, Org release_8.3.2-209-gba4d33
>

[-- Attachment #2: Type: text/html, Size: 2299 bytes --]

^ permalink raw reply	[flat|nested] 25+ messages in thread

* Re: org-reveal questions
  2015-10-25 22:01       ` Matt Price
@ 2015-10-26 16:34         ` Matt Price
  2015-10-27 14:41         ` Eric S Fraga
  1 sibling, 0 replies; 25+ messages in thread
From: Matt Price @ 2015-10-26 16:34 UTC (permalink / raw)
  To: org mode

[-- Attachment #1: Type: text/plain, Size: 1310 bytes --]

On Sun, Oct 25, 2015 at 6:01 PM, Matt Price <moptop99@gmail.com> wrote:

>
>
> On Sun, Oct 25, 2015 at 4:46 PM, Eric S Fraga <e.fraga@ucl.ac.uk> wrote:
>
>> The second problem is more about HTML export than reveal
>> specifically.  In LaTeX, an image is exported directly without any
>> surrounding material if only the image is there.  Surrounding material,
>> i.e. LaTeX figure environment, is only included if a caption is
>> present.  In reveal, there doesn't seem to be an equivalent
>> behaviour.  That is, all my images get exported within a figure
>> <div>.  I would like to have the option of a bare-bones <img> export
>> without having to resort to direct HTML.  Is this possible?  It would
>> seem to make sense to have the same type of logic apply to HTML export
>> as it does to LaTeX?
>>
>> I doubt this is possible in reveal right now but it shouldn't be too hard
> to add a (switch ) statement that exports a naked img if some condition is
> met.  And I et a relevant patch could be submitted as a feature request.
>
>
Rereading this, I think maybe you should post this to a list as  a question
about the html exporter, not org-reveal.  Nicolas and others may have
thoughts on the logic of the difference. The difference may reside in
differing expectations/standards in latex & html.

m


>
>

[-- Attachment #2: Type: text/html, Size: 2291 bytes --]

^ permalink raw reply	[flat|nested] 25+ messages in thread

* Re: org-reveal questions
  2015-10-25 22:01       ` Matt Price
  2015-10-26 16:34         ` Matt Price
@ 2015-10-27 14:41         ` Eric S Fraga
  1 sibling, 0 replies; 25+ messages in thread
From: Eric S Fraga @ 2015-10-27 14:41 UTC (permalink / raw)
  To: Matt Price; +Cc: Xebar Saram, org mode

On Sunday, 25 Oct 2015 at 18:01, Matt Price wrote:

[...]

> could you file this as a bug report on github, and then post the URL? I'll
> try to figure out the issue and fix it. I'm a slow coder and actually don't
> use the #+HTML: directive, but have a ninterest in getting better.

Done: http://github.com/yjwen/org-reveal/issues/164
-- 
: Eric S Fraga (0xFFFCF67D), Emacs 25.0.50.2, Org release_8.3.2-209-gba4d33

^ permalink raw reply	[flat|nested] 25+ messages in thread

* Re: org-reveal questions
  2015-10-23 16:08           ` Matt Price
@ 2015-11-22 14:25             ` Xebar Saram
  2015-11-22 15:50               ` Eric S Fraga
  0 siblings, 1 reply; 25+ messages in thread
From: Xebar Saram @ 2015-11-22 14:25 UTC (permalink / raw)
  To: Matt Price; +Cc: Fabrice Popineau, org mode

[-- Attachment #1: Type: text/plain, Size: 702 bytes --]

Hi Matt

sorry for the late response (teaching has been extra painful this year.. :))

i tried to use what you suggested but couldn't get the expected results,
but im sure im doing things wrong :D

so i created a file named

 /home/zeltak/org/files/Uni/Courses/css/left.aligned.css

in it i have pasted this

.left p, .left ul, .left li {
text-align:left;
}

now in my org file i have these added lines on the top

#+REVEAL_EXTRA_CSS: /home/zeltak/org/files/Uni/Courses/css/left.aligned.css
#+ATTR_HTML: :class left

i also tried adding the #+ATTR_HTML: :class left under specific headers

in both cases the text is still centered, any clue? i must be doing
something horribly wrong right :) ?

thx

Z

[-- Attachment #2: Type: text/html, Size: 1958 bytes --]

^ permalink raw reply	[flat|nested] 25+ messages in thread

* Re: org-reveal questions
  2015-11-22 14:25             ` Xebar Saram
@ 2015-11-22 15:50               ` Eric S Fraga
  2015-11-22 16:47                 ` Xebar Saram
  0 siblings, 1 reply; 25+ messages in thread
From: Eric S Fraga @ 2015-11-22 15:50 UTC (permalink / raw)
  To: Xebar Saram; +Cc: org mode

On Sunday, 22 Nov 2015 at 16:25, Xebar Saram wrote:

[...]

> in it i have pasted this
>
> .left p, .left ul, .left li {
> text-align:left;
> }
>
> now in my org file i have these added lines on the top
>
> #+REVEAL_EXTRA_CSS: /home/zeltak/org/files/Uni/Courses/css/left.aligned.css
> #+ATTR_HTML: :class left

I found that with the class directive, I had to have entries like this:

p.left { text-align: left; }

in my extra css file.

HTH,
eric

-- 
: Eric S Fraga (0xFFFCF67D), Emacs 25.0.50.2, Org release_8.3.2-333-gd6aafd

^ permalink raw reply	[flat|nested] 25+ messages in thread

* Re: org-reveal questions
  2015-11-22 15:50               ` Eric S Fraga
@ 2015-11-22 16:47                 ` Xebar Saram
  2015-11-22 21:58                   ` Matt Price
  0 siblings, 1 reply; 25+ messages in thread
From: Xebar Saram @ 2015-11-22 16:47 UTC (permalink / raw)
  To: Xebar Saram, org mode

[-- Attachment #1: Type: text/plain, Size: 238 bytes --]

Thanks so much Eric

this works great!

but i found that i have to prepend the #+ATTR_HTML: :class left before
every line. is there a way to make it work for the whole section (under the
header) or for the whole document?

thx so much

z

[-- Attachment #2: Type: text/html, Size: 548 bytes --]

^ permalink raw reply	[flat|nested] 25+ messages in thread

* Re: org-reveal questions
  2015-11-22 16:47                 ` Xebar Saram
@ 2015-11-22 21:58                   ` Matt Price
  2015-11-23  2:55                     ` John Hendy
  2015-12-03  9:10                     ` Xebar Saram
  0 siblings, 2 replies; 25+ messages in thread
From: Matt Price @ 2015-11-22 21:58 UTC (permalink / raw)
  To: Xebar Saram; +Cc: org mode

[-- Attachment #1: Type: text/plain, Size: 705 bytes --]

On Sun, Nov 22, 2015 at 11:47 AM, Xebar Saram <zeltakc@gmail.com> wrote:

> Thanks so much Eric
>
> this works great!
>
> but i found that i have to prepend the #+ATTR_HTML: :class left before
> every line. is there a way to make it work for the whole section (under the
> header) or for the whole document?
>

If you want it to work for the whole document, you probalby want to replace

p.left {...}

simply with p {}

To do it for a whole section -- I think you mean a whole slide? -- I think
you would want

.left p {...}

in your css file, and to add a property to the containing header like so:

:PROPERTIES:
:HTML_CONTAINER_CLASS: left
:END:

You can add a property easily with C-c C-x p

HTH,
Matt

[-- Attachment #2: Type: text/html, Size: 1364 bytes --]

^ permalink raw reply	[flat|nested] 25+ messages in thread

* Re: org-reveal questions
  2015-11-22 21:58                   ` Matt Price
@ 2015-11-23  2:55                     ` John Hendy
  2015-12-03  9:07                       ` Xebar Saram
  2015-12-03  9:10                     ` Xebar Saram
  1 sibling, 1 reply; 25+ messages in thread
From: John Hendy @ 2015-11-23  2:55 UTC (permalink / raw)
  To: Matt Price; +Cc: Xebar Saram, org mode

On Sun, Nov 22, 2015 at 3:58 PM, Matt Price <moptop99@gmail.com> wrote:
>
>
> On Sun, Nov 22, 2015 at 11:47 AM, Xebar Saram <zeltakc@gmail.com> wrote:
>>
>> Thanks so much Eric
>>
>> this works great!
>>
>> but i found that i have to prepend the #+ATTR_HTML: :class left before
>> every line. is there a way to make it work for the whole section (under the
>> header) or for the whole document?
>
>
> If you want it to work for the whole document, you probalby want to replace
>
> p.left {...}
>
> simply with p {}
>
> To do it for a whole section -- I think you mean a whole slide? -- I think
> you would want
>
> .left p {...}
>
> in your css file, and to add a property to the containing header like so:
>
> :PROPERTIES:
> :HTML_CONTAINER_CLASS: left
> :END:
>
> You can add a property easily with C-c C-x p
>

I'm not sure if this is the same desired result, but I recently played
around with org-reveal and wanted it left-aligned, ending up finding
this:
- http://stackoverflow.com/questions/21019476/how-can-i-get-left-justified-paragraphs-in-reveal-js

So I added this before my first headline:

#+begin_html
.reveal .slides { text-align: left; }
.reveal .slides .section>* { margin-left: 0; margin-right: 0; }
#+end_html

Seems to work for my whole exported document, though again, I'm not
sure if that was exactly what you were trying to do (absolutely
everything seems to be left aligned now, title slide included).


John


> HTH,
> Matt
>

^ permalink raw reply	[flat|nested] 25+ messages in thread

* Re: org-reveal questions
  2015-11-23  2:55                     ` John Hendy
@ 2015-12-03  9:07                       ` Xebar Saram
  2015-12-04 14:55                         ` John Hendy
  0 siblings, 1 reply; 25+ messages in thread
From: Xebar Saram @ 2015-12-03  9:07 UTC (permalink / raw)
  To: John Hendy; +Cc: org mode

[-- Attachment #1: Type: text/plain, Size: 1910 bytes --]

Thx John (again sorry for late response)

the html block example dosent seem to work for me , i tried adding the
block before the first header and below the first header with no success.
does this go into the property drawer or literally as a html code block?

best

Z

On Mon, Nov 23, 2015 at 4:55 AM, John Hendy <jw.hendy@gmail.com> wrote:

> On Sun, Nov 22, 2015 at 3:58 PM, Matt Price <moptop99@gmail.com> wrote:
> >
> >
> > On Sun, Nov 22, 2015 at 11:47 AM, Xebar Saram <zeltakc@gmail.com> wrote:
> >>
> >> Thanks so much Eric
> >>
> >> this works great!
> >>
> >> but i found that i have to prepend the #+ATTR_HTML: :class left before
> >> every line. is there a way to make it work for the whole section (under
> the
> >> header) or for the whole document?
> >
> >
> > If you want it to work for the whole document, you probalby want to
> replace
> >
> > p.left {...}
> >
> > simply with p {}
> >
> > To do it for a whole section -- I think you mean a whole slide? -- I
> think
> > you would want
> >
> > .left p {...}
> >
> > in your css file, and to add a property to the containing header like so:
> >
> > :PROPERTIES:
> > :HTML_CONTAINER_CLASS: left
> > :END:
> >
> > You can add a property easily with C-c C-x p
> >
>
> I'm not sure if this is the same desired result, but I recently played
> around with org-reveal and wanted it left-aligned, ending up finding
> this:
> -
> http://stackoverflow.com/questions/21019476/how-can-i-get-left-justified-paragraphs-in-reveal-js
>
> So I added this before my first headline:
>
> #+begin_html
> .reveal .slides { text-align: left; }
> .reveal .slides .section>* { margin-left: 0; margin-right: 0; }
> #+end_html
>
> Seems to work for my whole exported document, though again, I'm not
> sure if that was exactly what you were trying to do (absolutely
> everything seems to be left aligned now, title slide included).
>
>
> John
>
>
> > HTH,
> > Matt
> >
>

[-- Attachment #2: Type: text/html, Size: 2937 bytes --]

^ permalink raw reply	[flat|nested] 25+ messages in thread

* Re: org-reveal questions
  2015-11-22 21:58                   ` Matt Price
  2015-11-23  2:55                     ` John Hendy
@ 2015-12-03  9:10                     ` Xebar Saram
  1 sibling, 0 replies; 25+ messages in thread
From: Xebar Saram @ 2015-12-03  9:10 UTC (permalink / raw)
  To: Matt Price; +Cc: org mode

[-- Attachment #1: Type: text/plain, Size: 1270 bytes --]

Thx matt

i have this code snippet in my custom css working for the whole document

 /* Align Slides Left */
.reveal p {text-align: left;  }

this works well in exporting all slide left aligned. could one somehow
integrate in the same css file another css statement for centered text and
thus call this for a specific slide (org header) or as eric suggsted using
the #+ATTR_HTML: :class before a specific line?

thanks so much

Z





On Sun, Nov 22, 2015 at 11:58 PM, Matt Price <moptop99@gmail.com> wrote:

>
>
> On Sun, Nov 22, 2015 at 11:47 AM, Xebar Saram <zeltakc@gmail.com> wrote:
>
>> Thanks so much Eric
>>
>> this works great!
>>
>> but i found that i have to prepend the #+ATTR_HTML: :class left before
>> every line. is there a way to make it work for the whole section (under the
>> header) or for the whole document?
>>
>
> If you want it to work for the whole document, you probalby want to
> replace
>
> p.left {...}
>
> simply with p {}
>
> To do it for a whole section -- I think you mean a whole slide? -- I think
> you would want
>
> .left p {...}
>
> in your css file, and to add a property to the containing header like so:
>
> :PROPERTIES:
> :HTML_CONTAINER_CLASS: left
> :END:
>
> You can add a property easily with C-c C-x p
>
> HTH,
> Matt
>
>

[-- Attachment #2: Type: text/html, Size: 2578 bytes --]

^ permalink raw reply	[flat|nested] 25+ messages in thread

* Re: org-reveal questions
  2015-12-03  9:07                       ` Xebar Saram
@ 2015-12-04 14:55                         ` John Hendy
  2015-12-04 15:49                           ` Xebar Saram
  0 siblings, 1 reply; 25+ messages in thread
From: John Hendy @ 2015-12-04 14:55 UTC (permalink / raw)
  To: Xebar Saram; +Cc: org mode

On Thu, Dec 3, 2015 at 3:07 AM, Xebar Saram <zeltakc@gmail.com> wrote:
> Thx John (again sorry for late response)
>
> the html block example dosent seem to work for me , i tried adding the block
> before the first header and below the first header with no success. does
> this go into the property drawer or literally as a html code block?'

Again, if I'm understanding what you want to do correctly (left-align
slides, right?), this is working for me:

#+begin_src min-config

;; set load paths
;; set load dirs and global config options
(add-to-list 'load-path "~/.elisp/org.git/lisp/")
(add-to-list 'load-path "~/.elisp/org.git/contrib/lisp")
(add-to-list 'load-path "~/.elisp/org-reveal/")

(require 'ox-reveal)

(setq org-reveal-root "file:///home/jwhendy/installed/reveal.js")

#+end_src


#+begin_src revea-test.org

#+title: org-reveal test
#+author: John Henderson
#+email:
#+reveal_hlevel: 1

#+begin_html
<style type="text/css">
.reveal .slides { text-align: left; }
.reveal .slides .section>* { margin-left: 0; margin-right: 0; }
</style>
#+end_html

* Slide 1

Some stuff

* Slide 2

Some more stuff

** Sub slide

Even more stuff!

#+end_src

Can you give that a try?

Oh wow! I just scanned below to check for differences in the html
block... So sorry! It looks like I completely missed the <style> tags,
which would probably explain why it doesn't get picked up as anything
meaningful. Really sorry, and hope the above helps out.


John

>
> best
>
> Z
>
> On Mon, Nov 23, 2015 at 4:55 AM, John Hendy <jw.hendy@gmail.com> wrote:
>>
>> On Sun, Nov 22, 2015 at 3:58 PM, Matt Price <moptop99@gmail.com> wrote:
>> >
>> >

[snip]

>>
>> I'm not sure if this is the same desired result, but I recently played
>> around with org-reveal and wanted it left-aligned, ending up finding
>> this:
>> -
>> http://stackoverflow.com/questions/21019476/how-can-i-get-left-justified-paragraphs-in-reveal-js
>>
>> So I added this before my first headline:
>>
>> #+begin_html
>> .reveal .slides { text-align: left; }
>> .reveal .slides .section>* { margin-left: 0; margin-right: 0; }
>> #+end_html
>>
>> Seems to work for my whole exported document, though again, I'm not
>> sure if that was exactly what you were trying to do (absolutely
>> everything seems to be left aligned now, title slide included).
>>
>>
>> John
>>
>>
>> > HTH,
>> > Matt
>> >
>
>

^ permalink raw reply	[flat|nested] 25+ messages in thread

* Re: org-reveal questions
  2015-12-04 14:55                         ` John Hendy
@ 2015-12-04 15:49                           ` Xebar Saram
  2015-12-04 18:52                             ` John Hendy
  0 siblings, 1 reply; 25+ messages in thread
From: Xebar Saram @ 2015-12-04 15:49 UTC (permalink / raw)
  To: John Hendy; +Cc: org mode

[-- Attachment #1: Type: text/plain, Size: 302 bytes --]

Thx John

yes that works now. The issue that still stands is whether i can still
change specific headers and or specific lines to not be left aligned while
using the left alignment as the default presentation wide

best

Z
On Fri, Dec 4, 2015 at 4:55 PM, John Hendy <jw.hendy@gmail.com> wrote:

> John

[-- Attachment #2: Type: text/html, Size: 1121 bytes --]

^ permalink raw reply	[flat|nested] 25+ messages in thread

* Re: org-reveal questions
  2015-12-04 15:49                           ` Xebar Saram
@ 2015-12-04 18:52                             ` John Hendy
  0 siblings, 0 replies; 25+ messages in thread
From: John Hendy @ 2015-12-04 18:52 UTC (permalink / raw)
  To: Xebar Saram; +Cc: org mode

On Fri, Dec 4, 2015 at 9:49 AM, Xebar Saram <zeltakc@gmail.com> wrote:
> Thx John
>
> yes that works now. The issue that still stands is whether i can still
> change specific headers and or specific lines to not be left aligned while
> using the left alignment as the default presentation wide

Sorry, I missed that this was the goal. I don't know. I tried Matt's
suggestion of the :HTML_CONTAINER_CLASS: property, but I think the
problem is that not all of the ox-html stuff translates to org-reveal.
For example, when I view the page source for my generated .html from
org-reveal export, there's no class passed to the target
section/slide/headline (whatever one wants to call it).

For example, I'm using this example:

#+begin_org

* Class test
  :PROPERTIES:
  :HTML_CONTAINER_CLASS: test
  :END:

Text here.
#+end_org

I get these results:

=C-c C-e h h= yields (note =test= class passed to div):

<div id="outline-container-orgheadline1" class="outline-2 test">
<h2 id="orgheadline1"><span class="section-number-2">1</span> Class test</h2>
<div class="outline-text-2" id="text-1">
<p>
Text here.
</p>
</div>
</div>

=C-c C-e R R= yields:

<section>
<section id="slide-orgheadline1">
<h2 id="orgheadline1"><span class="section-number-2">1</span> Class test</h2>
<p>
Text here.
</p>
</section>
</section>

There's no "test" class added to the sections in reveal export, so
none of the targeted css is going to work. Super hokey, but if you
have the whole document left-aligned as with my previous <style> code,
this works:

#+reveal_html: <center>
Test of centered text
#+reveal_html: </center>

Again, pretty lame, but it centers within a left-aligned document.


John

>
> best
>
> Z
> On Fri, Dec 4, 2015 at 4:55 PM, John Hendy <jw.hendy@gmail.com> wrote:
>>
>> John
>
>
>

^ permalink raw reply	[flat|nested] 25+ messages in thread

end of thread, other threads:[~2015-12-04 18:52 UTC | newest]

Thread overview: 25+ messages (download: mbox.gz follow: Atom feed
-- links below jump to the message on this page --
2015-10-23  5:16 org-reveal questions Xebar Saram
2015-10-23  6:18 ` Eric S Fraga
2015-10-23  6:45   ` Xebar Saram
2015-10-23  8:39     ` Eric S Fraga
2015-10-23  9:09       ` Fabrice Popineau
2015-10-23  9:20         ` Xebar Saram
2015-10-23 14:58           ` Matt Lundin
2015-10-23 16:08           ` Matt Price
2015-11-22 14:25             ` Xebar Saram
2015-11-22 15:50               ` Eric S Fraga
2015-11-22 16:47                 ` Xebar Saram
2015-11-22 21:58                   ` Matt Price
2015-11-23  2:55                     ` John Hendy
2015-12-03  9:07                       ` Xebar Saram
2015-12-04 14:55                         ` John Hendy
2015-12-04 15:49                           ` Xebar Saram
2015-12-04 18:52                             ` John Hendy
2015-12-03  9:10                     ` Xebar Saram
2015-10-23 13:27         ` Andreas Leha
2015-10-23 16:15   ` Matt Price
2015-10-25 20:46     ` Eric S Fraga
2015-10-25 22:01       ` Matt Price
2015-10-26 16:34         ` Matt Price
2015-10-27 14:41         ` Eric S Fraga
2015-10-26 15:43       ` Xebar Saram

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).