diff options
Diffstat (limited to 'deck.js/extensions/bundle-maker')
| -rw-r--r-- | deck.js/extensions/bundle-maker/README.txt | 24 | ||||
| -rwxr-xr-x | deck.js/extensions/bundle-maker/make-bundle.sh | 26 | ||||
| -rw-r--r-- | deck.js/extensions/bundle-maker/presentation.html | 140 |
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">←</a> +<a href="#" class="deck-next-link" title="Next">→</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> |