-
Notifications
You must be signed in to change notification settings - Fork 4
/
wildfly-deck-full.html
138 lines (121 loc) · 5 KB
/
wildfly-deck-full.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
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
<!DOCTYPE html>
<meta charset="utf-8">
<title>WildFly (Full Deck)</title>
<link rel="icon" type="image/png" href="assets/img/favicon.ico">
<!-- Optional: on every page: header and footer -->
<!-- no header
<header>Hi, I'm a header</header>
-->
<!-- footer is the wildfly logo -->
<footer><img src="assets/img/logo.png" width="100" height="30" /></footer>
<!-- Your Slides -->
<!-- One section is one slide -->
<section>
<!-- This is the first slide -->
<figure> <!-- Figures are used to display images and videos fullpage -->
<img src="assets/img/wildfly_hero_r3v1.jpg">
<figcaption>
<img src="assets/img/wildfly_icons_one-color-logo.png" />
</figcaption>
</figure>
<footer>by John Doe</footer>
</section>
<section>
<!-- This is the second slide, the speaker's info -->
<h3>About Me</h3>
<ul>
<li>My name is John Doe, and I’m a WildFly developer at Red Hat
<li>I live by the sea since I can remember, so naturally I’m bound to it, and went through every imaginable sea activity, but in the last 15 years it’s mostly about surfing.
</ul>
</section>
<section>
<p>Some random text: But I've never been to the moon! You can see how I lived before I met you. Also Zoidberg.
I could if you hadn't turned on the light and shut off my stereo.</p>
</section>
<section>
<h3>An incremental list</h3>
<ul>
<li class="next">Item 1
<li class="next">Item 2
<li class="next">Item 3
<ul>
<li class="next"> Item 3.1
<li class="next"> Item 3.2
</ul>
</ul>
<div role="note">Some notes. They are only visible using onstage shell.</div>
</section>
<section>
<h3>More incrementals</h3>
<p class="next">Not only list elements can appear incrementally</p>
<p><mark class="next">Styles</mark> can be incremental
<mark class="next">too</mark></p>
</section>
<section>
<h3>Even more incrementals</h3>
<p>
<span class="next" next-order="3">They</span>
<span class="next" next-order="5">can</span>
<span class="next" next-order="2">even</span>
<span class="next" next-order="1">appear</span>
<span class="next" next-order="7">in</span>
<span class="next" next-order="4">any</span>
<span class="next" next-order="6">order</span>
<span class="next" next-order="8">!</span>
</p>
</section>
<section>
<blockquote>
Who's brave enough to fly into something we all keep calling a death sphere?
</blockquote>
<details>
<p>In the onstage shell, notes scroll rather than overflow:</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ac dui eu est feugiat lacinia sit amet nec leo. Mauris eu ipsum leo. Nulla mi odio, cursus sed sollicitudin non, fringilla id magna. Suspendisse sit amet posuere elit. Maecenas iaculis, turpis a placerat imperdiet, libero lorem feugiat nisi, nec tincidunt diam nibh sit amet massa. Vestibulum quis adipiscing tellus. Maecenas sollicitudin sodales pulvinar. Donec dui ipsum, bibendum facilisis consequat interdum, tempus ut mauris. Aliquam ut dolor nec odio scelerisque bibendum quis in neque. Aliquam dui dui, pulvinar quis fermentum quis, gravida eu augue. Nunc tristique dolor a urna pulvinar bibendum. Curabitur mollis cursus neque, in scelerisque metus porta non. Donec tempor enim in nibh vestibulum et convallis nisi malesuada. Duis ut lectus sed metus venenatis porttitor id pharetra quam. Suspendisse sapien turpis, ornare in molestie et, gravida eget turpis.
</p>
</details>
</section>
<section>
<h1>Part two</h1>
</section>
<section>
<figure> <!-- Figures are used to display images and videos fullpage -->
<img src="http://placekitten.com/g/800/600">
<figcaption>An image</figcaption>
</figure>
<div role="note">Kittens are so cute!</div>
</section>
<!-- Example of Video Slide. Pls note that videos are automatically played -->
<section>
<figure>
<video src="http://videos.cdn.mozilla.net/brand/Mozilla_Firefox_Manifesto_v0.2_640.webm" poster="http://www.mozilla.org/images/about/poster.jpg"></video>
<figcaption>A video</figcaption>
</figure>
</section>
<section>
<h1>Thank You!</h1>
</section>
<!-- {{{{ dzslides core
#
#
# __ __ __ . __ ___ __
# | \ / /__` | | | \ |__ /__`
# |__/ /_ .__/ |___ | |__/ |___ .__/ core :€
#
#
# The following block of code is not supposed to be edited.
# But if you want to change the behavior of these slides,
# feel free to hack it!
#
-->
<div id="progress-bar"></div>
<!-- Your Style -->
<!-- Define the style of your presentation -->
<!-- Maybe a font from http://www.google.com/webfonts ? -->
<link href='https://fonts.googleapis.com/css?family=Red+Hat+Text|PT+Mono|Titillium+Web' rel='stylesheet'>
<link rel="stylesheet" type="text/css" href="default.css"/>
<link rel="stylesheet" type="text/css" href="wildfly.css"/>
<!-- uncomment when presenting as 4:3
<link rel="stylesheet" type="text/css" href="4x3screen.css"/>
-->
<script src="wildfly-deck.js"></script>
<!-- vim: set fdm=marker: }}} -->