Basic presenter mode working

4 files changed, 298 insertions, 202 deletions

diff --git a/theme/css/default.css b/theme/css/default.css
index 7c96455..92b9dbe 100644
--- a/theme/css/default.css
+++ b/theme/css/default.css
@@ -76,7 +76,7 @@ html {
 body {
   margin: 0;
   padding: 0;
-  opacity: 1 !important;
+  opacity: 0;
   height: 100%;
   min-height: 740px;
   width: 100%;
@@ -86,19 +86,23 @@ body {
   -moz-font-smoothing: antialiased;
   -ms-font-smoothing: antialiased;
   -o-font-smoothing: antialiased;
-  -webkit-transition: opacity 800ms ease-in;
-  -moz-transition: opacity 800ms ease-in;
-  -ms-transition: opacity 800ms ease-in;
-  -o-transition: opacity 800ms ease-in;
-  transition: opacity 800ms ease-in;
+  -webkit-transition: opacity 800ms ease-in 100ms;
+  -moz-transition: opacity 800ms ease-in 100ms;
+  -ms-transition: opacity 800ms ease-in 100ms;
+  -o-transition: opacity 800ms ease-in 100ms;
+  transition: opacity 800ms ease-in 100ms;
+}
+/* line 63, ../sass/_base.scss */
+body.loaded {
+  opacity: 1;
 }
 
-/* line 65, ../sass/_base.scss */
+/* line 68, ../sass/_base.scss */
 slides > slide[hidden] {
   display: none !important;
 }
 
-/* line 69, ../sass/_base.scss */
+/* line 72, ../sass/_base.scss */
 slides {
   width: 100%;
   height: 100%;
@@ -116,7 +120,7 @@ slides {
   transform-style: preserve-3d;
 }
 
-/* line 80, ../sass/_base.scss */
+/* line 83, ../sass/_base.scss */
 slides > slide {
   display: block;
   position: absolute;
@@ -217,7 +221,7 @@ body {
   background: black;
 }
 
-/* line 95, ../sass/default.scss */
+/* line 91, ../sass/default.scss */
 slides > slide {
   display: none;
   font-family: 'Open Sans', Arial, sans-serif;
@@ -239,46 +243,46 @@ slides > slide {
   -o-transition: all 0.6s ease-in-out;
   transition: all 0.6s ease-in-out;
 }
-/* line 116, ../sass/default.scss */
+/* line 112, ../sass/default.scss */
 slides > slide.far-past {
   display: none;
 }
-/* line 123, ../sass/default.scss */
+/* line 119, ../sass/default.scss */
 slides > slide.past {
   display: block;
   opacity: 0;
 }
-/* line 130, ../sass/default.scss */
+/* line 126, ../sass/default.scss */
 slides > slide.current {
   display: block;
   opacity: 1;
 }
-/* line 136, ../sass/default.scss */
+/* line 132, ../sass/default.scss */
 slides > slide.current .auto-fadein {
   opacity: 1;
 }
-/* line 140, ../sass/default.scss */
+/* line 136, ../sass/default.scss */
 slides > slide.current .gdbar {
   -webkit-background-size: 100% 100%;
   -moz-background-size: 100% 100%;
   -o-background-size: 100% 100%;
   background-size: 100% 100%;
 }
-/* line 145, ../sass/default.scss */
+/* line 141, ../sass/default.scss */
 slides > slide.next {
   display: block;
   opacity: 0;
   pointer-events: none;
 }
-/* line 153, ../sass/default.scss */
+/* line 149, ../sass/default.scss */
 slides > slide.far-next {
   display: none;
 }
-/* line 160, ../sass/default.scss */
+/* line 156, ../sass/default.scss */
 slides > slide.dark {
   background: #515151;
 }
-/* line 168, ../sass/default.scss */
+/* line 164, ../sass/default.scss */
 slides > slide:not(.nobackground):before {
   font-size: 12pt;
   content: "#io2012";
@@ -294,7 +298,7 @@ slides > slide:not(.nobackground):before {
   height: 30px;
   line-height: 1.9;
 }
-/* line 180, ../sass/default.scss */
+/* line 176, ../sass/default.scss */
 slides > slide:not(.nobackground):after {
   font-size: 12pt;
   content: attr(data-slide-num) "/" attr(data-total-slides);
@@ -303,7 +307,7 @@ slides > slide:not(.nobackground):after {
   right: 60px;
   line-height: 1.9;
 }
-/* line 191, ../sass/default.scss */
+/* line 187, ../sass/default.scss */
 slides > slide.title-slide:after {
   content: '';
   background: url(../../images/io2012_logo.png) no-repeat 100% 50%;
@@ -317,7 +321,7 @@ slides > slide.title-slide:after {
   width: 100%;
   height: 60px;
 }
-/* line 203, ../sass/default.scss */
+/* line 199, ../sass/default.scss */
 slides > slide.backdrop {
   z-index: -10;
   display: block !important;
@@ -329,39 +333,39 @@ slides > slide.backdrop {
   background: linear-gradient(#ffffff, #ffffff 85%, #e6e6e6);
   background-color: white;
 }
-/* line 209, ../sass/default.scss */
+/* line 205, ../sass/default.scss */
 slides > slide.backdrop:after, slides > slide.backdrop:before {
   display: none;
 }
-/* line 214, ../sass/default.scss */
+/* line 210, ../sass/default.scss */
 slides > slide > hgroup + article {
   margin-top: 45px;
 }
-/* line 217, ../sass/default.scss */
+/* line 213, ../sass/default.scss */
 slides > slide > hgroup + article p {
   margin-bottom: 1em;
 }
-/* line 222, ../sass/default.scss */
+/* line 218, ../sass/default.scss */
 slides > slide > article:only-child {
   height: 100%;
 }
-/* line 225, ../sass/default.scss */
+/* line 221, ../sass/default.scss */
 slides > slide > article:only-child > iframe {
   height: 100%;
 }
 
-/* line 231, ../sass/default.scss */
+/* line 227, ../sass/default.scss */
 slides.layout-faux-widescreen > slide {
   padding: 40px 160px;
 }
 
-/* line 240, ../sass/default.scss */
+/* line 236, ../sass/default.scss */
 slides.layout-widescreen > slide,
 slides.layout-faux-widescreen > slide {
   margin-left: -550px;
   width: 1100px;
 }
-/* line 245, ../sass/default.scss */
+/* line 241, ../sass/default.scss */
 slides.layout-widescreen > slide.far-past,
 slides.layout-faux-widescreen > slide.far-past {
   display: block;
@@ -377,26 +381,26 @@ slides.layout-faux-widescreen > slide.far-past {