Slides sliding in is oldschool. We now fade between slides

1 files changed, 7 insertions, 5 deletions

diff --git a/template.html b/template.html
index 973666a..da89780 100644
--- a/template.html
+++ b/template.html
@@ -74,7 +74,7 @@ URL: https://code.google.com/p/io-2012-slides
 
   <slide>
     <hgroup>
-      <h2>Slide with Smaller Font</h2>
+      <h2>Slide with (Smaller Font)</h2>
     </hgroup>
     <article class="smaller">
       <ul>
@@ -172,7 +172,7 @@ function helloWorld(world) {
 
   <slide>
     <hgroup>
-      <h2>Slide with Image (centered horz/vert)</h2>
+      <h2>Slide with Image (Centered horz/vert)</h2>
     </hgroup>
     <article class="flexbox vcenter" style="height: 80%;">
       <img src="images/barchart.png" alt="Description" title="Description">
@@ -210,7 +210,7 @@ function helloWorld(world) {
 
   <slide>
     <hgroup>
-      <h2>Table Option A (small text)</h2>
+      <h2>Table Option A (Smaller Text)</h2>
       <h3>Subtitle Placeholder</h3>
     </hgroup>
     <article class="smaller">
@@ -265,7 +265,7 @@ function helloWorld(world) {
 
   <slide>
     <hgroup>
-      <h2>Slide styles</h2>
+      <h2>Slide Styles</h2>
     </hgroup>
     <article class="smaller columns-2">
       <ul>
@@ -313,7 +313,7 @@ function helloWorld(world) {
 
   <slide>
     <hgroup>
-      <h2>Slide with iframe</h2>
+      <h2>Slide with Iframe</h2>
     </hgroup>
     <article>
       <iframe data-src="http://www.google.com/doodle4google/history.html"></iframe>
@@ -343,6 +343,8 @@ function helloWorld(world) {
     </article>
   </slide>
 
+  <slide class="backdrop"></slide>
+
 </slides>
 
 <script type="text/slide-config">