21
21
< link rel ="stylesheet " href ="../extensions/status/deck.status.css ">
22
22
< link rel ="stylesheet " href ="../extensions/hash/deck.hash.css ">
23
23
24
- <!-- Theme CSS files (menu swaps these out) -->
25
- < link rel ="stylesheet " id ="style-theme-link " href ="../themes/style/web-2.0.css ">
26
- < link rel ="stylesheet " id ="transition-theme-link " href ="../themes/transition/horizontal-slide.css ">
24
+ <!-- Style theme. More available in /themes/style/ or create your own. -->
25
+ < link rel ="stylesheet " href ="../themes/style/web-2.0.css ">
27
26
28
- <!-- Custom CSS just for this page -->
29
- < link rel ="stylesheet " href ="introduction .css ">
27
+ <!-- Transition theme. More available in /themes/transition/ or create your own. -->
28
+ < link rel ="stylesheet " href ="../themes/transition/horizontal-slide .css ">
30
29
31
30
< script src ="../modernizr.custom.js "> </ script >
32
31
</ head >
33
32
34
33
< body class ="deck-container ">
35
34
36
- < div class ="theme-menu ">
37
- < h2 > Themes</ h2 >
38
-
39
- < label for ="style-themes "> Style:</ label >
40
- < select id ="style-themes ">
41
- < option selected value ="../themes/style/web-2.0.css "> Web 2.0</ option >
42
- < option value ="../themes/style/swiss.css "> Swiss</ option >
43
- < option value ="../themes/style/neon.css "> Neon</ option >
44
- < option value =""> None</ option >
45
- </ select >
46
-
47
- < label for ="transition-themes "> Transition:</ label >
48
- < select id ="transition-themes ">
49
- < option selected value ="../themes/transition/horizontal-slide.css "> Horizontal Slide</ option >
50
- < option value ="../themes/transition/vertical-slide.css "> Vertical Slide</ option >
51
- < option value ="../themes/transition/fade.css "> Fade</ option >
52
- < option value =""> None</ option >
53
- </ select >
54
- </ div >
55
-
35
+ <!-- Begin slides -->
56
36
< section class ="slide " id ="title-slide ">
57
37
< h1 > Getting Started with deck.js</ h1 >
58
38
</ section >
@@ -183,28 +163,32 @@ <h2>Digging Deeper</h2>
183
163
< p > If you want to learn about making your own themes, extending deck.js, and more, check out the < a href ="../docs/ "> documentation</ a > .</ p >
184
164
</ section >
185
165
166
+ <!-- deck.navigation snippet -->
186
167
< a href ="# " class ="deck-prev-link " title ="Previous "> ←</ a >
187
168
< a href ="# " class ="deck-next-link " title ="Next "> →</ a >
188
169
170
+ <!-- deck.status snippet -->
189
171
< p class ="deck-status ">
190
172
< span class ="deck-status-current "> </ span >
191
173
/
192
174
< span class ="deck-status-total "> </ span >
193
175
</ p >
194
176
177
+ <!-- deck.goto snippet -->
195
178
< form action =". " method ="get " class ="goto-form ">
196
179
< label for ="goto-slide "> Go to slide:</ label >
197
180
< input type ="text " name ="slidenum " id ="goto-slide " list ="goto-datalist ">
198
181
< datalist id ="goto-datalist "> </ datalist >
199
182
< input type ="submit " value ="Go ">
200
183
</ form >
201
184
185
+ <!-- deck.hash snippet -->
202
186
< a href =". " title ="Permalink to this slide " class ="deck-permalink "> #</ a >
203
187
204
188
205
- <!-- Grab CDN jQuery, with a protocol relative URL; fall back to local if offline -->
206
- < script src ="//ajax.aspnetcdn.com/ajax/jQuery/jquery-1.7.min.js "> </ script >
207
- < script > window . jQuery || document . write ( '<script src="../jquery-1.7.min.js"><\/script>' ) </ script >
189
+ <!-- Grab CDN jQuery, with a protocol relative URL; fall back to local if offline -->
190
+ < script src ="//ajax.aspnetcdn.com/ajax/jQuery/jquery-1.7.min.js "> </ script >
191
+ < script > window . jQuery || document . write ( '<script src="../jquery-1.7.min.js"><\/script>' ) </ script >
208
192
209
193
<!-- Deck Core and extensions -->
210
194
< script src ="../core/deck.core.js "> </ script >
@@ -214,8 +198,12 @@ <h2>Digging Deeper</h2>
214
198
< script src ="../extensions/status/deck.status.js "> </ script >
215
199
< script src ="../extensions/navigation/deck.navigation.js "> </ script >
216
200
217
- <!-- Specific to this page -->
218
- < script src ="introduction.js "> </ script >
201
+ <!-- Initialize the deck -->
202
+ < script >
203
+ $ ( function ( ) {
204
+ $ . deck ( '.slide' ) ;
205
+ } ) ;
206
+ </ script >
219
207
220
208
</ body >
221
209
</ html >
0 commit comments