Segue slides animate on ever slide enter

2 files changed, 165 insertions, 103 deletions

diff --git a/theme/css/default.css b/theme/css/default.css
index 714af1c..c2022de 100644
--- a/theme/css/default.css
+++ b/theme/css/default.css
@@ -387,19 +387,23 @@ slides > slide.far-next {
   transform: translate3d(2040px, 0, 0);
 }
 /* line 168, ../sass/default.scss */
+slides > slide.dark {
+  background: #515151;
+}
+/* line 172, ../sass/default.scss */
 slides > slide hgroup + article {
   margin-top: 1.5em;
 }
-/* line 172, ../sass/default.scss */
+/* line 176, ../sass/default.scss */
 slides > slide > article {
   margin-top: 2em;
 }
-/* line 175, ../sass/default.scss */
+/* line 179, ../sass/default.scss */
 slides > slide > article p {
   margin-bottom: 1em;
 }
 
-/* line 186, ../sass/default.scss */
+/* line 190, ../sass/default.scss */
 slides.layout-widescreen > slide.far-past,
 slides.layout-faux-widescreen > slide.far-past {
   display: block;
@@ -414,7 +418,7 @@ slides.layout-faux-widescreen > slide.far-past {
   -ms-transform: translate3d(-2260px, 0, 0);
   transform: translate3d(-2260px, 0, 0);
 }
-/* line 192, ../sass/default.scss */
+/* line 196, ../sass/default.scss */
 slides.layout-widescreen > slide.past,
 slides.layout-faux-widescreen > slide.past {
   display: block;
@@ -429,7 +433,7 @@ slides.layout-faux-widescreen > slide.past {
   -ms-transform: translate3d(-1130px, 0, 0);
   transform: translate3d(-1130px, 0, 0);
 }
-/* line 198, ../sass/default.scss */
+/* line 202, ../sass/default.scss */
 slides.layout-widescreen > slide.current,
 slides.layout-faux-widescreen > slide.current {
   display: block;
@@ -444,7 +448,7 @@ slides.layout-faux-widescreen > slide.current {
   -ms-transform: translate3d(0, 0, 0);
   transform: translate3d(0, 0, 0);
 }
-/* line 204, ../sass/default.scss */
+/* line 208, ../sass/default.scss */
 slides.layout-widescreen > slide.next,
 slides.layout-faux-widescreen > slide.next {
   display: block;
@@ -459,7 +463,7 @@ slides.layout-faux-widescreen > slide.next {
   -ms-transform: translate3d(1130px, 0, 0);
   transform: translate3d(1130px, 0, 0);
 }
-/* line 210, ../sass/default.scss */
+/* line 214, ../sass/default.scss */
 slides.layout-widescreen > slide.far-next,
 slides.layout-faux-widescreen > slide.far-next {
   display: block;
@@ -475,30 +479,30 @@ slides.layout-faux-widescreen > slide.far-next {
   transform: translate3d(2260px, 0, 0);
 }
 
-/* line 217, ../sass/default.scss */
+/* line 221, ../sass/default.scss */
 b {
   font-weight: 600;
 }
 
-/* line 221, ../sass/default.scss */
+/* line 225, ../sass/default.scss */
 a {
   color: #0066cc;
 }
-/* line 224, ../sass/default.scss */
+/* line 228, ../sass/default.scss */
 a:visited {
   color: rgba(0, 102, 204, 0.75);
 }
-/* line 228, ../sass/default.scss */
+/* line 232, ../sass/default.scss */
 a:hover {
   color: black;
 }
 
-/* line 233, ../sass/default.scss */
+/* line 237, ../sass/default.scss */
 h1, h2, h3 {
   font-weight: 600;
 }
 
-/* line 237, ../sass/default.scss */
+/* line 241, ../sass/default.scss */
 h2 {
   font-size: 45px;
   line-height: 45px;
@@ -506,7 +510,7 @@ h2 {
   color: #515151;
 }
 
-/* line 244, ../sass/default.scss */
+/* line 248, ../sass/default.scss */
 h3 {
   font-size: 30px;
   letter-spacing: -1px;
@@ -515,38 +519,38 @@ h3 {
   color: #797979;
 }
 
-/* line 252, ../sass/default.scss */
+/* line 256, ../sass/default.scss */
 ul {
   margin-left: 1.2em;
   margin-bottom: 1em;
 }
-/* line 256, ../sass/default.scss */
+/* line 260, ../sass/default.scss */
 ul li {
   margin-bottom: 0.5em;
 }
-/* line 259, ../sass/default.scss */
+/* line 263, ../sass/default.scss */
 ul li ul {
   margin-left: 2em;
   margin-bottom: 0;
 }
-/* line 263, ../sass/default.scss */
+/* line 267, ../sass/default.scss */
 ul li ul li:before {
   content: '-';
   font-weight: 600;
 }
-/* line 270, ../sass/default.scss */
+/* line 274, ../sass/default.scss */
 ul > li:before {
   content: '·';
   margin-left: -1em;
   position: absolute;
   font-weight: 600;
 }
-/* line 278, ../sass/default.scss */
+/* line 282, ../sass/default.scss */
 ul ul {
   margin-top: .5em;
 }
 
-/* line 283, ../sass/default.scss */
+/* line 287, ../sass/default.scss */
 pre {
   font-family: 'Inconsolata', 'Courier New', monospace;
   font-size: 20px;
@@ -564,7 +568,7 @@ pre {
   box-sizing: border-box;
   /*overflow: hidden;*/
 }
-/* line 297, ../sass/default.scss */
+/* line 301, ../sass/default.scss */
 pre:after {
   content: attr(data-lang);
   background-color: #a9a9a9;
@@ -577,14 +581,14 @@ pre:after {
   text-transform: uppercase;
 }
 
-/* line 310, ../sass/default.scss */
+/* line 314, ../sass/default.scss */
 code {
   font-size: 95%;
   font-family: 'Inconsolata', 'Courier New', monospace;
   color: black;
 }
 
-/* line 316, ../sass/default.scss */
+/* line 320, ../sass/default.scss */
 iframe {
   width: 100%;
   height: 620px;
@@ -593,17 +597,17 @@ iframe {
   margin: -1px;
 }
 
-/* line 324, ../sass/default.scss */
+/* line 328, ../sass/default.scss */
 dt {
   font-weight: bold;