summaryrefslogtreecommitdiff
path: root/deck.js/extensions/bundle-maker
diff options
context:
space:
mode:
Diffstat (limited to 'deck.js/extensions/bundle-maker')
-rw-r--r--deck.js/extensions/bundle-maker/README.txt24
-rwxr-xr-xdeck.js/extensions/bundle-maker/make-bundle.sh26
-rw-r--r--deck.js/extensions/bundle-maker/presentation.html140
3 files changed, 190 insertions, 0 deletions
diff --git a/deck.js/extensions/bundle-maker/README.txt b/deck.js/extensions/bundle-maker/README.txt
new file mode 100644
index 0000000..f58232f
--- /dev/null
+++ b/deck.js/extensions/bundle-maker/README.txt
@@ -0,0 +1,24 @@
+
+PRESENTATION FILE
+=================
+An bare example file including most used extensions is given in the current folder as "presentation.html".
+This files references and uses the files from the "deck.js" folder.
+If you want to reduce the overall size of the "deck.js" folder, you can safely remove the "deck.js/samples" directory (if you don't need the samples obviously).
+
+
+
+RESOURCES
+=========
+Example presentations can be found in the the deck.js/samples folder.
+You can also consult online examples, see http://home.heeere.com/tech-deckjs-ext.html
+
+
+
+NOTE FOR USE WITH CHROME/CHROMIUM
+=================================
+To allow the presentation page to load all the resources when stored locally, you must start chrome/chromium with a special command line option.
+Use "chromium-browser --disable-web-security " to do so.
+
+
+
+
diff --git a/deck.js/extensions/bundle-maker/make-bundle.sh b/deck.js/extensions/bundle-maker/make-bundle.sh
new file mode 100755
index 0000000..30f740b
--- /dev/null
+++ b/deck.js/extensions/bundle-maker/make-bundle.sh
@@ -0,0 +1,26 @@
+#!/bin/sh
+
+N=deckjs-bundle
+W=$(basename $(dirname $(readlink -f $0)))
+
+SCRATCH=/tmp
+test -d /media/ramdisk && SCRATCH=/media/ramdisk
+
+if test -d .git
+then
+ pwd=$(pwd)
+ cd $SCRATCH
+ tmp=,,for-$N
+ rm -rf $tmp
+ git clone $pwd $tmp
+ tmp=$(pwd)/$tmp
+ cd -
+ rm -rf $N $N.zip
+ mkdir -p $N/deck.js
+ cp -t $N/deck.js -r $tmp/core/ $tmp/extensions/ $tmp/libs/ $tmp/samples/ $tmp/themes/ $tmp/modernizr.custom.js $tmp/jquery-1.7.2.min.js
+ cp -t $N $tmp/extensions/$W/README.txt $tmp/extensions/$W/presentation.html
+ cat $tmp/.git/refs/heads/master >> $N/README.txt
+ zip -r $N.zip $N
+else
+ echo "This script is designed to be run from the root of the git repository"
+fi
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>