slideoff 0.1

data/themes/io2012/js/slides.js

@@ -0,0 +1,5 @@
+require(['order!modernizr.custom.45394',
+         'order!prettify/prettify', 'order!hammer', 'order!slide-controller',
+         'order!slide-deck'], function(someModule) {
+
+});

data/themes/memories/README

@@ -0,0 +1,5 @@
+This theme is based on CSSS by Lea Verou:
+https://github.com/LeaVerou/CSSS
+
+Colors are taken from the Solaired project by Ethan Schoonover:
+http://ethanschoonover.com/solarized

data/themes/memories/css/fonts.css

@@ -0,0 +1,25 @@
+/* Droid Sans Mono */
+@font-face {
+  font-family: 'Droid Sans Mono';
+  src: local('Droid Sans Mono'),
+       url(../fonts/DroidSansMono.ttf) format('truetype'),
+       url(../fonts/DroidSansMono.svg#DroidSansMono) format('svg');
+}
+
+/* Yanone Kaffeesatz */
+@font-face {
+  font-family: 'Yanone Kaffeesatz';
+  font-style: normal;
+  font-weight: 400;
+  src: local('Yanone Kaffeesatz Regular'),
+       local('YanoneKaffeesatz-Regular'),
+       url('../fonts/YanoneKaffeesatz-Regular.woff') format('woff');
+}
+@font-face {
+  font-family: 'Yanone Kaffeesatz';
+  font-style: normal;
+  font-weight: 700;
+  src: local('Yanone Kaffeesatz Bold'),
+       local('YanoneKaffeesatz-Bold'),
+       url('../fonts/YanoneKaffeesatz-Bold.woff') format('woff');
+}

data/themes/memories/css/slideshow.css

@@ -0,0 +1,286 @@
+/**
+	Basic CSS so that the slideshow script functions as a slideshow
+	@author Lea Verou
+	@version 1.0
+ */
+
+/**
+ * "Variables"
+ */
+.slide,
+.delayed,
+.delayed-children > * {
+	transition:.5s;
+	transition-property: transform, opacity, left, top, right, bottom, background;
+}
+ 
+/**
+ * Styles
+ */
+ 
+ html, body {
+ 	height: 100%;
+ }
+ 
+ body {
+ 	margin: 0;
+ }
+ 
+.slide {
+	display: none;
+	position:absolute;
+	top:0;
+	right:0;
+	bottom:0;
+	left:0;
+	z-index:1;
+	
+	font-size:250%;
+	line-height:1.6;
+}
+ 
+ .slide.previous,
+ .slide:target,
+ .slide.next {
+	display: block;
+	opacity:0;
+	overflow:hidden;
+ }
+ 
+ .slide:target {
+ 	z-index:100;
+ 	opacity:1;
+ 	overflow: visible;
+}
+
+/**
+	Slide numbers
+ */ 
+#indicator {
+  	position: absolute;
+  	top: .05in;
+  	right: .5em;
+  	z-index: 1010;
+  	
+  	font-size: .15in;
+  	color: white;
+  	background: rgba(0,0,0,.25);
+  	font-weight: 900;
+  	text-shadow: .05em .05em .1em black;
+  	text-align: center;
+  	padding: .1em .3em 0;
+  	min-width: 1.6em;
+  	box-sizing: border-box;
+  	border-radius: 999px;
+}
+
+/* If there's nothing selected, show the first */
+.slide:first-child {
+	z-index:2;
+}
+
+/* Delayed items that are shown incrementally after the slide is */
+.delayed,
+.delayed-children > * {
+	opacity: 0;
+}
+
+.delayed.displayed,
+.delayed-children > .displayed {
+	opacity: .3;
+}
+
+.delayed.current,
+.delayed-children > .current,
+.delayed.displayed.non-dismissable,
+.delayed-children > .displayed.non-dismissable, /* non-dismissable name is deprecated */
+.delayed.displayed.persistent,
+.delayed-children > .displayed.persistent,
+.delayed-children.persistent > .displayed {
+	opacity: 1;
+}
+
+/**
+	iframe slides
+ */
+.iframe.slide {
+	padding: 0 !important;
+	text-align: center;
+} 
+
+	.iframe.slide > h1 {
+		position: absolute;
+		bottom: 0; right: 0; left: 0;
+		background: rgba(0,0,0,.5);
+		font-size: 100%;
+	}
+	
+		.iframe.slide > h1 > a {
+			display: inline-block;
+			padding: .2em .5em;
+			
+			color: white;
+			text-align: center;
+			text-decoration: none;
+			text-shadow: 0 -.05em .05em black;
+		}
+	
+	.slide > iframe:only-of-type {
+		position: absolute;
+		top: 0;
+		left: 0;
+		border: 0;
+		width: 100%;
+		height: 100%;
+		margin: 0;
+	}
+
+/**
+	Show thumbnails
+ */
+
+.show-thumbnails {
+	overflow-x: hidden;	
+} 
+
+.show-thumbnails .slide,
+.presenter .slide.next {
+	width: 1024px;
+	height: 768px;
+	box-sizing: border-box;
+	
+	float: left;
+	overflow: hidden;
+	position: static;
+	opacity: 1;
+	margin:-292px -395px;
+	cursor: pointer;
+	
+	transform: scale(.2, .2);
+	transition:1s transform;
+}
+
+.show-thumbnails.headers-only .slide {
+	display: none;
+}
+
+.show-thumbnails.headers-only header.slide {
+	display: block;
+}
+
+.show-thumbnails .slide .delayed,
+.presenter .slide:target + .slide .delayed {
+	opacity: 1;
+}
+
+.show-thumbnails .slide:hover,
+.show-thumbnails .slide:target,
+.presenter .slide:target + .slide {
+	outline: 20px solid rgba(255, 255, 255, .6);
+	outline-radius:5px;
+	
+	box-shadow: 5px 5px 10px black;
+}
+
+.show-thumbnails .slide:target {
+	outline-color: rgba(255, 255, 255, .3);
+}
+
+.show-thumbnails .slide:target:hover {
+	outline-color: rgba(255, 255, 255, .9);
+}
+
+/* Display titles */
+.show-thumbnails .slide[data-title]:after {
+	content: attr(data-title);
+	position: absolute;
+	left: 0;
+	right: 0;
+	bottom: 0;
+	padding: .1em 0;
+	background: rgba(0,0,0,.5);
+	color: white;
+	font-size: 250%;
+	text-align: center;
+	text-shadow: .05em .05em .1em black;
+	transform: none;
+}
+
+/* Hide all elements in slide by hitting Ctrl + J or Shift + J */
+.hide-elements .slide:target > * {
+	opacity: 0;
+	transition:.5s;
+}
+
+/* Timer */
+
+#timer {
+	position:absolute;
+	top:0;
+	left:0;
+	z-index:101;
+	width:0%;
+	height:16px;
+	line-height: 16px;
+	padding: 0 5px;
+	background:rgba(0,0,0,.5);
+	overflow: hidden;
+	text-align: right;
+	box-sizing: border-box;
+	transition: linear;
+}
+
+	#timer:before {
+		content: 'Progress ';
+		text-transform: uppercase;
+		color: white;
+		font-size: 9px;
+	}
+
+#timer.end {
+	width: 100%;
+}
+
+#timer.end.overtime {
+	width: 0%;
+	left: auto;
+	right: 0;
+}
+
+/* Presenter & projector views */
+
+.projector #timer {
+	display: none;
+}
+
+.presenter-notes {
+	display: none;
+	position: fixed;
+	right: 230px;
+	bottom: 0;
+	left: 0;
+	max-height: 6em;
+	overflow: auto;
+	padding: .6em 1em;
+	font-size: 60%;
+	line-height: 1.3;
+	font-weight: normal;
+	resize:vertical;
+	background: rgba(255, 255, 255, .5);
+	color: black;
+	text-shadow: 0 1px white;
+	box-shadow: .1em .1em .3em rgba(0,0,0,.5) inset;
+}
+
+.presenter .slide.next {
+	position: fixed;
+	top: auto;
+	right: 0;
+	bottom: 0;
+	left: auto;
+	z-index: 100;
+}
+
+.presenter .slide:target > .presenter-notes {
+	display: block;
+}

