deckr 0.1.0

data/lib/deckr/templates/deck/test/spec.hash.js

@@ -0,0 +1,81 @@
+describe('Deck JS Hash Extension', function() {
+	beforeEach(function() {
+		loadFixtures('standard.html');
+		if (Modernizr.history) {
+			history.replaceState({}, "", "#")
+		}
+		else {
+			window.location.hash = '#';
+		}
+		$.deck('.slide');
+	});
+	
+	it('should assign ids to slides that do not have them', function() {
+		var slides = $.deck('getSlides');
+		$.each(slides, function(i, $e) {
+			expect($e.attr('id')).toBeTruthy();
+		});
+	});
+	
+	it('should reassign ids on reinitialization', function() {
+		var $firstSlide = $.deck('getSlide', 0),
+		firstID = $firstSlide.attr('id');
+		
+		$firstSlide.before('<div class="slide"></div>');
+		$.deck('.slide');
+		expect($firstSlide).not.toHaveId(firstID);
+	});
+	
+   it('should update container with a state class including the slide id', function() {
+      var $c = $.deck('getContainer'),
+      osp = defaults.classes.onPrefix;
+      
+      expect($c).toHaveClass(osp + $.deck('getSlide', 0).attr('id'));
+      $.deck('next');
+      expect($c).toHaveClass(osp + $.deck('getSlide', 1).attr('id'));
+      $.deck('next');
+      expect($c).not.toHaveClass(osp + $.deck('getSlide', 1).attr('id'));
+      expect($c).toHaveClass(osp + $.deck('getSlide', 2).attr('id'));
+   });
+	
+	it('should update the href on slide change', function() {
+		var $hashLink = $(defaults.selectors.hashLink);
+		$.deck('go', 3);
+		expect($hashLink.attr('href')).toMatch('#slide-3');
+	});
+	
+	it('should use existing ids if they exist', function() {
+		var $hashLink = $(defaults.selectors.hashLink);
+		$.deck('go', 1);
+		expect($hashLink.attr('href')).toMatch('#custom-id');
+	});
+	
+	it('should update the URL on slide change (if supported)', function() {
+		if (Modernizr.history) {
+			$.deck('go', 3);
+			expect(window.location.hash).toEqual('#slide-3');
+		}
+	});
+	
+	it('should deep link to slide on deck init', function() {
+		window.location.hash = "#slide-3";
+		$.deck('.slide');
+		expect($.deck('getSlide')).toHaveId('slide-3');
+	});
+	
+	it('should follow internal hash links using hashchange (if supported)', function() {
+		if (Modernizr.hashchange) {
+			window.location.hash = "#slide-3";
+			
+			// Hashchange event doesn't fire right when the hash changes?
+			waitsFor(function() {
+				return $.deck('getSlide').attr('id') === 'slide-3';
+			}, 'hash to change to slide-3', 2000);
+		}
+	});
+	
+	it('should follow internal hash links on click', function() {
+		/* Triggered clicks dont generate hashchanges, so until I find
+		a way to do this in an automated fashion, needs to be hand tested. */
+	});
+});

data/lib/deckr/templates/deck/test/spec.menu.js

@@ -0,0 +1,66 @@
+describe('Deck JS Menu', function() {
+	var $d = $(document),
+	dsc = defaults.selectors.container;
+	
+	beforeEach(function() {
+		loadFixtures('standard.html');
+		if (Modernizr.history) {
+			history.replaceState({}, "", "#")
+		}
+		else {
+			window.location.hash = '#';
+		}
+		$.deck('.slide');
+	});
+	
+	describe('showMenu()', function() {
+		it('should show the menu', function() {
+			expect($(dsc)).not.toHaveClass(defaults.classes.menu);
+			$.deck('showMenu');
+			expect($(dsc)).toHaveClass(defaults.classes.menu);
+		});
+		
+		it('should do nothing if menu is already showing', function() {
+			if (Modernizr.csstransforms) {
+				$.deck('showMenu');
+				$.deck('showMenu');
+				$.deck('hideMenu');
+				expect($('.slide').attr('style')).toBeFalsy();
+			}
+		});
+	});
+	
+	describe('hideMenu()', function() {
+		it('should hide the menu', function() {
+			$.deck('showMenu');
+			$.deck('hideMenu');
+			expect($(dsc)).not.toHaveClass(defaults.classes.menu);
+		});
+	});
+	
+	describe('toggleMenu()', function() {
+		it('should toggle menu on and off', function() {
+			expect($(dsc)).not.toHaveClass(defaults.classes.menu);
+			$.deck('toggleMenu');
+			expect($(dsc)).toHaveClass(defaults.classes.menu);
+			$.deck('toggleMenu');
+			expect($(dsc)).not.toHaveClass(defaults.classes.menu);
+		});
+	});
+	
+	describe('key bindings', function() {
+		var e;
+
+		beforeEach(function() {
+			e = jQuery.Event('keydown.deckmenu');
+		});
+		
+		it('should toggle the menu if the specified key is pressed', function() {
+			e.which = 77; // m
+			$d.trigger(e);
+			expect($(dsc)).toHaveClass(defaults.classes.menu);
+			$d.trigger(e);
+			expect($(dsc)).not.toHaveClass(defaults.classes.menu);
+		});
+	});
+});

