forked from GPhilo/rslidy2
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathdemo.html
86 lines (71 loc) · 2.29 KB
/
demo.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<meta charset="UTF-8"/>
<!-- for css3 media queries to work properly on mobile devices-->
<meta name="viewport" content="width=device-width"/>
<title>rSlidy2 - Demo Presentation</title>
<link rel="stylesheet" href="styles/reset.css"/>
<link rel="stylesheet" href="styles/normalise.css"/>
<link rel="stylesheet" href="styles/slides-base.css"/>
<link rel="stylesheet" href="styles/rslidy2.css" />
<link rel="stylesheet" href="demo.css" />
<script src="scripts/fulltilt.js" charset="utf-8" type="text/javascript"></script>
<script src="scripts/rslidy2.js" charset="utf-8" type="text/javascript"></script>
</head>
<body data-tilt="false">
<div class="slide titleslide">
<h1>rSlidy2</h1>
<p>
<h3>Demo Presentation</h3>
</p>
<p>
Web site:<br/>
<a href="https://github.com/GPhilo/rSlidy2">
<code>https://github.com/GPhilo/rSlidy2</code>
</a>
</p>
</div>
<div class="slide">
<h1>Basics </h1>
<ul>
<li>Each presentation in a single XHTML file</li>
<li>Each slide is enclosed in <em><div class="slide"> ...
</div></em>
<li>Use regular markup within each slide</li>
<li>Include style sheet (rslidy2.css) and script (rslidy2.js) in the header</li>
<li>You may include a seperate stylesheet for you presentation if you want to change the default style
<ul>
<li>See demo.css as an example </li>
</ul>
</li>
</ul>
</div>
<div class="slide">
<h1>Title Page </h1>
<ul>
<li>To create a title page use <em><div class="slide titleslide"> ...
</div></em> </li>
</ul>
</div>
<div class="slide">
<h1>Incremental Display of Slide Contents </h1>
<ul class="incremental">
<li>For incremental display, use class="incremental" when creating an HTML-list</li>
<li>Like: <em><ul class="incremental"> ...
</ul></em></li>
</ul>
</div>
<div class="slide">
<h1>Anything else is just basic HTML and CSS</h1>
<ul>
<li>Right now it is strongly recommended to use a recent version of Chrome to display the slides</li>
<li>Report issues on our github page: <a href="https://github.com/GPhilo/rSlidy2">
<code>https://github.com/GPhilo/rSlidy2</code></a></li>
<li>But please note that <strong>this is a work in progress</strong>
</li>
<li>Have fun!</li>
</ul>
</div>
</body>
</html>