summaryrefslogtreecommitdiff
path: root/deck.js/extensions/bundle-maker/presentation.html
diff options
context:
space:
mode:
authorChristian Franke <nobody@nowhere.ws>2013-04-09 14:31:22 +0200
committerChristian Franke <nobody@nowhere.ws>2013-04-09 14:31:22 +0200
commit5a774ef6f3b38b19b26913a34b1388530c72334e (patch)
tree543127427771d75f652fc9e726cc39aa1a72571c /deck.js/extensions/bundle-maker/presentation.html
Initial Commit
Diffstat (limited to 'deck.js/extensions/bundle-maker/presentation.html')
-rw-r--r--deck.js/extensions/bundle-maker/presentation.html140
1 files changed, 140 insertions, 0 deletions
diff --git a/deck.js/extensions/bundle-maker/presentation.html b/deck.js/extensions/bundle-maker/presentation.html
new file mode 100644
index 0000000..1561c35
--- /dev/null
+++ b/deck.js/extensions/bundle-maker/presentation.html
@@ -0,0 +1,140 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <meta charset="utf-8">
+ <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+ <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0">
+
+ <!-- PROVIDE METADATA -->
+ <!-- ================ -->
+ <title>ZZZZ A Deck.js Presentation</title>
+ <meta name="author" content="ZZZZ Author">
+
+ <!-- Required stylesheet -->
+ <link rel="stylesheet" href="deck.js/core/deck.core.css">
+
+ <!-- Style theme. More available in deck.js/themes/style/ or create your own. -->
+ <link rel="stylesheet" href="deck.js/themes/style/web-2.0.css">
+
+ <!-- Transition, for your audience, use it only for short presentations, see deck.js/themes/transition -->
+ <!--link rel="stylesheet" href="deck.js/themes/transition/****.css"-->
+
+ <!-- Required Modernizr file -->
+ <script src="deck.js/modernizr.custom.js"></script>
+ <!-- Required JS files. -->
+ <script src="deck.js/jquery-1.7.2.min.js"></script>
+ <script src="deck.js/core/deck.core.js"></script>
+
+ <!-- PROVIDE EXTENSIONS: JS and CSS files -->
+ <!-- ============================ -->
+ <!-- proper slide scaling (type 's' to disable) -->
+ <script src="deck.js/extensions/fit/deck.fit.js"></script>
+ <link rel="stylesheet" href="deck.js/extensions/fit/deck.fit-fs.css"> <!-- fit to window -->
+ <!-- animations, svg etc (better to include it after the 'status' extension... so see below) -->
+ <!-- math equations -->
+ <script src="deck.js/libs/display-latex2.user.js"></script>
+ <script src="deck.js/extensions/simplemath/deck.simplemath.js"></script>
+ <!-- smart syntax -->
+ <script src="deck.js/extensions/smartsyntax/deck.smartsyntax.js"></script>
+ <!-- clone by typing 'c' (popups a slave presentation) (uses "clone snippet" at the end of the page) -->
+ <script src="deck.js/extensions/clone/deck.clone.js"></script>
+ <!-- goto by typing 'g' (uses "goto snippet" at the end of the page) -->
+ <link rel="stylesheet" href="deck.js/extensions/goto/deck.goto.css">
+ <script src="deck.js/extensions/goto/deck.goto.js"></script>
+ <!-- slide number indicator (uses "status snippet" at the end of the page) -->
+ <link rel="stylesheet" href="deck.js/extensions/status/deck.status.css">
+ <script src="deck.js/extensions/status/deck.status.js"></script>
+ <!-- navigation buttons (uses "navigation snippet" at the end of the page) -->
+ <link rel="stylesheet" href="deck.js/extensions/navigation/deck.navigation.css">
+ <script src="deck.js/extensions/navigation/deck.navigation.js"></script>
+ <!-- slide selector by typing 'm' -->
+ <script src="deck.js/extensions/menu/deck.menu.js"></script>
+ <link rel="stylesheet" href="deck.js/extensions/menu/deck.menu.css">
+ <!-- permalink (uses "hash snippet" at the end of the page) -->
+ <link rel="stylesheet" href="deck.js/extensions/hash/deck.hash.css">
+ <script src="deck.js/extensions/hash/deck.hash.js"></script>
+ <!-- animations, svg etc (better to include it after the 'status' extension (to avoid huge fake slide numbers) -->
+ <script src="deck.js/extensions/step/deck.step.js"></script>
+ <script src="deck.js/extensions/events/deck.events.js"></script>
+ <script src="deck.js/extensions/anim/deck.anim.js"></script>
+ <script src="deck.js/libs/jquerysvg/jquery.svg.min.js"></script>
+ <script src="deck.js/libs/jquerysvg/jquery.svganim.min.js"></script>
+ <script src="deck.js/extensions/svg/deck.svg.js"></script>
+
+
+ <!-- Deck.js options (advanced) -->
+ <script>$(function() {$.deck('.slide', {
+ // fitMarginX:100, fitMarginY:100, // uncomment to tune margin
+ // fitMode: "stretched", // uncomment to strech
+ dummy:""
+ });});
+ </script>
+
+ <!-- override some style here if needed (or in an external file) -->
+ <style type="text/css">
+ /* example */ .slide b {color: blue;}
+ /* example */ .deck-container > .slide {border: 1px solid green;}
+ /* example */ body.has-clones .deck-container {background: lightslategrey;}
+ /* example */ .deck-container .title-slide {border: 1px solid red; font-size: 70%}
+ </style>
+ </head>
+
+
+<body>
+This text should not be displayed if everything goes well: use left/right arrow keys to browse the presentation.<br/>
+
+<div class="deck-container">
+
+ <!-- this presentation uses smart syntax -->
+<section class="smart">
+ ==New Presentation With deck.js and Extensions==[title-slide]
+
+ =Hello=
+ * Hi, .....
+ * Todo
+ ** Write you presentation
+ ** <b>Rehearse a little</b>
+ * See also
+ ** <a href="http://home.heeere.com/tech-deckjs-ext.html">online samples</a>
+ ** <a href="deck.js/samples">local samples</a>
+
+ ==Thank you for your attention==[end-slide]
+
+</section>
+
+<!-- end of the presentation -->
+
+
+
+
+<!-- deck.hash snippet -->
+<a href="." title="Permalink to this slide" class="deck-permalink">#</a>
+<!-- deck.status snippet -->
+<p class="deck-status">
+ footer −
+ <span class="deck-status-current"></span>
+ /
+ <span class="deck-status-total"></span>
+</p>
+<!-- deck.goto snippet -->
+<form action="." method="get" class="goto-form">
+ <label for="goto-slide">Go to slide:</label>
+ <input type="text" name="slidenum" id="goto-slide" list="goto-datalist">
+ <datalist id="goto-datalist"></datalist>
+ <input type="submit" value="Go">
+</form>
+<!-- deck.navigation snippet -->
+<a href="#" class="deck-prev-link" title="Previous">&#8592;</a>
+<a href="#" class="deck-next-link" title="Next">&#8594;</a>
+<!-- deck.clone snippet: simple red box with top-left corner as cursor position -->
+<div class="clonepointer" style="position:absolute; width:20px; height:20px; background:red; z-index:10"></div>
+<!-- deck.clone snippet: simple green box with center as cursor position -->
+<div class="clonepointer" style="position:absolute; z-index:11"><div style="margin: -13px 0 0 -13px; width:18px; height:18px; border:4px solid green;"></div></div>
+
+
+
+
+</div> <!-- end of deck container -->
+
+</body>
+</html>