slideleave now fires when navigating backwards

3 files changed, 189 insertions, 188 deletions

diff --git a/theme/css/default.css b/theme/css/default.css
index 40b4f77..03e25d1 100644
--- a/theme/css/default.css
+++ b/theme/css/default.css
@@ -86,10 +86,10 @@ body {
   -moz-font-smoothing: antialiased;
   -ms-font-smoothing: antialiased;
   -o-font-smoothing: antialiased;
-  -moz-transition: opacity 600ms ease-in;
-  -webkit-transition: opacity 600ms ease-in;
-  -o-transition: opacity 600ms ease-in;
-  transition: opacity 600ms ease-in;
+  -moz-transition: opacity 800ms ease-in;
+  -webkit-transition: opacity 800ms ease-in;
+  -o-transition: opacity 800ms ease-in;
+  transition: opacity 800ms ease-in;
 }
 
 /* line 57, ../sass/_base.scss */
@@ -214,12 +214,12 @@ slide.fill img {
 
 /* line 44, ../sass/default.scss */
 body {
-  background-image: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 600, color-stop(0%, #4387fd), color-stop(100%, #2a7cdf));
-  background-image: -webkit-radial-gradient(50% 50%, #4387fd 0%, #2a7cdf 600px);
-  background-image: -moz-radial-gradient(50% 50%, #4387fd 0%, #2a7cdf 600px);
-  background-image: -o-radial-gradient(50% 50%, #4387fd 0%, #2a7cdf 600px);
-  background-image: -ms-radial-gradient(50% 50%, #4387fd 0%, #2a7cdf 600px);
-  background-image: radial-gradient(50% 50%, #4387fd 0%, #2a7cdf 600px);
+  background-image: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 600, color-stop(0%, #b1dfff), color-stop(100%, #2a7cdf));
+  background-image: -webkit-radial-gradient(50% 50%, #b1dfff 0%, #2a7cdf 600px);
+  background-image: -moz-radial-gradient(50% 50%, #b1dfff 0%, #2a7cdf 600px);
+  background-image: -o-radial-gradient(50% 50%, #b1dfff 0%, #2a7cdf 600px);
+  background-image: -ms-radial-gradient(50% 50%, #b1dfff 0%, #2a7cdf 600px);
+  background-image: radial-gradient(50% 50%, #b1dfff 0%, #2a7cdf 600px);
   background-attachment: fixed;
 }
 
@@ -231,29 +231,30 @@ slides > slide {
   margin-top: -350px;
   padding: 40px 60px;
   background-color: white;
+  font-size: 26px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   -o-border-radius: 5px;
   -ms-border-radius: 5px;
   -khtml-border-radius: 5px;
   border-radius: 5px;
-  -moz-box-shadow: 3px 3px 20px #515151;
-  -webkit-box-shadow: 3px 3px 20px #515151;
-  -o-box-shadow: 3px 3px 20px #515151;
-  box-shadow: 3px 3px 20px #515151;
+  -moz-box-shadow: 5px 5px 20px #515151;
+  -webkit-box-shadow: 5px 5px 20px #515151;
+  -o-box-shadow: 5px 5px 20px #515151;
+  box-shadow: 5px 5px 20px #515151;
   -moz-transition: all 0.3s ease-out;
   -webkit-transition: all 0.3s ease-out;
   -o-transition: all 0.3s ease-out;
   transition: all 0.3s ease-out;
 }
 
-/* line 66, ../sass/default.scss */
+/* line 67, ../sass/default.scss */
 slides.layout-widescreen > slide {
   margin-left: -550px;
   width: 1100px;
 }
 
-/* line 71, ../sass/default.scss */
+/* line 72, ../sass/default.scss */
 slides.layout-faux-widescreen > slide {
   margin-left: -550px;
   width: 1100px;
@@ -272,13 +273,14 @@ slides.nobackground slide:not(.fill)::before {
   color: inherit !important;
 }
 */
-/* line 97, ../sass/default.scss */
+/* line 98, ../sass/default.scss */
 slides > slide:not(:first-of-type):not(.fill):not(.nobackground):before {
+  font-size: 12pt;
   content: "#io2012 @yourtwitter";
   position: absolute;
   bottom: 20px;
   left: 60px;
-  background: url(/images/google_developers_icon_128.png) no-repeat 0 50%;
+  background: url(../../images/google_developers_icon_128.png) no-repeat 0 50%;
   -moz-background-size: 30px 30px;
   -webkit-background-size: 30px 30px;
   -o-background-size: 30px 30px;
@@ -287,12 +289,14 @@ slides > slide:not(:first-of-type):not(.fill):not(.nobackground):before {
   height: 30px;
   line-height: 1.9;
 }
-/* line 108, ../sass/default.scss */
+/* line 110, ../sass/default.scss */
 slides > slide:not(:first-of-type):not(.fill):not(.nobackground):after {
+  font-size: 12pt;
   content: attr(data-slide-num) "/" attr(data-total-slides);
   position: absolute;
   bottom: 20px;
   right: 60px;
+  line-height: 1.9;
 }
 
 /*slides.layout-widescreen > slide:not(.nobackground),
@@ -300,13 +304,19 @@ slides.layout-faux-widescreen > slide:not(.nobackground) {
   background-position-x: 0, 840px;
 }*/
 /* Slides */
-/* line 123, ../sass/default.scss */
+/* line 127, ../sass/default.scss */
 slides > slide {
   display: none;
   font-family: 'Open Sans', Arial, sans-serif;
   color: #797979;
+  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(85%, #ffffff), color-stop(100%, #e6e6e6));
+  background: -webkit-linear-gradient(#ffffff, #ffffff 85%, #e6e6e6);
+  background: -moz-linear-gradient(#ffffff, #ffffff 85%, #e6e6e6);
+  background: -o-linear-gradient(#ffffff, #ffffff 85%, #e6e6e6);
+  background: -ms-linear-gradient(#ffffff, #ffffff 85%, #e6e6e6);
+  background: linear-gradient(#ffffff, #ffffff 85%, #e6e6e6);
 }
-/* line 132, ../sass/default.scss */
+/* line 138, ../sass/default.scss */
 slides > slide.far-past {
   display: block;
   -moz-transform: translate(-2040px);
@@ -320,7 +330,7 @@ slides > slide.far-past {
   -ms-transform: translate3d(-2040px, 0, 0);
   transform: translate3d(-2040px, 0, 0);
 }
-/* line 138, ../sass/default.scss */
+/* line 144, ../sass/default.scss */
 slides > slide.past {
   display: block;
   -moz-transform: translate(-1020px) rotateY(30deg) rotateX(45deg);
@@ -334,7 +344,7 @@ slides > slide.past {
   -ms-transform: translate3d(-1020px, 0, 0) rotateY(30deg) rotateX(45deg);
   transform: translate3d(-1020px, 0, 0) rotateY(30deg) rotateX(45deg);
 }
-/* line 144, ../sass/default.scss */
+/* line 150, ../sass/default.scss */
 slides > slide.current {
   display: block;
   -moz-transform: translate(0);
@@ -348,7 +358,7 @@ slides > slide.current {
   -ms-transform: translate3d(0, 0, 0);
   transform: translate3d(0, 0, 0);
 }
-/* line 150, ../sass/default.scss */
+/* line 156, ../sass/default.scss */
 slides > slide.next {
   display: block;
   -moz-transform: translate(1020px) rotateY(-30deg) rotateX(45deg);
@@ -362,7 +372,7 @@ slides > slide.next {
   -ms-transform: translate3d(1020px, 0, 0) rotateY(-30deg) rotateX(45deg);
   transform: translate3d(1020px, 0, 0) rotateY(-30deg) rotateX(45deg);
 }
-/* line 156, ../sass/default.scss */
+/* line 162, ../sass/default.scss */
 slides > slide.far-next {
   display: block;
   -moz-transform: translate(2040px);
@@ -376,8 +386,12 @@ slides > slide.far-next {
   -ms-transform: translate3d(2040px, 0, 0);
   transform: translate3d(2040px, 0, 0);
 }
-
 /* line 168, ../sass/default.scss */
+slides > slide > article {
+  margin-top: 2em;
+}
+
+/* line 178, ../sass/default.scss */
 slides.layout-widescreen > slide.far-past,
 slides.layout-faux-widescreen > slide.far-past {
   display: block;
@@ -392,7 +406,7 @@ slides.layout-faux-widescreen > slide.far-past {
   -ms-transform: translate3d(-2260px, 0, 0);
   transform: translate3d(-2260px, 0, 0);
 }
-/* line 174, ../sass/default.scss */
+/* line 184, ../sass/default.scss */
 slides.layout-widescreen > slide.past,
 slides.layout-faux-widescreen > slide.past {
   display: block;
@@ -407,7 +421,7 @@ slides.layout-faux-widescreen > slide.past {