Skip to content

Commit d9b6d81

Browse files
Simplify packaged introduction deck, closes imakewebthings#64
1 parent 6118e33 commit d9b6d81

File tree

4 files changed

+18
-160
lines changed

4 files changed

+18
-160
lines changed

introduction/index.html

Lines changed: 18 additions & 30 deletions
Original file line numberDiff line numberDiff line change
@@ -21,38 +21,18 @@
2121
<link rel="stylesheet" href="../extensions/status/deck.status.css">
2222
<link rel="stylesheet" href="../extensions/hash/deck.hash.css">
2323

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">
2726

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">
3029

3130
<script src="../modernizr.custom.js"></script>
3231
</head>
3332

3433
<body class="deck-container">
3534

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 -->
5636
<section class="slide" id="title-slide">
5737
<h1>Getting Started with deck.js</h1>
5838
</section>
@@ -183,28 +163,32 @@ <h2>Digging Deeper</h2>
183163
<p>If you want to learn about making your own themes, extending deck.js, and more, check out the&nbsp;<a href="../docs/">documentation</a>.</p>
184164
</section>
185165

166+
<!-- deck.navigation snippet -->
186167
<a href="#" class="deck-prev-link" title="Previous">&#8592;</a>
187168
<a href="#" class="deck-next-link" title="Next">&#8594;</a>
188169

170+
<!-- deck.status snippet -->
189171
<p class="deck-status">
190172
<span class="deck-status-current"></span>
191173
/
192174
<span class="deck-status-total"></span>
193175
</p>
194176

177+
<!-- deck.goto snippet -->
195178
<form action="." method="get" class="goto-form">
196179
<label for="goto-slide">Go to slide:</label>
197180
<input type="text" name="slidenum" id="goto-slide" list="goto-datalist">
198181
<datalist id="goto-datalist"></datalist>
199182
<input type="submit" value="Go">
200183
</form>
201184

185+
<!-- deck.hash snippet -->
202186
<a href="." title="Permalink to this slide" class="deck-permalink">#</a>
203187

204188

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>
208192

209193
<!-- Deck Core and extensions -->
210194
<script src="../core/deck.core.js"></script>
@@ -214,8 +198,12 @@ <h2>Digging Deeper</h2>
214198
<script src="../extensions/status/deck.status.js"></script>
215199
<script src="../extensions/navigation/deck.navigation.js"></script>
216200

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>
219207

220208
</body>
221209
</html>

introduction/introduction.css

Lines changed: 0 additions & 55 deletions
This file was deleted.

introduction/introduction.js

Lines changed: 0 additions & 13 deletions
This file was deleted.

introduction/introduction.scss

Lines changed: 0 additions & 62 deletions
This file was deleted.

0 commit comments

Comments
 (0)