Add framework for presentations
[functest.git] / docs / com / test / test.html
1 <!doctype html>
2 <html lang="en">
3
4         <head>
5                 <meta charset="utf-8">
6
7                 <title>reveal.js - Tests</title>
8
9                 <link rel="stylesheet" href="../css/reveal.css">
10                 <link rel="stylesheet" href="qunit-1.12.0.css">
11         </head>
12
13         <body style="overflow: auto;">
14
15                 <div id="qunit"></div>
16                 <div id="qunit-fixture"></div>
17
18                 <div class="reveal" style="display: none;">
19
20                         <div class="slides">
21
22                                 <section data-background-image="examples/assets/image1.png">
23                                         <h1>1</h1>
24                                         <img data-src="fake-url.png">
25                                         <video data-src="fake-url.mp4"></video>
26                                         <audio data-src="fake-url.mp3"></audio>
27                                         <aside class="notes">speaker notes 1</aside>
28                                 </section>
29
30                                 <section>
31                                         <section data-background="examples/assets/image2.png" data-notes="speaker notes 2">
32                                                 <h1>2.1</h1>
33                                         </section>
34                                         <section>
35                                                 <h1>2.2</h1>
36                                         </section>
37                                         <section>
38                                                 <h1>2.3</h1>
39                                         </section>
40                                 </section>
41
42                                 <section id="fragment-slides">
43                                         <section>
44                                                 <h1>3.1</h1>
45                                                 <ul>
46                                                         <li class="fragment">4.1</li>
47                                                         <li class="fragment">4.2</li>
48                                                         <li class="fragment">4.3</li>
49                                                 </ul>
50                                         </section>
51
52                                         <section>
53                                                 <h1>3.2</h1>
54                                                 <ul>
55                                                         <li class="fragment" data-fragment-index="0">4.1</li>
56                                                         <li class="fragment" data-fragment-index="0">4.2</li>
57                                                 </ul>
58                                                 <iframe data-src="http://example.com"></iframe>
59                                         </section>
60
61                                         <section>
62                                                 <h1>3.3</h1>
63                                                 <ul>
64                                                         <li class="fragment" data-fragment-index="1">3.3.1</li>
65                                                         <li class="fragment" data-fragment-index="4">3.3.2</li>
66                                                         <li class="fragment" data-fragment-index="4">3.3.3</li>
67                                                 </ul>
68                                         </section>
69                                 </section>
70
71                                 <section>
72                                         <h1>4</h1>
73                                 </section>
74
75                         </div>
76
77                 </div>
78
79                 <script src="../lib/js/head.min.js"></script>
80                 <script src="../js/reveal.js"></script>
81                 <script src="qunit-1.12.0.js"></script>
82
83                 <script src="test.js"></script>
84
85         </body>
86 </html>