slider 0.1 → 0.2

data/templates/basic/deck.js/status/deck.status.html

@@ -0,0 +1,6 @@
+<!-- Place the following snippet at the bottom of the deck container. -->
+<p class="deck-status">
+	<span class="deck-status-current"></span>
+	/
+	<span class="deck-status-total"></span>
+</p>

data/templates/basic/deck.js/status/deck.status.js

@@ -0,0 +1,83 @@
+/*!
+Deck JS - deck.status
+Copyright (c) 2011 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 a (current)/(total) style status indicator to the deck.
+*/
+(function($, deck, undefined) {
+	var $d = $(document);
+	
+	/*
+	Extends defaults/options.
+	
+	options.selectors.statusCurrent
+		The element matching this selector displays the current slide number.
+		
+	options.selectors.statusTotal
+		The element matching this selector displays the total number of slides.
+		
+	options.countNested
+		If false, only top level slides will be counted in the current and
+		total numbers.
+	*/
+	$.extend(true, $[deck].defaults, {
+		selectors: {
+			statusCurrent: '.deck-status-current',
+			statusTotal: '.deck-status-total'
+		},
+		
+		countNested: true
+	});
+	
+	$d.bind('deck.init', function() {
+		var opts = $[deck]('getOptions');
+		
+		// Start on first slide
+		$(opts.selectors.statusCurrent).text(1);
+		// Set total slides once
+		if (opts.countNested) {
+			$(opts.selectors.statusTotal).text($[deck]('getSlides').length);
+		}
+		else {
+			/* Determine root slides by checking each slide's ancestor tree for
+			any of the slide classes. */
+			var rootIndex = 1,
+			slideTest = $.map([
+				opts.classes.before,
+				opts.classes.previous,
+				opts.classes.current,
+				opts.classes.next,
+				opts.classes.after
+			], function(el, i) {
+				return '.' + el;
+			}).join(', ');
+			
+			/* Store the 'real' root slide number for use during slide changes. */
+			$.each($[deck]('getSlides'), function(i, $el) {
+				var $parentSlides = $el.parentsUntil(opts.selectors.container, slideTest);
+
+				$el.data('rootSlide', $parentSlides.length ?
+					$parentSlides.last().data('rootSlide') :
+					rootIndex++
+				);
+			});
+			
+			$(opts.selectors.statusTotal).text(rootIndex - 1);
+		}
+	})
+	/* Update current slide number with each change event */
+	.bind('deck.change', function(e, from, to) {
+		var opts = $[deck]('getOptions');
+		
+		$(opts.selectors.statusCurrent).text(opts.countNested ?
+			to + 1 :
+			$[deck]('getSlide', to).data('rootSlide')
+		);
+	});
+})(jQuery, 'deck');
+

data/templates/basic/deck.js/status/deck.status.scss

@@ -0,0 +1,22 @@
+.deck-container {
+	.deck-status {
+		position:absolute;
+		bottom:10px;
+		right:5px;
+		color:#888;
+		z-index:3;
+		margin:0;
+	}
+}
+
+body.deck-container {
+	.deck-status {
+		position:fixed;
+	}
+}
+
+@media print {
+	.deck-status {
+		display:none;
+	}
+}

data/templates/basic/deck.js/style/neon.css

