From: Matt Price <moptop99@gmail.com>
To: Michael Welle <mwe012008@gmx.net>, Org Mode <emacs-orgmode@gnu.org>
Subject: Re: org-reveal: content side by side
Date: Mon, 5 Feb 2018 19:37:39 -0500 [thread overview]
Message-ID: <CAN_Dec-VFAppweiNsHcdUbwgPW7KQf9afC3seWLT45GaE6SHtw@mail.gmail.com> (raw)
In-Reply-To: <87po5k61af.fsf@luisa.c0t0d0s0.de>
[-- Attachment #1: Type: text/plain, Size: 1753 bytes --]
for this issue, I define a class "paired" in my local cass file (or
actually, I now use a very modestly edited custom theme) :
.paired {
float:left !important;
max-width:47% !important;
}
and then in the org file:
:#+ATTR_HTML: :class paired
That works OK for me. the "!important" is necessary because reveal css is
prtty greedy & hard to override.
On Sun, Feb 4, 2018 at 1:46 PM, Michael Welle <mwe012008@gmx.net> wrote:
> Hello,
>
> took me the better part of the afternoon, but I came up with the
> following approach:
>
>
>
> * Was ist Virtualisierung?
> - Aus der Wikipedia:
> #+BEGIN_QUOTE
> Virtualisierung bezeichnet in der Informatik die Nachbildung eines
> Hard- oder Software-Objekts durch ein ähnliches Objekt vom selben Typ
> mit Hilfe eines Abstraktions-Layers.
> #+END_QUOTE
>
>
> #+REVEAL_HTML: <div style="display:flex;align-items:center;margin:auto;
> width:60%;">
>
> #+REVEAL_HTML: <div style="width:30%">
> [[./img/1290250232.svg]]
> #+REVEAL_HTML: </div>
>
> #+REVEAL_HTML: <div style="width:30%">
> [[./img/Machovka-chip.svg]]
> #+REVEAL_HTML: </div>
>
> #+REVEAL_HTML: <div style="width:30%">
> [[./img/SAN-Disk-Array-SCSI-29.07.11.svg]]
> #+REVEAL_HTML: </div>
>
> #+REVEAL_HTML: </div>
>
>
> That resembles the slide from [0] to a certain degree. The three images
> are centered, vertically and horizontally, even if they are of different
> sizes. I'm not sure though how good the support for display:flex is,
> esp. when it comes to mobile devices. And, for my taste at least, that
> approach needs too much knowledge about style sheets. Still looking for
> a nicer solution ;).
>
> Regards
> hmw
>
> [0] https://www.c0t0d0s0.de/tmp/vm1.png
>
>
[-- Attachment #2: Type: text/html, Size: 2528 bytes --]
next prev parent reply other threads:[~2018-02-06 0:37 UTC|newest]
Thread overview: 11+ messages / expand[flat|nested] mbox.gz Atom feed top
2018-02-04 10:59 org-reveal: content side by side Michael Welle
2018-02-04 18:46 ` Michael Welle
2018-02-06 0:37 ` Matt Price [this message]
2018-02-07 17:42 ` Michael Welle
2018-02-11 15:29 ` Michael Welle
2018-02-13 11:19 ` Eric S Fraga
2018-02-13 11:43 ` Michael Welle
2018-02-13 12:33 ` Jens Lechtenboerger
2018-02-13 15:16 ` Michael Welle
2018-02-13 16:16 ` Jens Lechtenboerger
2018-02-13 16:21 ` Michael Welle
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=CAN_Dec-VFAppweiNsHcdUbwgPW7KQf9afC3seWLT45GaE6SHtw@mail.gmail.com \
--to=moptop99@gmail.com \
--cc=emacs-orgmode@gnu.org \
--cc=mwe012008@gmx.net \
/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).