auto fadein slide animations happen with css (no more js :))

2 files changed, 136 insertions, 134 deletions

diff --git a/theme/css/default.css b/theme/css/default.css
index c2022de..f9a91b0 100644
--- a/theme/css/default.css
+++ b/theme/css/default.css
@@ -358,7 +358,15 @@ slides > slide.current {
   -ms-transform: translate3d(0, 0, 0);
   transform: translate3d(0, 0, 0);
 }
-/* line 156, ../sass/default.scss */
+/* line 155, ../sass/default.scss */
+slides > slide.current .auto-fadein {
+  opacity: 1;
+}
+/* line 159, ../sass/default.scss */
+slides > slide.current .gdbar {
+  background-size: 100% 100%;
+}
+/* line 164, ../sass/default.scss */
 slides > slide.next {
   display: block;
   -moz-transform: translate(1020px) rotateY(-30deg) rotateX(45deg);
@@ -372,7 +380,7 @@ slides > slide.next {
   -ms-transform: translate3d(1020px, 0, 0) rotateY(-30deg) rotateX(45deg);
   transform: translate3d(1020px, 0, 0) rotateY(-30deg) rotateX(45deg);
 }
-/* line 162, ../sass/default.scss */
+/* line 170, ../sass/default.scss */
 slides > slide.far-next {
   display: block;
   -moz-transform: translate(2040px);
@@ -386,24 +394,24 @@ slides > slide.far-next {
   -ms-transform: translate3d(2040px, 0, 0);
   transform: translate3d(2040px, 0, 0);
 }
-/* line 168, ../sass/default.scss */
+/* line 176, ../sass/default.scss */
 slides > slide.dark {
   background: #515151;
 }
-/* line 172, ../sass/default.scss */
+/* line 180, ../sass/default.scss */
 slides > slide hgroup + article {
   margin-top: 1.5em;
 }
-/* line 176, ../sass/default.scss */
+/* line 184, ../sass/default.scss */
 slides > slide > article {
   margin-top: 2em;
 }
-/* line 179, ../sass/default.scss */
+/* line 187, ../sass/default.scss */
 slides > slide > article p {
   margin-bottom: 1em;
 }
 
-/* line 190, ../sass/default.scss */
+/* line 198, ../sass/default.scss */
 slides.layout-widescreen > slide.far-past,
 slides.layout-faux-widescreen > slide.far-past {
   display: block;
@@ -418,7 +426,7 @@ slides.layout-faux-widescreen > slide.far-past {
   -ms-transform: translate3d(-2260px, 0, 0);
   transform: translate3d(-2260px, 0, 0);
 }
-/* line 196, ../sass/default.scss */
+/* line 204, ../sass/default.scss */
 slides.layout-widescreen > slide.past,
 slides.layout-faux-widescreen > slide.past {
   display: block;
@@ -433,7 +441,7 @@ slides.layout-faux-widescreen > slide.past {
   -ms-transform: translate3d(-1130px, 0, 0);
   transform: translate3d(-1130px, 0, 0);
 }
-/* line 202, ../sass/default.scss */
+/* line 210, ../sass/default.scss */
 slides.layout-widescreen > slide.current,
 slides.layout-faux-widescreen > slide.current {
   display: block;
@@ -448,7 +456,7 @@ slides.layout-faux-widescreen > slide.current {
   -ms-transform: translate3d(0, 0, 0);
   transform: translate3d(0, 0, 0);
 }
-/* line 208, ../sass/default.scss */
+/* line 216, ../sass/default.scss */
 slides.layout-widescreen > slide.next,
 slides.layout-faux-widescreen > slide.next {
   display: block;
@@ -463,7 +471,7 @@ slides.layout-faux-widescreen > slide.next {
   -ms-transform: translate3d(1130px, 0, 0);
   transform: translate3d(1130px, 0, 0);
 }
-/* line 214, ../sass/default.scss */
+/* line 222, ../sass/default.scss */
 slides.layout-widescreen > slide.far-next,
 slides.layout-faux-widescreen > slide.far-next {
   display: block;
@@ -479,30 +487,30 @@ slides.layout-faux-widescreen > slide.far-next {
   transform: translate3d(2260px, 0, 0);
 }
 
-/* line 221, ../sass/default.scss */
+/* line 229, ../sass/default.scss */
 b {
   font-weight: 600;
 }
 
-/* line 225, ../sass/default.scss */
+/* line 233, ../sass/default.scss */
 a {
   color: #0066cc;
 }
-/* line 228, ../sass/default.scss */
+/* line 236, ../sass/default.scss */
 a:visited {
   color: rgba(0, 102, 204, 0.75);
 }
-/* line 232, ../sass/default.scss */
+/* line 240, ../sass/default.scss */
 a:hover {
   color: black;
 }
 
-/* line 237, ../sass/default.scss */
+/* line 245, ../sass/default.scss */
 h1, h2, h3 {
   font-weight: 600;
 }
 
-/* line 241, ../sass/default.scss */
+/* line 249, ../sass/default.scss */
 h2 {
   font-size: 45px;
   line-height: 45px;
@@ -510,7 +518,7 @@ h2 {
   color: #515151;
 }
 
-/* line 248, ../sass/default.scss */
+/* line 256, ../sass/default.scss */
 h3 {
   font-size: 30px;
   letter-spacing: -1px;
@@ -519,38 +527,38 @@ h3 {
   color: #797979;
 }
 
-/* line 256, ../sass/default.scss */
+/* line 264, ../sass/default.scss */
 ul {
   margin-left: 1.2em;
   margin-bottom: 1em;
 }
-/* line 260, ../sass/default.scss */
+/* line 268, ../sass/default.scss */
 ul li {
   margin-bottom: 0.5em;
 }
-/* line 263, ../sass/default.scss */
+/* line 271, ../sass/default.scss */
 ul li ul {
   margin-left: 2em;
   margin-bottom: 0;
 }
-/* line 267, ../sass/default.scss */
+/* line 275, ../sass/default.scss */
 ul li ul li:before {
   content: '-';
   font-weight: 600;
 }
-/* line 274, ../sass/default.scss */
+/* line 282, ../sass/default.scss */
 ul > li:before {
   content: '·';
   margin-left: -1em;
   position: absolute;
   font-weight: 600;
 }
-/* line 282, ../sass/default.scss */
+/* line 290, ../sass/default.scss */
 ul ul {
   margin-top: .5em;
 }
 
-/* line 287, ../sass/default.scss */
+/* line 295, ../sass/default.scss */
 pre {
   font-family: 'Inconsolata', 'Courier New', monospace;
   font-size: 20px;
@@ -568,7 +576,7 @@ pre {
   box-sizing: border-box;
   /*overflow: hidden;*/
 }
-/* line 301, ../sass/default.scss */
+/* line 309, ../sass/default.scss */
 pre:after {