@@ -0,0 +1,114 @@
+.deck-container {
+  font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
+  font-size: 1.25em;
+  color: #aaa;
+  background: #000;
+}
+.deck-container .slide {
+  background: #000;
+}
+.deck-container .slide h1 {
+  color: #0af;
+  font-weight: normal;
+  font-weight: 100;
+  text-shadow: 0 0 50px #0af, 0 0 3px #fff;
+}
+.deck-container .slide h2 {
+  color: #af0;
+  border-bottom-color: #ccc;
+  font-weight: normal;
+  font-weight: 100;
+  text-shadow: 0 0 15px #af0, 0 0 2px #fff;
+  border-bottom: 1px solid #333;
+}
+.deck-container .slide h3 {
+  color: #fff;
+  font-weight: normal;
+  font-weight: 100;
+  text-shadow: 0 0 10px #fff, 0 0 2px #fff;
+}
+.deck-container .slide pre {
+  border-color: #333;
+}
+.deck-container .slide pre code {
+  color: #fff;
+}
+.deck-container .slide code {
+  color: #f0a;
+}
+.deck-container .slide blockquote {
+  font-size: 2em;
+  padding: 1em 2em;
+  color: #fff;
+  border-left: 5px solid #fff;
+}
+.deck-container .slide blockquote p {
+  margin: 0;
+}
+.deck-container .slide blockquote cite {
+  font-size: .5em;
+  font-style: normal;
+  font-weight: normal;
+  font-weight: 100;
+  color: #aaa;
+  text-shadow: 0 0 15px #fff, 0 0 2px #fff;
+}
+.deck-container .slide ::-moz-selection {
+  background: #a0f;
+}
+.deck-container .slide ::selection {
+  background: #a0f;
+}
+.deck-container .slide a, .deck-container .slide a:hover, .deck-container .slide a:focus, .deck-container .slide a:active, .deck-container .slide a:visited {
+  color: #f0a;
+  text-decoration: none;
+}
+.deck-container .slide a:hover, .deck-container .slide a:focus {
+  text-decoration: underline;
+}
+.deck-container .deck-prev-link, .deck-container .deck-next-link {
+  background: #f0a;
+  text-shadow: 0 0 3px #fff;
+}
+.deck-container .deck-prev-link, .deck-container .deck-prev-link:hover, .deck-container .deck-prev-link:focus, .deck-container .deck-prev-link:active, .deck-container .deck-prev-link:visited, .deck-container .deck-next-link, .deck-container .deck-next-link:hover, .deck-container .deck-next-link:focus, .deck-container .deck-next-link:active, .deck-container .deck-next-link:visited {
+  color: #fff;
+}
+.deck-container .deck-prev-link:hover, .deck-container .deck-prev-link:focus, .deck-container .deck-next-link:hover, .deck-container .deck-next-link:focus {
+  text-decoration: none;
+}
+.boxshadow .deck-container .deck-prev-link:hover, .boxshadow .deck-container .deck-prev-link:focus, .boxshadow .deck-container .deck-next-link:hover, .boxshadow .deck-container .deck-next-link:focus {
+  -webkit-box-shadow: 0 0 20px #f0a, 0 0 5px #fff;
+  -moz-box-shadow: 0 0 20px #f0a, 0 0 5px #fff;
+  box-shadow: 0 0 20px #f0a, 0 0 5px #fff;
+}
+.deck-container .deck-status {
+  font-size: 0.6666em;
+}
+.deck-container .goto-form {
+  background: #000;
+  border: 1px solid #f0a;
+}
+.deck-container .goto-form label {
+  color: #fff;
+}
+.deck-container.deck-menu .slide {
+  background: #333;
+}
+.deck-container.deck-menu .deck-current {
+  background: #444;
+}
+.boxshadow .deck-container.deck-menu .deck-current {
+  background: #000;
+  -webkit-box-shadow: 0 0 20px #f0a, 0 0 5px #fff;
+  -moz-box-shadow: 0 0 20px #f0a, 0 0 5px #fff;
+  box-shadow: 0 0 20px #f0a, 0 0 5px #fff;
+}
+.no-touch .deck-container.deck-menu .slide:hover {
+  background: #444;
+}
+.no-touch.boxshadow .deck-container.deck-menu .slide:hover {
+  background: #000;
+  -webkit-box-shadow: 0 0 20px #f0a, 0 0 5px #fff;
+  -moz-box-shadow: 0 0 20px #f0a, 0 0 5px #fff;
+  box-shadow: 0 0 20px #f0a, 0 0 5px #fff;
+}

data/templates/basic/deck.js/style/neon.scss

