Always use a 4/3 display. Vertically center the content of slides.

[hacks/simpleWebSlides.git] / simpleWebSlides.js

diff --git a/simpleWebSlides.js b/simpleWebSlides.js
index 10d5d03..cce515f 100644 (file)
--- a/simpleWebSlides.js
+++ b/simpleWebSlides.js
@@ -280,7 +280,7 @@ SWS.Presentation = new function () {
 
         var cur = info.current;
         var custom = info.custom;
-        var real_slide = to_slide.children(".sws-slide");
+        var real_slide = to_slide.find(".sws-slide");
 
         real_slide.find("*").andSelf().each(function (i){
             var frameset = $(this).data("sws-frame-set") || {};
@@ -422,7 +422,7 @@ SWS.Presentation = new function () {
         var cur_frame = 0;
         var last_frame = canvas.find(".sws-pause").length;
         //Add all regular elements to the frame list
-        var slide = $(canvas.children(".sws-slide")[0]);
+        var slide = $(canvas.find(".sws-slide")[0]);
 
         var callbacks = { at_slide : new Array(),
                           at_frame : new Array() }
@@ -506,8 +506,26 @@ SWS.Presentation = new function () {
             if (!($(this).hasClass("sws-option-noheader"))) {
                 canvas.append($('<div class="sws-header"/>'));
             };
+            var inner = $('<div class="sws-inner-canvas"/>');
+            var h1 = $(this).children("h1");
+            if (h1) {
+              var title = $('<div class="sws-title"/>');
+              h1.detach();
+              title.append(h1);
+              inner.append(title);
+            }
             $(this).find('script[type="text/javascript"]').remove();
-            canvas.append($(this));
+            if (!($(this).hasClass("sws-option-nofiller"))) {
+                inner.append('<div class="sws-filler"/>');
+                inner.append('<div class="sws-filler"/>');
+            };
+            inner.append($(this));
+            if (!($(this).hasClass("sws-option-nofiller"))) {
+                inner.append('<div class="sws-filler"/>');
+                inner.append('<div class="sws-filler"/>');
+            };
+            inner.append('<div class="sws-filler"/>');
+            canvas.append(inner);
             if (!($(this).hasClass("sws-option-nofooter"))) {
                 canvas.append($('<div class="sws-footer"/>'));
             };