diff --git a/shells/onstage.html b/shells/onstage.html index f1dde1f..791d18a 100644 --- a/shells/onstage.html +++ b/shells/onstage.html @@ -161,7 +161,7 @@ }; Dz.init = function() { - this.clock_start = 0; + this.resetClock(); this.startClock(); this.loadIframes(); } @@ -290,6 +290,9 @@ } Dz.popup = function() { + // The pop-up window disables its video autoplay. + // With Firefox, using iframe src="..." allow="autoplay" throws a warning + // that the feature is not supported either. this.views.remote = window.open(this.url + "#" + this.idx, 'slides', 'width=800,height=600,personalbar=0,toolbar=0,scrollbars=1,resizable=1'); } @@ -300,8 +303,8 @@ aWin.postMessage(aMsg.join(" "), "*"); } - Dz.resetClock = function() { // + 3600000, because Date(0) is 01:00:00 - this.clock_start = (new Date()).getTime() + 3600000; + Dz.resetClock = function() { + this.clock_start = (new Date()).getTime(); } Dz.startClock = function() { @@ -309,10 +312,10 @@ return num < 10 ? '0' + num : num; } setInterval(function() { - var now = new Date((new Date()).getTime() - this.Dz.clock_start); - $("#hours").innerHTML = addZero(now.getHours()); - $("#minutes").innerHTML = addZero(now.getMinutes()); - $("#seconds").innerHTML = addZero(now.getSeconds()); + var elapsed = Math.floor(((new Date()).getTime() - Dz.clock_start) / 1000); + $("#hours").innerHTML = addZero(Math.floor(elapsed / 3600)); + $("#minutes").innerHTML = addZero(Math.floor(elapsed / 60) % 60); + $("#seconds").innerHTML = addZero(elapsed % 60); }, 1000); } diff --git a/template.html b/template.html old mode 100644 new mode 100755 index 5a75393..5a5fa2f --- a/template.html +++ b/template.html @@ -1,738 +1,807 @@ - - -The Title Of Your Presentation - - -
- Hi, I'm a header -
- - - - - - -
- -

My Presentation

- -
- -
-

Some random text: But I've never been to the moon! You can see how I lived before I met you. Also Zoidberg. - I could if you hadn't turned on the light and shut off my stereo.

-
- -
-

An incremental list

- -
Some notes. They are only visible using onstage shell.
-
- -
-

More incrementals

-

Not only list elements can appear incrementally

-

Styles can be incremental - too

-
- -
-

Even more incrementals

-

- They - can - even - appear - in - any - order - ! -

-
- -
-
- Who's brave enough to fly into something we all keep calling a death sphere? -
-
-

In the onstage shell, notes scroll rather than overflow:

-

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ac dui eu est feugiat lacinia sit amet nec leo. Mauris eu ipsum leo. Nulla mi odio, cursus sed sollicitudin non, fringilla id magna. Suspendisse sit amet posuere elit. Maecenas iaculis, turpis a placerat imperdiet, libero lorem feugiat nisi, nec tincidunt diam nibh sit amet massa. Vestibulum quis adipiscing tellus. Maecenas sollicitudin sodales pulvinar. Donec dui ipsum, bibendum facilisis consequat interdum, tempus ut mauris. Aliquam ut dolor nec odio scelerisque bibendum quis in neque. Aliquam dui dui, pulvinar quis fermentum quis, gravida eu augue. Nunc tristique dolor a urna pulvinar bibendum. Curabitur mollis cursus neque, in scelerisque metus porta non. Donec tempor enim in nibh vestibulum et convallis nisi malesuada. Duis ut lectus sed metus venenatis porttitor id pharetra quam. Suspendisse sapien turpis, ornare in molestie et, gravida eget turpis. -

-
-
- -
-

Part two

-
- -
-
- -
An image
-
-
Kittens are so cute!
-
- -
-
- -
A video
-
-
- -
-

End!

-
- - - - - - - - - - - -
- - - - - + + + + + + + +
+ Hi, I'm a header +
- var $ = (HTMLElement.prototype.$ = function(aQuery) { - return this.querySelector(aQuery); - }).bind(document); + - var $$ = (HTMLElement.prototype.$$ = function(aQuery) { - return this.querySelectorAll(aQuery); - }).bind(document); +
+ +

My Presentation

+ +
- $$.forEach = function(nodeList, fun) { - Array.prototype.forEach.call(nodeList, fun); - } +
+
Some random text
+

But I've never been to the moon! You can see how I lived before I met you. Also Zoidberg. + I could if you hadn't turned on the light and shut off my stereo.

+
- - +
+

An incremental list

+ +
Some notes. They are only visible using onstage shell.
+
+ +
+

More incrementals

+

Not only list elements can appear incrementally

+

Styles can be incremental + too

+
+ +
+

Even more incrementals

+

+ They + can + even + appear + in + any + order + ! +

+
+ +
+
A question
+
+ Who's brave enough to fly into something we all keep calling a death sphere? +
+
+ In the onstage shell, notes scroll rather than overflow: +

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ac dui eu est feugiat lacinia sit amet nec leo. Mauris eu ipsum leo. Nulla mi odio, cursus sed sollicitudin non, fringilla id magna. Suspendisse sit amet posuere elit. Maecenas iaculis, turpis a placerat imperdiet, libero lorem feugiat nisi, nec tincidunt diam nibh sit amet massa. Vestibulum quis adipiscing tellus. Maecenas sollicitudin sodales pulvinar. Donec dui ipsum, bibendum facilisis consequat interdum, tempus ut mauris. Aliquam ut dolor nec odio scelerisque bibendum quis in neque. Aliquam dui dui, pulvinar quis fermentum quis, gravida eu augue. Nunc tristique dolor a urna pulvinar bibendum. Curabitur mollis cursus neque, in scelerisque metus porta non. Donec tempor enim in nibh vestibulum et convallis nisi malesuada. Duis ut lectus sed metus venenatis porttitor id pharetra quam. Suspendisse sapien turpis, ornare in molestie et, gravida eget turpis. +

+
+
+ +
+

Part two

+
+ +
+
Kittens
+
+ +
An image
+
+
Kittens are so cute!
+
+ +
+
Mozilla Firefox Manifesto
+
+ +
A video
+
+
+ +
+

End!

+
+ +
+ + +