Permalink
Browse files

Initial commit

  • Loading branch information...
0 parents commit 448288106c6495eca7b95b110f2f7d9a6c839649 @robhawkes committed Feb 26, 2012
@@ -0,0 +1,43 @@
+# Rawkes #
+#########
+fonts/
+geomicons/
+
+# Compiled source #
+###################
+*.com
+*.class
+*.dll
+*.exe
+*.o
+*.so
+
+# Packages #
+############
+# it's better to unpack these files and commit the raw source
+# git has its own built in compression methods
+*.7z
+*.dmg
+*.gz
+*.iso
+*.jar
+*.rar
+*.tar
+*.zip
+
+# Logs and databases #
+######################
+*.log
+*.sql
+*.sqlite
+
+# OS generated files #
+######################
+.DS_Store
+ehthumbs.db
+Icon
+Thumbs.db
+/.project
+/.settings/
+.tmp_*
+*.swp
@@ -0,0 +1,66 @@
+/*!
+Deck JS - deck.scale
+Copyright (c) 2011-2012 Caleb Troughton
+Dual licensed under the MIT license and GPL license.
+https://github.com/imakewebthings/deck.js/blob/master/MIT-license.txt
+https://github.com/imakewebthings/deck.js/blob/master/GPL-license.txt
+*/
+
+/*
+This module adds automatic scaling to the deck. Slides are scaled down
+using CSS transforms to fit within the deck container. If the container is
+big enough to hold the slides without scaling, no scaling occurs. The user
+can disable and enable scaling with a keyboard shortcut.
+
+Note: CSS transforms may make Flash videos render incorrectly. Presenters
+that need to use video may want to disable scaling to play them. HTML5 video
+works fine.
+*/
+(function($, deck, window, undefined) {
+ var $d = $(document),
+ $w = $(window);
+
+ $.extend(true, $[deck].defaults, {
+ keys: {
+ fullscreen: 70 // f
+ }
+ });
+
+ /*
+ jQuery.deck('disableFullscreen')
+
+ Disables full screen and removes the class from the deck container.
+ */
+ $[deck]('extend', 'disableFullscreen', function() {
+ //$[deck]('getContainer').removeClass($[deck]('getOptions').classes.scale);
+ //scaleDeck();
+ });
+
+ /*
+ jQuery.deck('enableFullscreen')
+
+ Enables full screen and adds the class to the deck container.
+ */
+ $[deck]('extend', 'enableFullscreen', function() {
+ var $container = $d[0].body;
+ //$[deck]('getContainer').addClass($[deck]('getOptions').classes.scale);
+ if ($container.mozRequestFullScreen) {
+ $container.mozRequestFullScreen();
+ } else {
+ $container.webkitRequestFullScreen(Element.ALLOW_KEYBOARD_INPUT);
+ }
+ });
+
+ $d.bind('deck.init', function() {
+ var opts = $[deck]('getOptions');
+
+ // Bind key events
+ $d.unbind('keydown.deckfullscreen').bind('keydown.deckfullscreen', function(e) {
+ if (e.which === opts.keys.fullscreen || $.inArray(e.which, opts.keys.fullscreen) > -1) {
+ //$[deck]('toggleScale');
+ $[deck]('enableFullscreen');
+ e.preventDefault();
+ }
+ });
+ });
+})(jQuery, 'deck', this);
@@ -0,0 +1,24 @@
+(function($, deck, window, undefined) {
+ var $d = $(document),
+ $w = $(window),
+ videos,
+
+ handleMedia = function(current, previous) {
+ $.deck("getSlide", current).find("video, audio").each(function() {
+ $(this)[0].play();
+ });
+
+ $.deck("getSlide", previous).find("video, audio").each(function() {
+ $(this)[0].pause();
+ });
+ }
+
+ $d.bind("deck.change", function(e, from, to) {
+ // Don't run if within a presenter iframe
+ if (!$d.find("body").hasClass("deck-presenter-iframe")) {
+ return;
+ }
+
+ handleMedia(to, from);
+ });
+})(jQuery, 'deck', this);
@@ -0,0 +1,91 @@
+body {
+ background: #ccc;
+ font-family: "Helvetica Neue", "Helvetica", "Verdana", "Arial", sans-serif;
+ padding: 40px;
+ position: relative;
+}
+
+h2 {
+ background: #666;
+ color: #fff;
+ font-size: 30px;
+ margin: 0;
+ padding: 10px 15px;
+ text-align: center;
+}
+
+.left, .right {
+ float: left;
+ width: 25%;
+}
+
+ .right {
+ float: right;
+ }
+
+.timer, .clock {
+ background: #222;
+ color: #fff;
+ font-family: monospace;
+ font-size: 50px;
+ line-height: 1em;
+ margin: 20px 0;
+ padding: 15px 15px 10px;
+ text-align: center;
+ text-transform: uppercase;
+}
+
+.slides-wrapper {
+ height: 220px;
+ position: relative;
+ width: 100%;
+}
+
+ .slides-cover {
+ -webkit-transition: background 500ms ease-in-out, color 500ms ease-in-out;
+ -moz-transition: background 500ms ease-in-out, color 500ms ease-in-out;
+ -ms-transition: background 500ms ease-in-out, color 500ms ease-in-out;
+ -o-transition: background 500ms ease-in-out, color 500ms ease-in-out;
+ transition: background 500ms ease-in-out, color 500ms ease-in-out;
+ color: rgba(0, 0, 0, 0);
+ font-size: 50px;
+ height: 220px;
+ left: 0;
+ line-height: 220px;
+ position: absolute;
+ top: 0;
+ width: 100%;
+ text-align: center;
+ text-transform: uppercase;
+ z-index: 10;
+ }
+
+ .slides-cover.end {
+ background: #000;
+ color: #fff;
+ }
+
+ .slides {
+ border: 0;
+ height: 220px;
+ left: 0;
+ position: absolute;
+ top: 0;
+ width: 100%;
+ z-index: -10;
+ }
+
+.notes-wrapper {
+ float: left;
+ position: relative;
+ width: 50%;
+}
+
+ .notes-wrapper > * {
+ font-size: 30px;
+ margin: 0 40px;
+ }
+
+ .notes {
+ line-height: 1.5em;
+ }
@@ -0,0 +1,44 @@
+<!DOCTYPE html>
+
+<html>
+ <head>
+ <title>Presenter Display</title>
+
+ <link rel="stylesheet" href="deck.presenter.css">
+ </head>
+ <body>
+ <section class="left">
+ <div class="slides-wrapper">
+ <iframe src="../../slides/index.html" class="slides" id="current"></iframe>
+ <div class="slides-cover"></div>
+ </div>
+ <h2>Current slide</h2>
+ <p class="timer">00:00:00</p>
+ </section>
+
+ <section class="notes-wrapper">
+ <h2>Notes for current slide</h2>
+ <div class="notes"></div>
+ </section>
+
+ <section class="right">
+ <div class="slides-wrapper slides-next">
+ <iframe src="../../slides/index.html" class="slides" id="next"></iframe>
+ <div class="slides-cover"></div>
+ </div>
+ <h2>Next slide</h2>
+ <p class="clock">00:00:00</p>
+ </section>
+
+ <!-- Grab CDN jQuery, with a protocol relative URL; fall back to local if offline -->
+ <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.7.min.js"></script>
+ <script>window.jQuery || document.write('<script src="../jquery-1.7.min.js"><\/script>')</script>
+
+ <!-- Momoment.js -->
+ <script src="moment.min.js"></script>
+
+ <!-- Deck Core and extensions -->
+ <script src="../../core/deck.core.js"></script>
+ <script src="deck.presenter.js"></script>
+ </body>
+</html>
Oops, something went wrong.

0 comments on commit 4482881

Please sign in to comment.