diff options
author | Hakim El Hattab <hakim.elhattab@gmail.com> | 2020-05-27 15:51:05 +0200 |
---|---|---|
committer | Hakim El Hattab <hakim.elhattab@gmail.com> | 2020-05-27 15:51:05 +0200 |
commit | a65e96fbc6b7ae863ff7cd76126a214e9d15b9fb (patch) | |
tree | 5555a8f1089c68a5b2d2c12ee599c81ce99eac96 | |
parent | eb026f79b4beb0a294626ec5d92f77e5c05b5130 (diff) | |
download | fosdem-2021-minimalism-presentation-a65e96fbc6b7ae863ff7cd76126a214e9d15b9fb.tar fosdem-2021-minimalism-presentation-a65e96fbc6b7ae863ff7cd76126a214e9d15b9fb.tar.gz |
serve demo assets from cdn, logo on first slide in demo.html
-rw-r--r-- | demo.html | 14 |
1 files changed, 7 insertions, 7 deletions
@@ -29,7 +29,7 @@ <!-- Any section element inside of this container is displayed as a slide --> <div class="slides"> <section> - <h1>Reveal.js</h1> + <img src="https://static.slid.es/reveal/logo-v1/reveal-white-text.svg" alt="reveal.js logo" style="height: 180px; margin: 0 auto 4rem auto; background: transparent;" class="demo-logo"> <h3>The HTML Presentation Framework</h3> <p> <small>Created by <a href="http://hakim.se">Hakim El Hattab</a> and <a href="https://github.com/hakimel/reveal.js/graphs/contributors">contributors</a></small> @@ -51,7 +51,7 @@ <p>Use the <em>Space</em> key to navigate through all slides.</p> <br> <a href="#" class="navigate-down"> - <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"> + <img class="r-frame" style="background: rgba(255,255,255,0.1);" width="178" height="238" data-src="https://static.slid.es/reveal/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 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"> + <img class="r-frame" style="background: rgba(255,255,255,0.1); transform: rotate(180deg);" width="178" height="238" data-src="https://static.slid.es/reveal/arrow.png" alt="Up arrow"> </a> </section> </section> @@ -256,18 +256,18 @@ 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 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"> + <img class="r-frame" style="background: rgba(255,255,255,0.1);" width="178" height="238" data-src="https://static.slid.es/reveal/arrow.png" alt="Down arrow"> </a> </section> - <section data-background="https://s3.amazonaws.com/hakim-static/reveal-js/image-placeholder.png"> + <section data-background="https://static.slid.es/reveal/image-placeholder.png"> <h2>Image Backgrounds</h2> <pre><code class="hljs html"><section data-background="image.png"></code></pre> </section> - <section data-background="https://s3.amazonaws.com/hakim-static/reveal-js/image-placeholder.png" data-background-repeat="repeat" data-background-size="100px"> + <section data-background="https://static.slid.es/reveal/image-placeholder.png" data-background-repeat="repeat" data-background-size="100px"> <h2>Tiled Backgrounds</h2> <pre><code class="hljs html" style="word-wrap: break-word;"><section data-background="image.png" data-background-repeat="repeat" data-background-size="100px"></code></pre> </section> - <section data-background-video="https://s3.amazonaws.com/static.slid.es/site/homepage/v1/homepage-video-editor.mp4,https://s3.amazonaws.com/static.slid.es/site/homepage/v1/homepage-video-editor.webm" data-background-color="#000000"> + <section data-background-video="https://s3.amazonaws.com/static.slid.es/site/homepage/v1/homepage-video-editor.mp4" data-background-color="#000000"> <div style="background-color: rgba(0, 0, 0, 0.9); color: #fff; padding: 20px;"> <h2>Video Backgrounds</h2> <pre><code class="hljs html" style="word-wrap: break-word;"><section data-background-video="video.mp4,video.webm"></code></pre> |