showing the first slide on pageload, rather than loading it with java…

…script
wghust · Feb 3, 2014 · fcf4fb0 · fcf4fb0
1 parent 6ac6d51
commit fcf4fb0
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/lib/cleaver.js b/lib/cleaver.js
@@ -73,6 +73,7 @@ Cleaver.prototype.renderSlides = function () {
   for (i = 1; i < slices.length; i++) {
     this.slides.push({
       id: i,
+      hidden: i !== 1,  // first slide is visible
       content: this.renderSlide(slices[i])
     });
   }
@@ -86,6 +87,7 @@ Cleaver.prototype.renderSlides = function () {
 
     this.slides.push({
       id: i,
+      hidden: true,
       content: this.renderAuthorSlide(this.metadata.author)
     });
   }

diff --git a/resources/script.js b/resources/script.js
@@ -72,8 +72,6 @@ function updateTabIndex() {
 }
 
 window.onload = function () {
-  /* Reveal the first slide */
-  document.getElementById('slide-1').classList.remove('hidden');
 
   // Update the tabindex to prevent weird slide transitioning
   updateTabIndex();

diff --git a/templates/default.mustache b/templates/default.mustache
@@ -5,7 +5,7 @@
 {{/progress}}
 
 {{#slides}}
-  <div class="slide hidden" id="slide-{{id}}">
+  <div class="slide{{#hidden}} hidden{{/hidden}}" id="slide-{{id}}">
     <section class="slide-content">{{{content}}}</section>
   </div>
 {{/slides}}