data/lib/deckr/templates/deck/test/spec.navigation.js

@@ -0,0 +1,51 @@
+describe('Deck JS Navigation Buttons', function() {
+	beforeEach(function() {
+		loadFixtures('standard.html');
+		if (Modernizr.history) {
+			history.replaceState({}, "", "#")
+		}
+		else {
+			window.location.hash = '#';
+		}
+		$.deck('.slide');
+	});
+	
+	it('should go to the next slide if next link is clicked', function() {
+		$(defaults.selectors.nextLink).click();
+		expect($.deck('getSlide')).toHaveClass('slide2');
+	});
+	
+	it('should go to the previous slide if previous link is clicked', function() {
+		$.deck('go', 2);
+		$(defaults.selectors.previousLink).click();
+		expect($.deck('getSlide')).toHaveClass('slide2');
+	});
+	
+	it('should add the disabled class to the previous link if on first slide', function() {
+		expect($(defaults.selectors.previousLink)).toHaveClass(defaults.classes.navDisabled);
+		$(defaults.selectors.nextLink).click();
+		expect($(defaults.selectors.previousLink)).not.toHaveClass(defaults.classes.navDisabled);
+		$(defaults.selectors.previousLink).click();
+		expect($(defaults.selectors.previousLink)).toHaveClass(defaults.classes.navDisabled);
+	});
+	
+	it('should add the disabled class to the next link if on last slide', function() {
+		expect($(defaults.selectors.nextLink)).not.toHaveClass(defaults.classes.navDisabled);
+		$.deck('go', $.deck('getSlides').length - 1);
+		expect($(defaults.selectors.nextLink)).toHaveClass(defaults.classes.navDisabled);
+	});
+	
+	it('should not start disabled if deck initialized in the middle', function() {
+		$.deck('go', 2);
+		$.deck('.slide');
+		expect($(defaults.selectors.previousLink)).not.toHaveClass(defaults.classes.navDisabled);
+	});
+	
+	it('should update the links hrefs with real fragment ids', function() {
+		expect($(defaults.selectors.previousLink).attr('href')).toMatch(/#$/);
+		expect($(defaults.selectors.nextLink).attr('href')).toMatch('#custom-id');
+		$.deck('go', 2);
+		expect($(defaults.selectors.previousLink).attr('href')).toMatch('#custom-id');
+		expect($(defaults.selectors.nextLink).attr('href')).toMatch('#slide-3');
+	});
+});

data/lib/deckr/templates/deck/test/spec.scale.js

@@ -0,0 +1,57 @@
+describe('Deck JS Status Indicator', function() {
+	beforeEach(function() {
+		loadFixtures('standard.html');
+		if (Modernizr.history) {
+			history.replaceState({}, "", "#")
+		}
+		else {
+			window.location.hash = '#';
+		}
+		$.deck('.slide');
+	});
+	
+	it('should start with scaling enabled', function() {
+		expect($.deck('getContainer')).toHaveClass(defaults.classes.scale);
+	});
+	
+	describe('disableScale()', function() {
+		it('should remove the scale class from the container', function() {
+			$.deck('disableScale');
+			expect($.deck('getContainer')).not.toHaveClass(defaults.classes.scale);
+		});
+	});
+	
+	describe('enableScale()', function() {
+		it('should add the scale class to the container', function() {
+			$.deck('disableScale');
+			$.deck('enableScale');
+			expect($.deck('getContainer')).toHaveClass(defaults.classes.scale);
+		});
+	});
+	
+	describe('toggleScale()', function() {
+		it('should toggle between adding and removing the scale class', function() {
+			$.deck('toggleScale');
+			expect($.deck('getContainer')).not.toHaveClass(defaults.classes.scale);
+			$.deck('toggleScale');
+			expect($.deck('getContainer')).toHaveClass(defaults.classes.scale);
+		});
+	});
+	
+	describe('key bindings', function() {
+		var e,
+		$d = $(document);
+
+		beforeEach(function() {
+			e = jQuery.Event('keydown.deckscale');
+		});
+		
+		it('should toggle scaling if the specified key is pressed', function() {
+			e.which = 83; // s
+			$d.trigger(e);
+			expect($.deck('getContainer')).not.toHaveClass(defaults.classes.scale);
+			$d.trigger(e);
+			expect($.deck('getContainer')).toHaveClass(defaults.classes.scale);
+		});
+	});
+});

data/lib/deckr/templates/deck/test/spec.status.js

@@ -0,0 +1,58 @@
+describe('Deck JS Status Indicator', function() {
+	beforeEach(function() {
+		loadFixtures('standard.html');
+		if (Modernizr.history) {
+			history.replaceState({}, "", "#")
+		}
+		else {
+			window.location.hash = '#';
+		}
+		$.deck('.slide');
+	});
+	
+	it('should show the correct total number of slides', function() {
+		expect($(defaults.selectors.statusTotal)).toHaveText($.deck('getSlides').length);
+	});
+	
+	it('should start at the right current slide', function() {
+		expect($(defaults.selectors.statusCurrent)).toHaveText(1);
+		$.deck('go', 2);
+		$.deck('.slide');
+		expect($(defaults.selectors.statusCurrent)).toHaveText(3);
+	});
+	
+	it('should update to the correct number on slide change', function() {
+		$.deck('go', 2);
+		expect($(defaults.selectors.statusCurrent)).toHaveText('3');
+	});
+});
+
+describe('countNested false indicator', function() {
+	beforeEach(function() {
+		loadFixtures('nesteds.html');
+		if (Modernizr.history) {
+			history.replaceState({}, "", "#")
+		}
+		else {
+			window.location.hash = '#';
+		}
+		$.deck('.slide', {
+			countNested: false
+		});
+	});
+	
+	it('should ignore nested slides in the total', function() {
+		expect($(defaults.selectors.statusTotal)).toHaveText('5');
+	});
+	
+	it('should update to the root slide number when nested becomes active', function() {
+		$.deck('go', 10);
+		expect($(defaults.selectors.statusCurrent)).toHaveText('4');
+		$.deck('prev');
+		expect($(defaults.selectors.statusCurrent)).toHaveText('3');
+		$.deck('go', 3);
+		expect($(defaults.selectors.statusCurrent)).toHaveText('3');
+		$.deck('go', 1);
+		expect($(defaults.selectors.statusCurrent)).toHaveText('2');
+	});
+});

data/lib/deckr/templates/deck/themes/style/neon.css

@@ -0,0 +1,123 @@
+.deck-container {
+  font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
+  font-size: 1.75em;
+  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 > .slide .deck-before, .deck-container > .slide .deck-previous {
+  opacity: 0.4;
+}
+.deck-container > .slide .deck-before:not(.deck-child-current) .deck-before, .deck-container > .slide .deck-before:not(.deck-child-current) .deck-previous, .deck-container > .slide .deck-previous:not(.deck-child-current) .deck-before, .deck-container > .slide .deck-previous:not(.deck-child-current) .deck-previous {
+  opacity: 1;
+}
+.deck-container > .slide .deck-child-current {
+  opacity: 1;
+}
+.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/lib/deckr/templates/deck/themes/style/neon.scss

@@ -0,0 +1,155 @@
+.deck-container {
+	font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
+	font-size:1.75em;
+	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;
+			}
+		}
+	}
+	
+	> .slide {
+		.deck-before, .deck-previous {
+			opacity:0.4;
+			
+			&:not(.deck-child-current) {
+				.deck-before, .deck-previous {
+					opacity:1;
+				}
+			}
+		}
+		
+		.deck-child-current {
+			opacity:1;
+		}
+	}
+	
+	.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;
+		}
+	}
+}