github-migration/tea-time
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Update published site

Browse Source
This commit is contained in:
John Bintz 2012-03-13 15:21:20 -04:00
parent f9b2146e55
commit e64fda4d31
3 changed files with 278 additions and 290 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
.DS_Store vendored Normal file
View File

Binary file not shown.

565
assets/application.js
View File

@ -1,316 +1,307 @@
(function() { var Attentive,
var Attentive, __bind = function(fn, me){ return function(){ return fn.apply(me, arguments); }; };
__bind = function(fn, me){ return function(){ return fn.apply(me, arguments); }; };
if (!(typeof Attentive !== "undefined" && Attentive !== null)) Attentive = {}; if (!(typeof Attentive !== "undefined" && Attentive !== null)) Attentive = {};
Attentive.Presentation = (function() { Attentive.Presentation = (function() {
Presentation.setup = function(identifier) { Presentation.setup = function(identifier) {
var starter; var starter;
starter = function() { starter = function() {
return setTimeout(function() { return setTimeout(function() {
return (new Attentive.Presentation(identifier)).start(); return (new Attentive.Presentation(identifier)).start();
}, 250); }, 250);
};
return window.addEventListener('DOMContentLoaded', starter, false);
}; };
return window.addEventListener('DOMContentLoaded', starter, false);
};
function Presentation(identifier) { function Presentation(identifier) {
this.identifier = identifier; this.identifier = identifier;
this.align = __bind(this.align, this); this.align = __bind(this.align, this);
this.getCurrentSlide = __bind(this.getCurrentSlide, this); this.getCurrentSlide = __bind(this.getCurrentSlide, this);
this.calculate = __bind(this.calculate, this); this.calculate = __bind(this.calculate, this);
this.advanceTo = __bind(this.advanceTo, this); this.advanceTo = __bind(this.advanceTo, this);
this.isFile = __bind(this.isFile, this); this.isFile = __bind(this.isFile, this);
this.advance = __bind(this.advance, this); this.advance = __bind(this.advance, this);
this.handleKeyDown = __bind(this.handleKeyDown, this); this.handleKeyDown = __bind(this.handleKeyDown, this);
this.handleClick = __bind(this.handleClick, this); this.handleClick = __bind(this.handleClick, this);
this.handlePopState = __bind(this.handlePopState, this); this.handlePopState = __bind(this.handlePopState, this);
this.length = this.allSlides().length; this.length = this.allSlides().length;
this.priorSlide = null; this.priorSlide = null;
this.initialRender = true; this.initialRender = true;
this.timer = new Attentive.PresentationTimer(); this.timer = new Attentive.PresentationTimer();
this.timer.hide(); this.timer.hide();
this.currentWindowHeight = null; this.currentWindowHeight = null;
document.querySelector('body').appendChild(this.timer.el); document.querySelector('body').appendChild(this.timer.el);
}
Presentation.prototype.bodyClassList = function() {
return this._bodyClassList || (this._bodyClassList = document.querySelector('body').classList);
};
Presentation.prototype.allSlides = function() {
return this._allSlides || (this._allSlides = Attentive.Slide.fromList(this.slidesViewer().querySelectorAll('.slide')));
};
Presentation.prototype.slidesViewer = function() {
return this._slidesViewer || (this._slidesViewer = document.querySelector(this.identifier));
};
Presentation.prototype.start = function() {
var imageWait,
_this = this;
if (!this.isFile()) {
window.addEventListener('popstate', this.handlePopState, false);
} }
this.timer.render();
Presentation.prototype.bodyClassList = function() { document.addEventListener('click', this.handleClick, false);
return this._bodyClassList || (this._bodyClassList = document.querySelector('body').classList); document.addEventListener('keydown', this.handleKeyDown, false);
}; window.addEventListener('resize', _.throttle(this.calculate, 500), false);
imageWait = null;
Presentation.prototype.allSlides = function() { imageWait = function() {
return this._allSlides || (this._allSlides = Attentive.Slide.fromList(this.slidesViewer().querySelectorAll('.slide'))); var img, slide, wait, _i, _j, _len, _len2, _ref, _ref2;
}; wait = false;
_ref = _this.allSlides();
Presentation.prototype.slidesViewer = function() { for (_i = 0, _len = _ref.length; _i < _len; _i++) {
return this._slidesViewer || (this._slidesViewer = document.querySelector(this.identifier)); slide = _ref[_i];
}; _ref2 = slide.dom.getElementsByTagName('img');
for (_j = 0, _len2 = _ref2.length; _j < _len2; _j++) {
Presentation.prototype.start = function() { img = _ref2[_j];
var imageWait, if (!img.complete) wait = true;
_this = this; }
if (!this.isFile()) {
window.addEventListener('popstate', this.handlePopState, false);
} }
this.timer.render(); if (wait) {
document.addEventListener('click', this.handleClick, false); return setTimeout(imageWait, 100);
document.addEventListener('keydown', this.handleKeyDown, false); } else {
window.addEventListener('resize', _.throttle(this.calculate, 500), false); return _this.advanceTo(_this.slideFromLocation());
imageWait = null; }
imageWait = function() { };
var img, slide, wait, _i, _j, _len, _len2, _ref, _ref2; return imageWait();
wait = false; };
_ref = _this.allSlides();
Presentation.prototype.slideFromLocation = function() {
var value;
value = this.isFile() ? location.hash : location.pathname;
return Number(value.substr(1));
};
Presentation.prototype.handlePopState = function(e) {
return this.advanceTo(e.state ? e.state.index : this.slideFromLocation());
};
Presentation.prototype.handleClick = function(e) {
if (e.target.tagName !== 'A') return this.advance();
};
Presentation.prototype.handleKeyDown = function(e) {
switch (e.keyCode) {
case 72:
return this.advanceTo(0);
case 37:
return this.advance(-1);
case 39:
case 32:
return this.advance();
case 220:
return this.timer.reset();
case 84:
if (e.shiftKey) {
return this.timer.toggleVisible();
} else {
if (this.timer.isVisible()) return this.timer.toggle();
}
}
};
Presentation.prototype.advance = function(offset) {
if (offset == null) offset = 1;
return this.advanceTo(Math.max(Math.min(this.currentSlide + offset, this.length - 1), 0));
};
Presentation.prototype.isFile = function() {
return location.href.slice(0, 4) === 'file';
};
Presentation.prototype.advanceTo = function(index) {
this.priorSlide = this.currentSlide;
this.currentSlide = index || 0;
this.calculate();
if (this.isFile()) {
return location.hash = this.currentSlide;
} else {
return history.pushState({
index: this.currentSlide
}, '', this.currentSlide);
}
};
Presentation.prototype.calculate = function() {
var recalculate, slide, times, _i, _len, _ref;
if (this.currentWindowHeight !== window.innerHeight) {
recalculate = true;
times = 3;
while (recalculate && times > 0) {
recalculate = false;
times -= 1;
_ref = this.allSlides();
for (_i = 0, _len = _ref.length; _i < _len; _i++) { for (_i = 0, _len = _ref.length; _i < _len; _i++) {
slide = _ref[_i]; slide = _ref[_i];
_ref2 = slide.dom.getElementsByTagName('img'); if (slide.recalculate()) recalculate = true;
for (_j = 0, _len2 = _ref2.length; _j < _len2; _j++) {
img = _ref2[_j];
if (!img.complete) wait = true;
}
} }
if (wait) {
return setTimeout(imageWait, 100);
} else {
return _this.advanceTo(_this.slideFromLocation());
}
};
return imageWait();
};
Presentation.prototype.slideFromLocation = function() {
var value;
value = this.isFile() ? location.hash : location.pathname;
return Number(value.substr(1));
};
Presentation.prototype.handlePopState = function(e) {
return this.advanceTo(e.state ? e.state.index : this.slideFromLocation());
};
Presentation.prototype.handleClick = function(e) {
if (e.target.tagName !== 'A') return this.advance();
};
Presentation.prototype.handleKeyDown = function(e) {
switch (e.keyCode) {
case 72:
return this.advanceTo(0);
case 37:
return this.advance(-1);
case 39:
case 32:
return this.advance();
case 220:
return this.timer.reset();
case 84:
if (e.shiftKey) {
return this.timer.toggleVisible();
} else {
if (this.timer.isVisible()) return this.timer.toggle();
}
} }
}; this.currentWindowHeight = window.innerHeight;
this.slidesViewer().style['width'] = "" + (window.innerWidth * this.allSlides().length) + "px";
Presentation.prototype.advance = function(offset) {
if (offset == null) offset = 1;
return this.advanceTo(Math.max(Math.min(this.currentSlide + offset, this.length - 1), 0));
};
Presentation.prototype.isFile = function() {
return location.href.slice(0, 4) === 'file';
};
Presentation.prototype.advanceTo = function(index) {
this.priorSlide = this.currentSlide;
this.currentSlide = index || 0;
this.calculate();
if (this.isFile()) {
return location.hash = this.currentSlide;
} else {
return history.pushState({
index: this.currentSlide
}, '', this.currentSlide);
}
};
Presentation.prototype.calculate = function() {
var recalculate, slide, times, _i, _len, _ref;
if (this.currentWindowHeight !== window.innerHeight) {
recalculate = true;
times = 3;
while (recalculate && times > 0) {
recalculate = false;
times -= 1;
_ref = this.allSlides();
for (_i = 0, _len = _ref.length; _i < _len; _i++) {
slide = _ref[_i];
if (slide.recalculate()) recalculate = true;
}
}
this.currentWindowHeight = window.innerHeight;
this.slidesViewer().style['width'] = "" + (window.innerWidth * this.allSlides().length) + "px";
}
return this.align();
};
Presentation.prototype.getCurrentSlide = function() {
return this.allSlides()[this.currentSlide];
};
Presentation.prototype.align = function() {
if (this.priorSlide) this.allSlides()[this.priorSlide].deactivate();
this.getCurrentSlide().activate();
this.slidesViewer().style['left'] = "-" + (this.currentSlide * window.innerWidth) + "px";
if (this.initialRender) {
this.bodyClassList().remove('loading');
this.initialRender = false;
this.currentWindowHeight = null;
return this.calculate();
}
};
return Presentation;
})();
}).call(this);
(function() {
var Attentive,
__bind = function(fn, me){ return function(){ return fn.apply(me, arguments); }; };
if (!(typeof Attentive !== "undefined" && Attentive !== null)) Attentive = {};
Attentive.Slide = (function() {
Slide.fromList = function(list) {
var result, slide;
return result = (function() {
var _i, _len, _results;
_results = [];
for (_i = 0, _len = list.length; _i < _len; _i++) {
slide = list[_i];
_results.push(new Attentive.Slide(slide));
}
return _results;
})();
};
function Slide(dom) {
this.dom = dom;
this.deactivate = __bind(this.deactivate, this);
this.activate = __bind(this.activate, this);
this.recalculate = __bind(this.recalculate, this);
} }
return this.align();
};
Slide.prototype.recalculate = function() { Presentation.prototype.getCurrentSlide = function() {
var currentMarginTop, height; return this.allSlides()[this.currentSlide];
this.dom.style['width'] = "" + window.innerWidth + "px"; };
currentMarginTop = Number(this.dom.style['marginTop'].replace(/[^\d\.]/g, ''));
height = (window.innerHeight - this.dom.querySelector('.content').clientHeight) / 2;
if (height !== currentMarginTop) {
this.dom.style['marginTop'] = "" + height + "px";
return true;
}
};
Slide.prototype.activate = function() { Presentation.prototype.align = function() {
return this.dom.classList.add('active'); if (this.priorSlide) this.allSlides()[this.priorSlide].deactivate();
}; this.getCurrentSlide().activate();
this.slidesViewer().style['left'] = "-" + (this.currentSlide * window.innerWidth) + "px";
Slide.prototype.deactivate = function() { if (this.initialRender) {
return this.dom.classList.remove('active'); this.bodyClassList().remove('loading');
}; this.initialRender = false;
this.currentWindowHeight = null;
return Slide; return this.calculate();
})();
}).call(this);
(function() {
var Attentive;
if (!(typeof Attentive !== "undefined" && Attentive !== null)) Attentive = {};
Attentive.PresentationTimer = (function() {
function PresentationTimer() {
this.time = 0;
this.el = null;
} }
};
PresentationTimer.prototype.render = function() { return Presentation;
return this.ensureEl().innerHTML = this.formattedTime();
};
PresentationTimer.prototype.ensureEl = function() { })();
if (!this.el) { var Attentive,
this.el = document.createElement('div'); __bind = function(fn, me){ return function(){ return fn.apply(me, arguments); }; };
this.el.classList.add('timer');
if (!(typeof Attentive !== "undefined" && Attentive !== null)) Attentive = {};
Attentive.Slide = (function() {
Slide.fromList = function(list) {
var result, slide;
return result = (function() {
var _i, _len, _results;
_results = [];
for (_i = 0, _len = list.length; _i < _len; _i++) {
slide = list[_i];
_results.push(new Attentive.Slide(slide));
} }
return this.el; return _results;
}; })();
};
PresentationTimer.prototype.start = function() { function Slide(dom) {
this._runner = this.runner(); this.dom = dom;
return this.ensureEl().classList.add('running'); this.deactivate = __bind(this.deactivate, this);
}; this.activate = __bind(this.activate, this);
this.recalculate = __bind(this.recalculate, this);
}
PresentationTimer.prototype.runner = function() { Slide.prototype.recalculate = function() {
var _this = this; var currentMarginTop, height;
return setTimeout(function() { this.dom.style['width'] = "" + window.innerWidth + "px";
_this.render(); currentMarginTop = Number(this.dom.style['marginTop'].replace(/[^\d\.]/g, ''));
_this.time += 1; height = (window.innerHeight - this.dom.querySelector('.content').clientHeight) / 2;
if (_this._runner != null) return _this.runner(); if (height !== currentMarginTop) {
}, 1000); this.dom.style['marginTop'] = "" + height + "px";
}; return true;
}
};
PresentationTimer.prototype.stop = function() { Slide.prototype.activate = function() {
clearTimeout(this._runner); return this.dom.classList.add('active');
this.ensureEl().classList.remove('running'); };
return this._runner = null;
};
PresentationTimer.prototype.reset = function() { Slide.prototype.deactivate = function() {
this.stop(); return this.dom.classList.remove('active');
this.time = 0; };
return this.render();
};
PresentationTimer.prototype.toggle = function() { return Slide;
if (this._runner != null) {
return this.stop();
} else {
return this.start();
}
};
PresentationTimer.prototype.toggleVisible = function() { })();
return this.ensureEl().classList.toggle('hide'); var Attentive;
};
PresentationTimer.prototype.isVisible = function() { if (!(typeof Attentive !== "undefined" && Attentive !== null)) Attentive = {};
return !this.ensureEl().classList.contains('hide');
};
PresentationTimer.prototype.hide = function() { Attentive.PresentationTimer = (function() {
return this.ensureEl().classList.add('hide');
};
PresentationTimer.prototype.formattedTime = function() { function PresentationTimer() {
var minute, second; this.time = 0;
minute = ("00" + (Math.floor(this.time / 60))).slice(-2); this.el = null;
second = ("00" + (this.time % 60)).slice(-2); }
return "" + minute + ":" + second;
};
return PresentationTimer; PresentationTimer.prototype.render = function() {
return this.ensureEl().innerHTML = this.formattedTime();
};
})(); PresentationTimer.prototype.ensureEl = function() {
if (!this.el) {
this.el = document.createElement('div');
this.el.classList.add('timer');
}
return this.el;
};
}).call(this); PresentationTimer.prototype.start = function() {
this._runner = this.runner();
return this.ensureEl().classList.add('running');
};
PresentationTimer.prototype.runner = function() {
var _this = this;
return setTimeout(function() {
_this.render();
_this.time += 1;
if (_this._runner != null) return _this.runner();
}, 1000);
};
PresentationTimer.prototype.stop = function() {
clearTimeout(this._runner);
this.ensureEl().classList.remove('running');
return this._runner = null;
};
PresentationTimer.prototype.reset = function() {
this.stop();
this.time = 0;
return this.render();
};
PresentationTimer.prototype.toggle = function() {
if (this._runner != null) {
return this.stop();
} else {
return this.start();
}
};
PresentationTimer.prototype.toggleVisible = function() {
return this.ensureEl().classList.toggle('hide');
};
PresentationTimer.prototype.isVisible = function() {
return !this.ensureEl().classList.contains('hide');
};
PresentationTimer.prototype.hide = function() {
return this.ensureEl().classList.add('hide');
};
PresentationTimer.prototype.formattedTime = function() {
var minute, second;
minute = ("00" + (Math.floor(this.time / 60))).slice(-2);
second = ("00" + (this.time % 60)).slice(-2);
return "" + minute + ":" + second;
};
return PresentationTimer;
})();
// Underscore.js 1.3.1 // Underscore.js 1.3.1
// (c) 2009-2012 Jeremy Ashkenas, DocumentCloud Inc. // (c) 2009-2012 Jeremy Ashkenas, DocumentCloud Inc.
// Underscore is freely distributable under the MIT license. // Underscore is freely distributable under the MIT license.
@ -1310,13 +1301,7 @@
}; };
}).call(this); }).call(this);
(function() {
}).call(this); Attentive.Presentation.setup('#slides');
(function() {
Attentive.Presentation.setup('#slides');
}).call(this);

3
index.html
View File

@ -86,6 +86,9 @@
</div></div><div class="slide"><div class="content"> </div></div><div class="slide"><div class="content">
<h1>Automated testing is important</h1> <h1>Automated testing is important</h1>
</div></div><div class="slide"><div class="content">
<h1>Why is it important?</h1>
</div></div><div class="slide style-image-80-percent"><div class="content"> </div></div><div class="slide style-image-80-percent"><div class="content">
<p><img src="assets/checklist.png" /></p> <p><img src="assets/checklist.png" /></p>