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

1 files changed, 6 insertions, 6 deletions

diff --git a/template.html b/template.html
index a69caae..821cb47 100644
--- a/template.html
+++ b/template.html
@@ -15,9 +15,9 @@
     </section>
   </slide>
 
-  <slide id="title-slide" class="nobackground">
+  <slide class="title-slide segue nobackground">
     <aside class="gdbar"><img src="images/google_developers_icon_128.png"></aside>
-    <hgroup>
+    <hgroup class="auto-fadein">
       <h1>Title Goes Here</h1>
       <h2>Subtitle Goes Here</h2>
       <p>
@@ -151,20 +151,20 @@ function helloWorld(world) {
   <slide class="segue dark nobackground">
     <aside class="gdbar"><img src="images/google_developers_icon_128.png"></aside>
     <article class="flexbox vleft">
-      <hgroup>
+      <hgroup class="auto-fadein">
         <h2>Segue Slide</h2>
         <h3>Subtitle Placeholder</h3>
       </hgroup>
     </article>
   </slide>
 
-  <slide class="thank-you-slide nobackground">
+  <slide class="thank-you-slide segue nobackground">
     <aside class="gdbar right"><img src="images/google_developers_icon_128.png"></aside>
-    <section class="flexbox vleft">
+    <section class="flexbox vleft auto-fadein">
       <h2>&lt;Thanks You!&gt;</h2>
       <p>Important contact information goes here.</p>
     </section>
-    <p>
+    <p class="auto-fadein">
       Insert contact info<br>
       Insert contact info<br>
       Insert contact info