projects / reveal.js.git / commitdiff
? search:
summary | shortlog | log | commit | commitdiff | tree
raw | patch | inline | side by side (parent: f3f5d77)
add test directory and simple test document for per-slide backgrounds (#453)
authorHakim El Hattab <hakim@squarespace.com>
Tue, 4 Jun 2013 17:42:56 +0000 (19:42 +0200)
committerHakim El Hattab <hakim@squarespace.com>
Tue, 4 Jun 2013 17:42:56 +0000 (19:42 +0200)
test/assets/image1.png [new file with mode: 0644] patch | blob
test/assets/image2.png [new file with mode: 0644] patch | blob
test/background.html [new file with mode: 0644] patch | blob

diff --git a/test/assets/image1.png b/test/assets/image1.png
new file mode 100644 (file)
index 0000000..8747594
Binary files /dev/null and b/test/assets/image1.png differ
diff --git a/test/assets/image2.png b/test/assets/image2.png
new file mode 100644 (file)
index 0000000..6c403a0
Binary files /dev/null and b/test/assets/image2.png differ
diff --git a/test/background.html b/test/background.html
new file mode 100644 (file)
index 0000000..9827eef
--- /dev/null
+++ b/test/background.html
@@ -0,0 +1,82 @@
+<!doctype html>
+<html lang="en">
+
+       <head>
+               <meta charset="utf-8">
+
+               <title>reveal.js - Test</title>
+
+               <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
+
+               <link rel="stylesheet" href="../css/reveal.min.css">
+               <link rel="stylesheet" href="../css/theme/serif.css" id="theme">
+       </head>
+
+       <body>
+
+               <div class="reveal">
+
+                       <div class="slides">
+
+                               <section data-background="#00ffff">
+                                       <h2>data-background: #00ff00</h2>
+                               </section>
+
+                               <section data-background="#0000ff">
+                                       <h2>data-background: #0000ff</h2>
+                               </section>
+
+                               <section>
+                                       <section data-background="#ff0000">
+                                               <h2>data-background: #ff0000</h2>
+                                       </section>
+                                       <section data-background="rgba(0, 0, 0, 0.2)">
+                                               <h2>data-background: rgba(0, 0, 0, 0.2)</h2>
+                                       </section>
+                                       <section data-background="salmon">
+                                               <h2>data-background: salmon</h2>
+                                       </section>
+                               </section>
+
+                               <section data-background="rgba(0, 100, 100, 0.2)">
+                                       <section>
+                                               <h2>Background applied to stack</h2>
+                                       </section>
+                                       <section>
+                                               <h2>Background applied to stack</h2>
+                                       </section>
+                                       <section data-background="rgba(100, 0, 0, 0.2)">
+                                               <h2>Background applied to slide inside of stack</h2>
+                                       </section>
+                               </section>
+
+                               <section data-background="assets/image1.png">
+                                       <h2>Background image</h2>
+                               </section>
+
+                               <section data-background="assets/image2.png">
+                                       <h2>Background image</h2>
+                               </section>
+                               
+                       </div>
+
+               </div>
+
+               <script src="../lib/js/head.min.js"></script>
+               <script src="../js/reveal.min.js"></script>
+
+               <script>
+
+                       // Full list of configuration options available here:
+                       // https://github.com/hakimel/reveal.js#configuration
+                       Reveal.initialize({
+                               controls: true,
+                               progress: true,
+                               history: true,
+                               center: true
+                       });
+
+               </script>
+
+       </body>
+</html>
Assorted talks written in reveal.js.