@@ -0,0 +1,139 @@
+.deck-container {
+	font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
+	font-size:1.25em;
+	color:#aaa;
+	background:#000;
+	
+	.slide {
+		background:#000;
+		
+		h1 {
+			color:#0af;
+			font-weight:normal;
+			font-weight:100;
+			text-shadow:0 0 50px #0af, 0 0 3px #fff;
+		}
+
+		h2 {
+			color:#af0;
+			border-bottom-color:#ccc;
+			font-weight:normal;
+			font-weight:100;
+			text-shadow:0 0 15px #af0, 0 0 2px #fff;
+			border-bottom:1px solid #333;
+		}
+
+		h3 {
+			color:#fff;
+			font-weight:normal;
+			font-weight:100;
+			text-shadow:0 0 10px #fff, 0 0 2px #fff;
+		}
+
+		pre {
+			border-color:#333;
+
+			code {
+				color:#fff;
+			}
+		}
+
+		code {
+			color:#f0a;
+		}
+
+		blockquote {
+			font-size:2em;
+			padding:1em 2em;
+			color:#fff;
+			border-left:5px solid #fff;
+
+			p {
+				margin:0;
+			}
+
+			cite {
+				font-size:.5em;
+				font-style:normal;
+				font-weight:normal;
+				font-weight:100;
+				color:#aaa;
+				text-shadow:0 0 15px #fff, 0 0 2px #fff;
+			}
+		}
+
+		::-moz-selection{ background:#a0f; }
+		::selection { background:#a0f; }
+
+		a {
+			&, &:hover, &:focus, &:active, &:visited {
+				color:#f0a;
+				text-decoration:none;
+			}
+
+			&:hover, &:focus {
+				text-decoration:underline;
+			}
+		}
+	}
+	
+	.deck-prev-link, .deck-next-link {
+		background:#f0a;
+		text-shadow:0 0 3px #fff;
+		
+		&, &:hover, &:focus, &:active, &:visited {
+			color:#fff;
+		}
+		
+		&:hover, &:focus {
+			text-decoration:none;
+			
+			.boxshadow & {
+				-webkit-box-shadow:0 0 20px #f0a, 0 0 5px #fff;
+				-moz-box-shadow:0 0 20px #f0a, 0 0 5px #fff;
+				box-shadow:0 0 20px #f0a, 0 0 5px #fff;
+			}
+		}
+	}
+	
+	.deck-status {
+		font-size:0.6666em;
+	}
+	
+	.goto-form {
+		background:#000;
+		border:1px solid #f0a;
+		
+		label {
+			color:#fff;
+		}
+	}
+	
+	&.deck-menu {
+		.slide {
+			background:#333;
+		}
+		
+		.deck-current {
+			background:#444;
+			
+			.boxshadow & {
+				background:#000;
+				-webkit-box-shadow:0 0 20px #f0a, 0 0 5px #fff;
+				-moz-box-shadow:0 0 20px #f0a, 0 0 5px #fff;
+				box-shadow:0 0 20px #f0a, 0 0 5px #fff;
+			}
+		}
+		
+		.no-touch & .slide:hover {
+			background:#444;
+		}
+		
+		.no-touch.boxshadow & .slide:hover {
+			background:#000;
+			-webkit-box-shadow:0 0 20px #f0a, 0 0 5px #fff;
+			-moz-box-shadow:0 0 20px #f0a, 0 0 5px #fff;
+			box-shadow:0 0 20px #f0a, 0 0 5px #fff;
+		}
+	}
+}

data/templates/basic/deck.js/style/swiss.css

@@ -0,0 +1,76 @@
+.deck-container {
+  font-family: "Helvetica Neue", sans-serif;
+  font-size: 1.25em;
+  background: #fff;
+}
+.deck-container .slide {
+  background: #fff;
+  font-size: 1.75em;
+}
+.deck-container .slide h1 {
+  color: #000;
+}
+.deck-container .slide h2 {
+  color: #c00;
+  border-bottom-color: #ccc;
+}
+.deck-container .slide h3 {
+  color: #888;
+}
+.deck-container .slide pre {
+  border-color: #ccc;
+}
+.deck-container .slide code {
+  color: #888;
+}
+.deck-container .slide blockquote {
+  font-size: 2em;
+  font-style: italic;
+  padding: 1em 2em;
+  color: #000;
+  border-left: 5px solid #ccc;
+}
+.deck-container .slide blockquote p {
+  margin: 0;
+}
+.deck-container .slide blockquote cite {
+  font-size: .5em;
+  font-style: normal;
+  font-weight: bold;
+  color: #888;
+}
+.deck-container .slide ::-moz-selection {
+  background: #c00;
+  color: #fff;
+}
+.deck-container .slide ::selection {
+  background: #c00;
+  color: #fff;
+}
+.deck-container .slide a, .deck-container .slide a:hover, .deck-container .slide a:focus, .deck-container .slide a:active, .deck-container .slide a:visited {
+  color: #c00;
+  text-decoration: none;
+}
+.deck-container .slide a:hover, .deck-container .slide a:focus {
+  text-decoration: underline;
+}
+.deck-container .deck-prev-link, .deck-container .deck-next-link {
+  background: #ccc;
+  font-family: serif;
+}
+.deck-container .deck-prev-link, .deck-container .deck-prev-link:hover, .deck-container .deck-prev-link:focus, .deck-container .deck-prev-link:active, .deck-container .deck-prev-link:visited, .deck-container .deck-next-link, .deck-container .deck-next-link:hover, .deck-container .deck-next-link:focus, .deck-container .deck-next-link:active, .deck-container .deck-next-link:visited {
+  color: #fff;
+}
+.deck-container .deck-prev-link:hover, .deck-container .deck-prev-link:focus, .deck-container .deck-next-link:hover, .deck-container .deck-next-link:focus {
+  background: #c00;
+  text-decoration: none;
+}
+.deck-container .deck-status {
+  font-size: 0.6666em;
+}
+.deck-container.deck-menu .slide {
+  background: #eee;
+}
+.deck-container.deck-menu .deck-current, .no-touch .deck-container.deck-menu .slide:hover {
+  background: #ddf;
+}

data/templates/basic/deck.js/style/swiss.scss

@@ -0,0 +1,91 @@
+.deck-container {
+	font-family: "Helvetica Neue", sans-serif;
+	font-size:1.25em;
+	background:#fff;
+	
+	.slide {
+		background:#fff;
+		
+		h1 {
+			color:#000;
+		}
+
+		h2 {
+			color:#c00;
+			border-bottom-color:#ccc;
+		}
+
+		h3 {
+			color:#888;
+		}
+
+		pre {
+			border-color:#ccc;
+		}
+
+		code {
+			color:#888;
+		}
+
+		blockquote {
+			font-size:2em;
+			font-style:italic;
+			padding:1em 2em;
+			color:#000;
+			border-left:5px solid #ccc;
+
+			p {
+				margin:0;
+			}
+
+			cite {
+				font-size:.5em;
+				font-style:normal;
+				font-weight:bold;
+				color:#888;
+			}
+		}
+
+		::-moz-selection{ background:#c00; color:#fff; }
+		::selection { background:#c00; color:#fff; }
+
+		a {
+			&, &:hover, &:focus, &:active, &:visited {
+				color:#c00;
+				text-decoration:none;
+			}
+
+			&:hover, &:focus {
+				text-decoration:underline;
+			}
+		}
+	}
+	
+	.deck-prev-link, .deck-next-link {
+		background:#ccc;
+		font-family:serif; // sans-serif arrows x-browser fail
+		
+		&, &:hover, &:focus, &:active, &:visited {
+			color:#fff;
+		}
+		
+		&:hover, &:focus {
+			background:#c00;
+			text-decoration:none;
+		}
+	}
+	
+	.deck-status {
+		font-size:0.6666em;
+	}
+	
+	&.deck-menu {
+		.slide {
+			background:#eee;
+		}
+		
+		.deck-current, .no-touch & .slide:hover {
+			background:#ddf;
+		}
+	}
+}