diff options
author | Hakim El Hattab <hakim.elhattab@gmail.com> | 2019-03-20 09:12:31 +0100 |
---|---|---|
committer | Hakim El Hattab <hakim.elhattab@gmail.com> | 2019-03-20 09:12:31 +0100 |
commit | 01874c6e70f11b63c66bdace29411812932b88f9 (patch) | |
tree | 3c0409a8133a8466775ca2c28cacd1a90d5d8dc3 | |
parent | c7db11d9cfeb7984f643af3effb1fea5865ce4cc (diff) | |
download | perl-software-in-gnu-guix-01874c6e70f11b63c66bdace29411812932b88f9.tar perl-software-in-gnu-guix-01874c6e70f11b63c66bdace29411812932b88f9.tar.gz |
new demo slide to promote iframes/iframe backgrounds
-rw-r--r-- | demo.html | 7 |
1 files changed, 7 insertions, 0 deletions
@@ -232,6 +232,13 @@ <pre><code class="hljs html" style="word-wrap: break-word;"><section data-background-transition="zoom"></code></pre> </section> + <section data-background-iframe="https://hakim.se" data-background-interactive> + <div style="position: absolute; width: 40%; right: 0; box-shadow: 0 1px 4px rgba(0,0,0,0.5), 0 5px 25px rgba(0,0,0,0.2); background-color: rgba(0, 0, 0, 0.9); color: #fff; padding: 20px; font-size: 20px; text-align: left;"> + <h2>Iframe Backgrounds</h2> + <p>Since reveal.js runs on the web, you can easily embed other web content. Try interacting with the page in the background.</p> + </div> + </section> + <section> <h2>Pretty Code</h2> <pre><code class="hljs" data-trim data-line-numbers="4,8-9"> |