Controlling layouts and alignment with markdown, reveal.js and css

Controlling layouts and alignment with markdown, reveal.js and css

[mean mole]

[-- Attachment #1.1: Type: text/plain, Size: 1183 bytes --]

Hello,

I am new to Pandoc, Markdown and reveal.js combo and there are few things I 
can't figure out. I am having trouble understanding how can I control the 
way Markdown data is being arranged on the reveal.js slides. For example, I 
would like to have simple slide where I have list of bullet points on left 
side of the slide and an image on the right side of the slide. Both next to 
each other on the same slide. Should I write my own .css file for reveal.js 
and somehow invoke it from the Markdown file? Any detailed instructions, 
manuals and tutorials regarding this specific issue are very welcome!

-- 
You received this message because you are subscribed to the Google Groups "pandoc-discuss" group.
To unsubscribe from this group and stop receiving emails from it, send an email to pandoc-discuss+unsubscribe-/JYPxA39Uh5TLH3MbocFF+G/Ez6ZCGd0@public.gmane.org
To post to this group, send email to pandoc-discuss-/JYPxA39Uh5TLH3MbocFF+G/Ez6ZCGd0@public.gmane.org
To view this discussion on the web visit https://groups.google.com/d/msgid/pandoc-discuss/7a1ed19c-23fc-4415-a7a8-633b1b19302d%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

[-- Attachment #1.2: Type: text/html, Size: 1616 bytes --]

Re: Controlling layouts and alignment with markdown, reveal.js and css

[John MacFarlane]

Usually I'd do this by putting a class on the image
and adding some CSS.

![image](url){.float-right}

You could also wrap something image in a div.

::: left
- my
- bullets
:::

and add some CSS for the 'left' class.


mean mole <sheepratafrica2-Re5JQEeQqe8AvxtiuMwx3w@public.gmane.org> writes:

> Hello,
>
> I am new to Pandoc, Markdown and reveal.js combo and there are few things I 
> can't figure out. I am having trouble understanding how can I control the 
> way Markdown data is being arranged on the reveal.js slides. For example, I 
> would like to have simple slide where I have list of bullet points on left 
> side of the slide and an image on the right side of the slide. Both next to 
> each other on the same slide. Should I write my own .css file for reveal.js 
> and somehow invoke it from the Markdown file? Any detailed instructions, 
> manuals and tutorials regarding this specific issue are very welcome!
>
> -- 
> You received this message because you are subscribed to the Google Groups "pandoc-discuss" group.
> To unsubscribe from this group and stop receiving emails from it, send an email to pandoc-discuss+unsubscribe-/JYPxA39Uh5TLH3MbocFF+G/Ez6ZCGd0@public.gmane.org
> To post to this group, send email to pandoc-discuss-/JYPxA39Uh5TLH3MbocFF+G/Ez6ZCGd0@public.gmane.org
> To view this discussion on the web visit https://groups.google.com/d/msgid/pandoc-discuss/7a1ed19c-23fc-4415-a7a8-633b1b19302d%40googlegroups.com.
> For more options, visit https://groups.google.com/d/optout.

Re: Controlling layouts and alignment with markdown, reveal.js and css

[mean mole]

[-- Attachment #1.1: Type: text/plain, Size: 776 bytes --]

Should I write my own CSS file and put it somewhere or should I just start 
modifying the reveal.js/reveal.css file directly? If I can write my own CSS 
files, how do I select and use them from Markdown?

-- 
You received this message because you are subscribed to the Google Groups "pandoc-discuss" group.
To unsubscribe from this group and stop receiving emails from it, send an email to pandoc-discuss+unsubscribe-/JYPxA39Uh5TLH3MbocFF+G/Ez6ZCGd0@public.gmane.org
To post to this group, send email to pandoc-discuss-/JYPxA39Uh5TLH3MbocFF+G/Ez6ZCGd0@public.gmane.org
To view this discussion on the web visit https://groups.google.com/d/msgid/pandoc-discuss/5a2c7ec2-034f-4313-9880-9b4d80de3da9%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

[-- Attachment #1.2: Type: text/html, Size: 1186 bytes --]