data/themes/memories/css/theme.css

@@ -0,0 +1,183 @@
+* {
+	padding:0;
+	margin:0;
+	font:inherit;
+	color:inherit;
+}
+
+html {
+	background: #fdf6e3;
+    color: #073642;
+}
+
+body {
+	font-family: 'Yanone Kaffeesatz', sans-serif;
+	letter-spacing: .2em;
+}
+
+button {
+	padding:.2em .5em;
+}
+
+a:hover {
+	text-shadow: 0 0 .5em white, 0 0 1em white;
+}
+
+code, pre, style, textarea, input {
+	font-family: 'Droid Sans Mono', monospace;
+    background: #eee8d5;
+    text-shadow: none;
+    letter-spacing: -0.02em;
+}
+
+pre, style, textarea {
+	padding: .3em;
+	margin: 0 -0.2em;
+	border: 3px solid #002b36;
+}
+
+textarea {
+	width: 100%;
+	box-sizing: border-box;
+}
+
+blockquote { font-style: italic; }
+blockquote p:before { content: '« '; }
+blockquote p:after { content: ' »'; }
+
+strong, b {
+	font-weight: bold;
+}
+
+	pre strong {
+		text-shadow: 0 0 .6em white;
+	}
+
+.slide {
+	padding:0 2.5% 2%;
+	text-shadow:.05em .05em .1em rgba(0,0,0,.4);
+	border:30px solid transparent;
+}
+
+	section.slide h1 {
+		font-weight: bold;
+		font-size: 1.0in;
+	}
+
+	.slide h2 {
+		font-weight: bold;
+		font-size: 0.8in;
+	}
+
+	.slide h3 {
+		font-weight: bold;
+		font-size: 0.6in;
+	}
+
+	.slide p,
+	.slide li {
+		font-weight: bold;
+	}
+
+	.slide > ul {
+		list-style:none;
+	}
+
+	.slide ol {
+		margin-left:2em;
+	}
+
+		.slide > ul ul {
+			margin-left:2em;
+			list-style: none;
+		}
+
+			.slide li li {
+				font-size:80%;
+			}
+
+		.slide li {
+			margin:.2em 0;
+		}
+
+		.slide > ul > li:before {
+			content:'\2714';
+			color: #2aa198;
+			padding-right: .2em;
+		}
+
+			.slide li li:before {
+				content: '\279C';
+				color: #268bd2;
+				padding-right: .2em;
+			}
+
+			section > header.slide > h1 {
+				position: absolute;
+				top: 50%;
+				left: 0;
+				right: 0;
+				margin-top: -1.2em;
+				font-size: 300%;
+				line-height: 1;
+				text-align: center;
+			}
+
+/* Mark slides as incomplete to spot them easier */
+.incomplete.slide::after {
+	content: 'INCOMPLETE';
+	font-weight: bold;
+	position: absolute;
+	top: 10%;
+	left: 70%;
+	padding: .1em .4em 0;
+	border: .1em solid;
+	color: rgba(255, 0, 0, .8);
+	font-size: 140%;
+	border-radius: .2em;
+	transform: rotate(30deg);
+}
+
+.two_cols pre {
+	float: left;
+	width: 43%;
+	margin-right: 4%;
+}
+
+.white   { color: #ffffff; }
+.light3  { color: #fdf6e3; }
+.light2  { color: #eee8d5; }
+.light1  { color: #93a1a1; }
+.light0  { color: #839496; }
+.yellow  { color: #b58900; }
+.orange  { color: #cb4b16; }
+.red     { color: #dc322f; }
+.magenta { color: #d33682; }
+.violet  { color: #6c71c4; }
+.blue    { color: #268bd2; }
+.cyan    { color: #2aa198; }
+.green   { color: #859900; }
+.dark0   { color: #657b83; }
+.dark1   { color: #586e75; }
+.dark2   { color: #073642; }
+.dark3   { color: #002b36; }
+.black   { color: #000000; }
+
+.on_white   { background-color: #ffffff; }
+.on_light3  { background-color: #fdf6e3; }
+.on_light2  { background-color: #eee8d5; }
+.on_light1  { background-color: #93a1a1; }
+.on_light0  { background-color: #839496; }
+.on_yellow  { background-color: #b58900; }
+.on_orange  { background-color: #cb4b16; }
+.on_red     { background-color: #dc322f; }
+.on_magenta { background-color: #d33682; }
+.on_violet  { background-color: #6c71c4; }
+.on_blue    { background-color: #268bd2; }
+.on_cyan    { background-color: #2aa198; }
+.on_green   { background-color: #859900; }
+.on_dark0   { background-color: #657b83; }
+.on_dark1   { background-color: #586e75; }
+.on_dark2   { background-color: #073642; }
+.on_dark3   { background-color: #002b36; }
+.on_black   { background-color: #000000; }

data/themes/memories/index.erb

@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
+    <title><%= meta.title %></title>
+    <% (theme.css + meta.css).each do |css| %>
+      <link rel="stylesheet" href="<%= css%>">
+    <% end %>
+    <link rel="stylesheet" href="css/pygments/solarized.css">
+    <script src="js/prefixfree.min.js"></script>
+  </head>
+  <body data-duration="<%= meta.duration %>">
+    <section>
+      <header class="slide">
+        <h1><%= meta.title %></h1>
+        <h2><%= meta.author %></h2>
+      </header>
+    </section>
+    <% sections.each do |section| %>
+      <section>
+        <header class="slide">
+          <h1><%= section.title %></h1>
+        </header>
+        <% section.slides.each do |slide| %>
+          <section class="slide <%= slide.classes %>">
+            <%= slide.html %>
+          </section>
+        <% end %>
+      </section>
+    <% end %>
+    <% (theme.js + meta.js).each do |js| %>
+      <script src="<%= js %>"></script>
+    <% end %>
+    <script>slideshow = new SlideShow();</script>
+  </body>
+</html>

data/themes/memories/js/prefixfree.min.js

@@ -0,0 +1,13 @@
+// StyleFix 1.0.2 + PrefixFree 1.0.6 / Lea Verou / MIT license
+(function(){function h(a,b){return[].slice.call((b||document).querySelectorAll(a))}if(window.addEventListener){var e=window.StyleFix={link:function(a){try{if("stylesheet"!==a.rel||a.hasAttribute("data-noprefix"))return}catch(b){return}var c=a.href||a.getAttribute("data-href"),f=c.replace(/[^\/]+$/,""),i=a.parentNode,d=new XMLHttpRequest,g;d.onreadystatechange=function(){4===d.readyState&&g()};g=function(){var b=d.responseText;if(b&&a.parentNode&&(!d.status||400>d.status||600<d.status)){b=e.fix(b,
+!0,a);f&&(b=b.replace(/url\(\s*?((?:"|')?)(.+?)\1\s*?\)/gi,function(a,b,c){return!/^([a-z]{3,10}:|\/|#)/i.test(c)?'url("'+f+c+'")':a}),b=b.replace(RegExp("\\b(behavior:\\s*?url\\('?\"?)"+f,"gi"),"$1"));var c=document.createElement("style");c.textContent=b;c.media=a.media;c.disabled=a.disabled;c.setAttribute("data-href",a.getAttribute("href"));i.insertBefore(c,a);i.removeChild(a);c.media=a.media}};try{d.open("GET",c),d.send(null)}catch(k){"undefined"!=typeof XDomainRequest&&(d=new XDomainRequest,d.onerror=
+d.onprogress=function(){},d.onload=g,d.open("GET",c),d.send(null))}a.setAttribute("data-inprogress","")},styleElement:function(a){if(!a.hasAttribute("data-noprefix")){var b=a.disabled;a.textContent=e.fix(a.textContent,!0,a);a.disabled=b}},styleAttribute:function(a){var b=a.getAttribute("style"),b=e.fix(b,!1,a);a.setAttribute("style",b)},process:function(){h('link[rel="stylesheet"]:not([data-inprogress])').forEach(StyleFix.link);h("style").forEach(StyleFix.styleElement);h("[style]").forEach(StyleFix.styleAttribute)},
+register:function(a,b){(e.fixers=e.fixers||[]).splice(void 0===b?e.fixers.length:b,0,a)},fix:function(a,b){for(var c=0;c<e.fixers.length;c++)a=e.fixers[c](a,b)||a;return a},camelCase:function(a){return a.replace(/-([a-z])/g,function(a,c){return c.toUpperCase()}).replace("-","")},deCamelCase:function(a){return a.replace(/[A-Z]/g,function(a){return"-"+a.toLowerCase()})}};(function(){setTimeout(function(){h('link[rel="stylesheet"]').forEach(StyleFix.link)},10);document.addEventListener("DOMContentLoaded",
+StyleFix.process,!1)})()}})();
+(function(h){function e(b,c,f,i,d){b=a[b];b.length&&(b=RegExp(c+"("+b.join("|")+")"+f,"gi"),d=d.replace(b,i));return d}if(window.StyleFix&&window.getComputedStyle){var a=window.PrefixFree={prefixCSS:function(b,c){var f=a.prefix,b=e("functions","(\\s|:|,)","\\s*\\(","$1"+f+"$2(",b),b=e("keywords","(\\s|:)","(\\s|;|\\}|$)","$1"+f+"$2$3",b),b=e("properties","(^|\\{|\\s|;)","\\s*:","$1"+f+"$2:",b);if(a.properties.length)var i=RegExp("\\b("+a.properties.join("|")+")(?!:)","gi"),b=e("valueProperties","\\b",
+":(.+?);",function(a){return a.replace(i,f+"$1")},b);c&&(b=e("selectors","","\\b",a.prefixSelector,b),b=e("atrules","@","\\b","@"+f+"$1",b));return b=b.replace(RegExp("-"+f,"g"),"-")},property:function(b){return(a.properties.indexOf(b)?a.prefix:"")+b},value:function(b){b=e("functions","(^|\\s|,)","\\s*\\(","$1"+a.prefix+"$2(",b);return b=e("keywords","(^|\\s)","(\\s|$)","$1"+a.prefix+"$2$3",b)},prefixSelector:function(b){return b.replace(/^:{1,2}/,function(b){return b+a.prefix})},prefixProperty:function(b,
+c){var f=a.prefix+b;return c?StyleFix.camelCase(f):f}};(function(){var b={},c=[],f=getComputedStyle(document.documentElement,null),i=document.createElement("div").style,d=function(a){if("-"===a.charAt(0)){c.push(a);var a=a.split("-"),d=a[1];for(b[d]=++b[d]||1;3<a.length;)a.pop(),d=a.join("-"),StyleFix.camelCase(d)in i&&-1===c.indexOf(d)&&c.push(d)}};if(0<f.length)for(var g=0;g<f.length;g++)d(f[g]);else for(var e in f)d(StyleFix.deCamelCase(e));var g=0,j,h;for(h in b)f=b[h],g<f&&(j=h,g=f);a.prefix=
+"-"+j+"-";a.Prefix=StyleFix.camelCase(a.prefix);a.properties=[];for(g=0;g<c.length;g++)e=c[g],0===e.indexOf(a.prefix)&&(j=e.slice(a.prefix.length),StyleFix.camelCase(j)in i||a.properties.push(j));"Ms"==a.Prefix&&(!("transform"in i)&&!("MsTransform"in i)&&"msTransform"in i)&&a.properties.push("transform","transform-origin");a.properties.sort()})();(function(){function b(a,b){e[b]="";e[b]=a;return!!e[b]}var c={"linear-gradient":{property:"backgroundImage",params:"red, teal"},calc:{property:"width",
+params:"1px + 5%"},element:{property:"backgroundImage",params:"#foo"},"cross-fade":{property:"backgroundImage",params:"url(a.png), url(b.png), 50%"}};c["repeating-linear-gradient"]=c["repeating-radial-gradient"]=c["radial-gradient"]=c["linear-gradient"];var f={initial:"color","zoom-in":"cursor","zoom-out":"cursor",box:"display",flexbox:"display","inline-flexbox":"display",flex:"display","inline-flex":"display"};a.functions=[];a.keywords=[];var e=document.createElement("div").style,d;for(d in c){var g=
+c[d],h=g.property,g=d+"("+g.params+")";!b(g,h)&&b(a.prefix+g,h)&&a.functions.push(d)}for(var j in f)h=f[j],!b(j,h)&&b(a.prefix+j,h)&&a.keywords.push(j)})();(function(){function b(a){e.textContent=a+"{}";return!!e.sheet.cssRules.length}var c={":read-only":null,":read-write":null,":any-link":null,"::selection":null},f={keyframes:"name",viewport:null,document:'regexp(".")'};a.selectors=[];a.atrules=[];var e=h.appendChild(document.createElement("style")),d;for(d in c){var g=d+(c[d]?"("+c[d]+")":"");!b(g)&&
+b(a.prefixSelector(g))&&a.selectors.push(d)}for(var k in f)g=k+" "+(f[k]||""),!b("@"+g)&&b("@"+a.prefix+g)&&a.atrules.push(k);h.removeChild(e)})();a.valueProperties=["transition","transition-property"];h.className+=" "+a.prefix;StyleFix.register(a.prefixCSS)}})(document.documentElement);