aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorHakim El Hattab <hakim.elhattab@gmail.com>2019-03-20 09:12:31 +0100
committerHakim El Hattab <hakim.elhattab@gmail.com>2019-03-20 09:12:31 +0100
commit01874c6e70f11b63c66bdace29411812932b88f9 (patch)
tree3c0409a8133a8466775ca2c28cacd1a90d5d8dc3
parentc7db11d9cfeb7984f643af3effb1fea5865ce4cc (diff)
downloadperl-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.html7
1 files changed, 7 insertions, 0 deletions
diff --git a/demo.html b/demo.html
index 634b538..6743d27 100644
--- a/demo.html
+++ b/demo.html
@@ -232,6 +232,13 @@
<pre><code class="hljs html" style="word-wrap: break-word;">&lt;section data-background-transition="zoom"&gt;</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">