aboutsummaryrefslogtreecommitdiff
path: root/demo.html
diff options
context:
space:
mode:
authorHakim El Hattab <hakim.elhattab@gmail.com>2020-05-14 12:39:45 +0200
committerHakim El Hattab <hakim.elhattab@gmail.com>2020-05-14 12:39:45 +0200
commit30cd9a8d3bd62806b05bfb12748d5c0730b7eb11 (patch)
treefcc83f8126cafe1ec1be7088eb5d6320dee405e8 /demo.html
parentf04a00672c3c28fd33c3cd187f07f1012441d51d (diff)
downloadfosdem-2021-minimalism-presentation-30cd9a8d3bd62806b05bfb12748d5c0730b7eb11.tar
fosdem-2021-minimalism-presentation-30cd9a8d3bd62806b05bfb12748d5c0730b7eb11.tar.gz
remove default border around images, now available via img.r-frame
Diffstat (limited to 'demo.html')
-rw-r--r--demo.html6
1 files changed, 3 insertions, 3 deletions
diff --git a/demo.html b/demo.html
index a2a1927..cd073d2 100644
--- a/demo.html
+++ b/demo.html
@@ -51,7 +51,7 @@
<p>Use the <em>Space</em> key to navigate through all slides.</p>
<br>
<a href="#" class="navigate-down">
- <img width="178" height="238" data-src="https://s3.amazonaws.com/hakim-static/reveal-js/arrow.png" alt="Down arrow">
+ <img class="r-frame" style="background: rgba(255,255,255,0.1);" width="178" height="238" data-src="https://s3.amazonaws.com/hakim-static/reveal-js/arrow.png" alt="Down arrow">
</a>
</section>
<section>
@@ -63,7 +63,7 @@
<p>That's it, time to go back up.</p>
<br>
<a href="#/2">
- <img width="178" height="238" data-src="https://s3.amazonaws.com/hakim-static/reveal-js/arrow.png" alt="Up arrow" style="transform: rotate(180deg); -webkit-transform: rotate(180deg);">
+ <img class="r-frame" style="background: rgba(255,255,255,0.1); transform: rotate(180deg);" width="178" height="238" data-src="https://s3.amazonaws.com/hakim-static/reveal-js/arrow.png" alt="Up arrow">
</a>
</section>
</section>
@@ -230,7 +230,7 @@
Set <code>data-background="#dddddd"</code> on a slide to change the background color. All CSS color formats are supported.
</p>
<a href="#" class="navigate-down">
- <img width="178" height="238" data-src="https://s3.amazonaws.com/hakim-static/reveal-js/arrow.png" alt="Down arrow">
+ <img class="r-frame" style="background: rgba(255,255,255,0.1);" width="178" height="238" data-src="https://s3.amazonaws.com/hakim-static/reveal-js/arrow.png" alt="Down arrow">
</a>
</section>
<section data-background="https://s3.amazonaws.com/hakim-static/reveal-js/image-placeholder.png">