Added content

2 files changed, 308 insertions, 276 deletions

diff --git a/css/print/paper.css b/css/print/paper.css
index 27d19dd..2e8582e 100644
--- a/css/print/paper.css
+++ b/css/print/paper.css
@@ -8,196 +8,225 @@
 
 @media print {
 
-	/* SECTION 1: Set default width, margin, float, and
-	   background. This prevents elements from extending
-	   beyond the edge of the printed page, and prevents
-	   unnecessary background images from printing */
-	html {
-		background: #fff;
-		width: auto;
-		height: auto;
-		overflow: visible;
-	}
-	body {
-		background: #fff;
-		font-size: 20pt;
-		width: auto;
-		height: auto;
-		border: 0;
-		margin: 0 5%;
-		padding: 0;
-		overflow: visible;
-		float: none !important;
-	}
-
-	/* SECTION 2: Remove any elements not needed in print.
-	   This would include navigation, ads, sidebars, etc. */
-	.nestedarrow,
-	.controls,
-	.fork-reveal,
-	.share-reveal,
-	.state-background,
-	.reveal .progress,
-	.reveal .backgrounds,
-	.reveal .slide-number {
-		display: none !important;
-	}
-
-	/* SECTION 3: Set body font face, size, and color.
-	   Consider using a serif font for readability. */
-	body, p, td, li, div {
-		font-size: 20pt!important;
-		font-family: Georgia, "Times New Roman", Times, serif !important;
-		color: #000;
-	}
-
-	/* SECTION 4: Set heading font face, sizes, and color.
-	   Differentiate your headings from your body text.
-	   Perhaps use a large sans-serif for distinction. */
-	h1,h2,h3,h4,h5,h6 {
-		color: #000!important;
-		height: auto;
-		line-height: normal;
-		font-family: Georgia, "Times New Roman", Times, serif !important;
-		text-shadow: 0 0 0 #000 !important;
-		text-align: left;
-		letter-spacing: normal;
-	}
-	/* Need to reduce the size of the fonts for printing */
-	h1 { font-size: 28pt !important;  }
-	h2 { font-size: 24pt !important; }
-	h3 { font-size: 22pt !important; }
-	h4 { font-size: 22pt !important; font-variant: small-caps; }
-	h5 { font-size: 21pt !important; }
-	h6 { font-size: 20pt !important; font-style: italic; }
-
-	/* SECTION 5: Make hyperlinks more usable.
-	   Ensure links are underlined, and consider appending
-	   the URL to the end of the link for usability. */
-	a:link,
-	a:visited {
-		color: #000 !important;
-		font-weight: bold;
-		text-decoration: underline;
-	}
-	/*
-	.reveal a:link:after,
-	.reveal a:visited:after {
-		content: " (" attr(href) ") ";
-		color: #222 !important;
-		font-size: 90%;
-	}
-	*/
-
-
-	/* SECTION 6: more reveal.js specific additions by @skypanther */
-	ul, ol, div, p {
-		visibility: visible;
-		position: static;
-		width: auto;
-		height: auto;
-		display: block;
-		overflow: visible;
-		margin: 0;
-		text-align: left !important;
-	}
-	.reveal pre,
-	.reveal table {
-		margin-left: 0;
-		margin-right: 0;
-	}
-	.reveal pre code {
-		padding: 20px;
-		border: 1px solid #ddd;
-	}
-	.reveal blockquote {
-		margin: 20px 0;
-	}
-	.reveal .slides {
-		position: static !important;
-		width: auto !important;
-		height: auto !important;
-
-		left: 0 !important;
-		top: 0 !important;
-		margin-left: 0 !important;
-		margin-top: 0 !important;
-		padding: 0 !important;
-		zoom: 1 !important;
-
-		overflow: visible !important;
-		display: block !important;
-
-		text-align: left !important;
-		-webkit-perspective: none;
-		   -moz-perspective: none;
-		    -ms-perspective: none;
-		        perspective: none;
-
-		-webkit-perspective-origin: 50% 50%;
-		   -moz-perspective-origin: 50% 50%;
-		    -ms-perspective-origin: 50% 50%;
-		        perspective-origin: 50% 50%;
-	}
-	.reveal .slides section {
-		visibility: visible !important;
-		position: static !important;
-		width: auto !important;
-		height: auto !important;
-		display: block !important;
-		overflow: visible !important;
-
-		left: 0 !important;
-		top: 0 !important;
-		margin-left: 0 !important;
-		margin-top: 0 !important;
-		padding: 60px 20px !important;
-		z-index: auto !important;
-
-		opacity: 1 !important;
-
-		page-break-after: always !important;
-
-		-webkit-transform-style: flat !important;
-		   -moz-transform-style: flat !important;
-		    -ms-transform-style: flat !important;
-		        transform-style: flat !important;
-
-		-webkit-transform: none !important;
-		   -moz-transform: none !important;
-		    -ms-transform: none !important;
-		        transform: none !important;
-
-		-webkit-transition: none !important;
-		   -moz-transition: none !important;
-		    -ms-transition: none !important;
-		        transition: none !important;
-	}
-	.reveal .slides section.stack {
-		padding: 0 !important;
-	}
-	.reveal section:last-of-type {
-		page-break-after: avoid !important;
-	}
-	.reveal section .fragment {
-		opacity: 1 !important;
-		visibility: visible !important;
-
-		-webkit-transform: none !important;
-		   -moz-transform: none !important;
-		    -ms-transform: none !important;
-		        transform: none !important;
-	}
-	.reveal section img {
-		display: block;
-		margin: 15px 0px;
-		background: rgba(255,255,255,1);
-		border: 1px solid #666;
-		box-shadow: none;
-	}
-
-	.reveal section small {
-		font-size: 0.8em;
-	}
+    /* SECTION 1: Set default width, margin, float, and
+       background. This prevents elements from extending
+       beyond the edge of the printed page, and prevents
+       unnecessary background images from printing */
+    html {
+        background: #fff;
+        width: auto;
+        height: auto;
+        overflow: visible;
+    }
+
+    body {
+        background: #fff;
+        font-size: 20pt;
+        width: auto;
+        height: auto;
+        border: 0;
+        margin: 0 5%;
+        padding: 0;
+        overflow: visible;
+        float: none !important;
+    }
+
+    /* SECTION 2: Remove any elements not needed in print.
+       This would include navigation, ads, sidebars, etc. */
+    .nestedarrow,
+    .controls,
+    .fork-reveal,
+    .share-reveal,
+    .state-background,
+    .reveal .progress,
+    .reveal .backgrounds,
+    .reveal .slide-number {
+        display: none !important;
+    }
+
+    /* SECTION 3: Set body font face, size, and color.
+       Consider using a serif font for readability. */
+    body, p, td, li, div {
+        font-size: 20pt !important;
+        font-family: Georgia, "Times New Roman", Times, serif !important;
+        color: #000;
+    }
+
+    /* SECTION 4: Set heading font face, sizes, and color.
+       Differentiate your headings from your body text.
+       Perhaps use a large sans-serif for distinction. */
+    h1, h2, h3, h4, h5, h6 {
+        color: #000 !important;
+        height: auto;
+        line-height: normal;
+        font-family: Georgia, "Times New Roman", Times, serif !important;
+        text-shadow: 0 0 0 #000 !important;
+        text-align: left;
+        letter-spacing: normal;
+    }
+
+    /* Need to reduce the size of the fonts for printing */
+    h1 {
+        font-size: 28pt !important;
+    }
+
+    h2 {
+        font-size: 24pt !important;
+    }
+
+    h3 {
+        font-size: 22pt !important;
+    }
+
+    h4 {
+        font-size: 22pt !important;
+        font-variant: small-caps;
+    }
+
+    h5 {
+        font-size: 21pt !important;
+    }
+
+    h6 {
+        font-size: 20pt !important;
+        font-style: italic;
+    }
+
+    /* SECTION 5: Make hyperlinks more usable.
+       Ensure links are underlined, and consider appending
+       the URL to the end of the link for usability. */
+    a:link,
+    a:visited {
+        color: #000 !important;
+        font-weight: bold;
+        text-decoration: underline;
+    }
+
+    /*
+    .reveal a:link:after,
+    .reveal a:visited:after {
+        content: " (" attr(href) ") ";
+        color: #222 !important;
+        font-size: 90%;
+    }
+    */
+    /* SECTION 6: more reveal.js specific additions by @skypanther */
+    ul, ol, div, p {
+        visibility: visible;
+        position: static;
+        width: auto;
+        height: auto;
+        display: block;
+        overflow: visible;
+        margin: 0;
+        text-align: left !important;
+    }
+
+    .reveal pre,
+    .reveal table {
+        margin-left: 0;
+        margin-right: 0;
+    }
+
+    .reveal pre code {
+        padding: 20px;
+        border: 1px solid #ddd;
+    }
+
+    .reveal blockquote {
+        margin: 20px 0;
+    }
+
+    .reveal .slides {
+        position: static !important;
+        width: auto !important;
+        height: auto !important;
+
+        left: 0 !important;
+        top: 0 !important;
+        margin-left: 0 !important;
+        margin-top: 0 !important;
+        padding: 0 !important;
+        zoom: 1 !important;
+
+        overflow: visible !important;
+        display: block !important;
+
+        text-align: left !important;
+        -webkit-perspective: none;
+        -moz-perspective: none;
+        -ms-perspective: none;
+        perspective: none;
+
+        -webkit-perspective-origin: 50% 50%;
+        -moz-perspective-origin: 50% 50%;
+        -ms-perspective-origin: 50% 50%;
+        perspective-origin: 50% 50%;
+    }
+
+    .reveal .slides section {
+        visibility: visible !important;
+        position: static !important;
+        width: auto !important;
+        height: auto !important;
+        display: block !important;
+        overflow: visible !important;
+
+        left: 0 !important;
+        top: 0 !important;
+        margin-left: 0 !important;
+        margin-top: 0 !important;
+        padding: 60px 20px !important;
+        z-index: auto !important;
+
+        opacity: 1 !important;
+
+        page-break-after: always !important;
+
+        -webkit-transform-style: flat !important;
+        -moz-transform-style: flat !important;
+        -ms-transform-style: flat !important;
+        transform-style: flat !important;
+
+        -webkit-transform: none !important;
+        -moz-transform: none !important;
+        -ms-transform: none !important;
+        transform: none !important;
+
+        -webkit-transition: none !important;
+        -moz-transition: none !important;
+        -ms-transition: none !important;
+        transition: none !important;
+    }
+
+    .reveal .slides section.stack {
+        padding: 0 !important;
+    }
+
+    .reveal section:last-of-type {
+        page-break-after: avoid !important;
+    }
+
+    .reveal section .fragment {
+        opacity: 1 !important;
+        visibility: visible !important;
+
+        -webkit-transform: none !important;
+        -moz-transform: none !important;
+        -ms-transform: none !important;
+        transform: none !important;
+    }
+
+    .reveal section img {
+        display: block;
+        margin: 15px 0px;
+        background: rgba(255, 255, 255, 1);
+        border: 1px solid #666;
+        box-shadow: none;
+    }
+
+    .reveal section small {
+        font-size: 0.8em;
+    }
 
 }
diff --git a/css/print/pdf.css b/css/print/pdf.css
index 752d955..72791be 100644
--- a/css/print/pdf.css
+++ b/css/print/pdf.css
@@ -6,21 +6,21 @@
  */
 
 * {
-	-webkit-print-color-adjust: exact;
+    -webkit-print-color-adjust: exact;
 }
 
 body {
-	margin: 0 auto !important;
-	border: 0;
-	padding: 0;
-	float: none !important;
-	overflow: visible;
+    margin: 0 auto !important;
+    border: 0;
+    padding: 0;
+    float: none !important;
+    overflow: visible;
 }
 
 html {
-	width: 100%;
-	height: 100%;
-	overflow: visible;
+    width: 100%;
+    height: 100%;
+    overflow: visible;
 }
 
 /* Remove any elements not needed in print. */
@@ -32,133 +32,136 @@ html {
 .fork-reveal,
 .share-reveal,
 .state-background {
-	display: none !important;
+    display: none !important;
 }
 
 h1, h2, h3, h4, h5, h6 {
-	text-shadow: 0 0 0 #000 !important;
+    text-shadow: 0 0 0 #000 !important;
 }
 
 .reveal pre code {
-	overflow: hidden !important;
-	font-family: Courier, 'Courier New', monospace !important;
+    overflow: hidden !important;
+    font-family: Courier, 'Courier New', monospace !important;
 }
 
 ul, ol, div, p {
-	visibility: visible;
-	position: static;
-	width: auto;
-	height: auto;
-	display: block;
-	overflow: visible;
-	margin: auto;
+    visibility: visible;
+    position: static;
+    width: auto;
+    height: auto;
+    display: block;
+    overflow: visible;
+    margin: auto;
 }
+
 .reveal {
-	width: auto !important;
-	height: auto !important;
-	overflow: hidden !important;
+    width: auto !important;
+    height: auto !important;
+    overflow: hidden !important;
 }
+
 .reveal .slides {
-	position: static;
-	width: 100% !important;
-	height: auto !important;
-	zoom: 1 !important;
+    position: static;
+    width: 100% !important;
+    height: auto !important;
+    zoom: 1 !important;
 
-	left: auto;
-	top: auto;
-	margin: 0 !important;
-	padding: 0 !important;
+    left: auto;
+    top: auto;
+    margin: 0 !important;
+    padding: 0 !important;
 
-	overflow: visible;
-	display: block;
+    overflow: visible;
+    display: block;
 
-	perspective: none;
-	perspective-origin: 50% 50%;
+    perspective: none;
+    perspective-origin: 50% 50%;
 }
 
 .reveal .slides .pdf-page {
-	position: relative;
-	overflow: hidden;
-	z-index: 1;
+    position: relative;
+    overflow: hidden;
+    z-index: 1;
 
-	page-break-after: always;
+    page-break-after: always;
 }
 
 .reveal .slides section {
-	visibility: visible !important;
-	display: block !important;
-	position: absolute !important;
+    visibility: visible !important;
+    display: block !important;
+    position: absolute !important;
 
-	margin: 0 !important;
-	padding: 0 !important;
-	box-sizing: border-box !important;
-	min-height: 1px;
+    margin: 0 !important;
+    padding: 0 !important;
+    box-sizing: border-box !important;
+    min-height: 1px;
 
-	opacity: 1 !important;
+    opacity: 1 !important;
 
-	transform-style: flat !important;
-	transform: none !important;
+    transform-style: flat !important;
+    transform: none !important;
 }
 
 .reveal section.stack {
-	position: relative !important;
-	margin: 0 !important;
-	padding: 0 !important;
-	page-break-after: avoid !important;
-	height: auto !important;
-	min-height: auto !important;
+    position: relative !important;
+    margin: 0 !important;
+    padding: 0 !important;
+    page-break-after: avoid !important;
+    height: auto !important;
+    min-height: auto !important;
 }
 
 .reveal img {
-	box-shadow: none;
+    box-shadow: none;
 }
 
 .reveal .roll {
-	overflow: visible;
-	line-height: 1em;
+    overflow: visible;
+    line-height: 1em;
 }
 
 /* Slide backgrounds are placed inside of their slide when exporting to PDF */
 .reveal .slide-background {
-	display: block !important;
-	position: absolute;
-	top: 0;
-	left: 0;
-	width: 100%;
-	height: 100%;
-	z-index: auto !important;
+    display: block !important;
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    z-index: auto !important;
 }
 
 /* Display slide speaker notes when 'showNotes' is enabled */
 .reveal.show-notes {
-	max-width: none;
-	max-height: none;
+    max-width: none;
+    max-height: none;
 }
+
 .reveal .speaker-notes-pdf {
-	display: block;
-	width: 100%;
-	height: auto;
-	max-height: none;
-	top: auto;
-	right: auto;
-	bottom: auto;
-	left: auto;
-	z-index: 100;
+    display: block;
+    width: 100%;
+    height: auto;
+    max-height: none;
+    top: auto;
+    right: auto;
+    bottom: auto;
+    left: auto;
+    z-index: 100;
 }
 
 /* Layout option which makes notes appear on a separate page */
 .reveal .speaker-notes-pdf[data-layout="separate-page"] {
-	position: relative;
-	color: inherit;
-	background-color: transparent;
-	padding: 20px;
-	page-break-after: always;
-	border: 0;
+    position: relative;
+    color: inherit;
+    background-color: transparent;
+    padding: 20px;
+    page-break-after: always;
+    border: 0;
 }
 
 /* Display slide numbers when 'slideNumber' is enabled */
 .reveal .slide-number-pdf {
-	display: block;
-	position: absolute;
-	font-size: 14px;
+    display: block;
+    position: absolute;
+    font-size: 14px;
 }