slide-em-up 0.3.0 → 0.3.1
Sign up to get free protection for your applications and to get access to all the features.
- data/README.md +20 -0
- data/lib/slide-em-up/presentation.rb +6 -1
- data/lib/slide-em-up/version.rb +1 -1
- data/themes/CSSS/css/slideshow.css +20 -2
- data/themes/CSSS/css/theme.css +22 -0
- data/themes/CSSS/index.erb +1 -1
- data/themes/CSSS/js/classList.js +0 -0
- data/themes/CSSS/js/prefixfree.min.js +5 -13
- data/themes/CSSS/js/slideshow.js +181 -137
- data/themes/template/README +5 -0
- data/themes/template/css/reset.css +42 -0
- data/themes/template/index.erb +35 -0
- data/themes/template/js/prefixfree.min.js +13 -0
- metadata +23 -16
data/README.md
CHANGED
|
@@ -46,6 +46,14 @@ Several themes are available: `io2012`, `shower`, `3d_slideshow`, `reveal`,
|
|
|
46
46
|
presentation, edit the `presentation.json` file and change the `"theme"`
|
|
47
47
|
element.
|
|
48
48
|
|
|
49
|
+
You can also create your own theme, for example, by copying the template:
|
|
50
|
+
|
|
51
|
+
```sh
|
|
52
|
+
mkdir -p ~/.slide-em-up
|
|
53
|
+
cp -r themes/template ~/.slide-em-up/my-theme
|
|
54
|
+
$EDITOR ~/.slide-em-up/my-theme/README
|
|
55
|
+
```
|
|
56
|
+
|
|
49
57
|
|
|
50
58
|
Markup for the slides
|
|
51
59
|
---------------------
|
|
@@ -112,6 +120,18 @@ setting the `APIKEY` environment variable:
|
|
|
112
120
|
APIKEY=foobar slide-em-up
|
|
113
121
|
|
|
114
122
|
|
|
123
|
+
Examples
|
|
124
|
+
--------
|
|
125
|
+
|
|
126
|
+
I'm using slide-em-up for my own presentations, so you can find some real
|
|
127
|
+
slides powered by slide-em-up on https://github.com/nono/Presentations.
|
|
128
|
+
|
|
129
|
+
For example, you can try the presentation "Welcome to the nice world of Golang"
|
|
130
|
+
on http://blog.menfin.info/Presentations/20120709_Golang_introduction/ and
|
|
131
|
+
see the sources of it on
|
|
132
|
+
https://github.com/nono/Presentations/tree/master/20120709_Golang_introduction.
|
|
133
|
+
|
|
134
|
+
|
|
115
135
|
Issues or Suggestions
|
|
116
136
|
---------------------
|
|
117
137
|
|
|
@@ -71,8 +71,13 @@ module SlideEmUp
|
|
|
71
71
|
|
|
72
72
|
def build_theme(title)
|
|
73
73
|
Theme.new.tap do |t|
|
|
74
|
+
dir = File.expand_path("~/.slide-em-up/#{title}")
|
|
75
|
+
if File.exists?(dir)
|
|
76
|
+
t.dir = dir
|
|
77
|
+
else
|
|
78
|
+
t.dir = File.expand_path("../../../themes/#{title}", __FILE__)
|
|
79
|
+
end
|
|
74
80
|
t.title = title
|
|
75
|
-
t.dir = File.expand_path("../../../themes/#{title}", __FILE__)
|
|
76
81
|
Dir.chdir(t.dir) do
|
|
77
82
|
t.css = Dir["**/*.css"]
|
|
78
83
|
t.js = Dir["**/*.js"]
|
data/lib/slide-em-up/version.rb
CHANGED
|
@@ -43,13 +43,14 @@
|
|
|
43
43
|
.slide:target,
|
|
44
44
|
.slide.next {
|
|
45
45
|
display: block;
|
|
46
|
-
|
|
46
|
+
visibility: hidden;
|
|
47
47
|
overflow:hidden;
|
|
48
48
|
}
|
|
49
49
|
|
|
50
50
|
.slide:target {
|
|
51
51
|
z-index:100;
|
|
52
52
|
opacity:1;
|
|
53
|
+
visibility: visible;
|
|
53
54
|
overflow: visible;
|
|
54
55
|
}
|
|
55
56
|
|
|
@@ -100,6 +101,23 @@
|
|
|
100
101
|
opacity: 1;
|
|
101
102
|
}
|
|
102
103
|
|
|
104
|
+
/**
|
|
105
|
+
On-screen navigation
|
|
106
|
+
*/
|
|
107
|
+
|
|
108
|
+
button.onscreen-nav {
|
|
109
|
+
position: absolute;
|
|
110
|
+
bottom: 1em;
|
|
111
|
+
right: 1em;
|
|
112
|
+
padding: .2em .4em;
|
|
113
|
+
border: 0;
|
|
114
|
+
border-radius: .3em;
|
|
115
|
+
background: rgba(0,0,0,.5);
|
|
116
|
+
color: white;
|
|
117
|
+
text-shadow: 0 -.05em .05em black;
|
|
118
|
+
text-transform: uppercase;
|
|
119
|
+
}
|
|
120
|
+
|
|
103
121
|
/**
|
|
104
122
|
iframe slides
|
|
105
123
|
*/
|
|
@@ -283,4 +301,4 @@
|
|
|
283
301
|
|
|
284
302
|
.presenter .slide:target > .presenter-notes {
|
|
285
303
|
display: block;
|
|
286
|
-
}
|
|
304
|
+
}
|
data/themes/CSSS/css/theme.css
CHANGED
|
@@ -226,3 +226,25 @@ section > header.slide {
|
|
|
226
226
|
content: ' (' attr(href) ')';
|
|
227
227
|
}
|
|
228
228
|
|
|
229
|
+
/* Syntax highlighting */
|
|
230
|
+
|
|
231
|
+
.comment {
|
|
232
|
+
color: #999;
|
|
233
|
+
}
|
|
234
|
+
|
|
235
|
+
.string {
|
|
236
|
+
color: yellow;
|
|
237
|
+
}
|
|
238
|
+
|
|
239
|
+
.keyword {
|
|
240
|
+
font-weight: bold;
|
|
241
|
+
color: deeppink;
|
|
242
|
+
}
|
|
243
|
+
|
|
244
|
+
.number, .boolean {
|
|
245
|
+
color: #0cf;
|
|
246
|
+
}
|
|
247
|
+
|
|
248
|
+
.regex {
|
|
249
|
+
color: orange;
|
|
250
|
+
}
|
data/themes/CSSS/index.erb
CHANGED
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
<link rel="stylesheet" href="<%= css%>">
|
|
9
9
|
<% end %>
|
|
10
10
|
<link rel="stylesheet" href="css/pygments/native.css">
|
|
11
|
-
<script src="
|
|
11
|
+
<script src="js/prefixfree.min.js"></script>
|
|
12
12
|
</head>
|
|
13
13
|
<body data-duration="<%= meta.duration %>">
|
|
14
14
|
<section>
|
data/themes/CSSS/js/classList.js
CHANGED
|
File without changes
|
|
@@ -1,13 +1,5 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
StyleFix.process,!1)})()}})();
|
|
7
|
-
(function(h){function e(b,c,f,i,d){b=a[b];b.length&&(b=RegExp(c+"("+b.join("|")+")"+f,"gi"),d=d.replace(b,i));return d}if(window.StyleFix&&window.getComputedStyle){var a=window.PrefixFree={prefixCSS:function(b,c){var f=a.prefix,b=e("functions","(\\s|:|,)","\\s*\\(","$1"+f+"$2(",b),b=e("keywords","(\\s|:)","(\\s|;|\\}|$)","$1"+f+"$2$3",b),b=e("properties","(^|\\{|\\s|;)","\\s*:","$1"+f+"$2:",b);if(a.properties.length)var i=RegExp("\\b("+a.properties.join("|")+")(?!:)","gi"),b=e("valueProperties","\\b",
|
|
8
|
-
":(.+?);",function(a){return a.replace(i,f+"$1")},b);c&&(b=e("selectors","","\\b",a.prefixSelector,b),b=e("atrules","@","\\b","@"+f+"$1",b));return b=b.replace(RegExp("-"+f,"g"),"-")},property:function(b){return(a.properties.indexOf(b)?a.prefix:"")+b},value:function(b){b=e("functions","(^|\\s|,)","\\s*\\(","$1"+a.prefix+"$2(",b);return b=e("keywords","(^|\\s)","(\\s|$)","$1"+a.prefix+"$2$3",b)},prefixSelector:function(b){return b.replace(/^:{1,2}/,function(b){return b+a.prefix})},prefixProperty:function(b,
|
|
9
|
-
c){var f=a.prefix+b;return c?StyleFix.camelCase(f):f}};(function(){var b={},c=[],f=getComputedStyle(document.documentElement,null),i=document.createElement("div").style,d=function(a){if("-"===a.charAt(0)){c.push(a);var a=a.split("-"),d=a[1];for(b[d]=++b[d]||1;3<a.length;)a.pop(),d=a.join("-"),StyleFix.camelCase(d)in i&&-1===c.indexOf(d)&&c.push(d)}};if(0<f.length)for(var g=0;g<f.length;g++)d(f[g]);else for(var e in f)d(StyleFix.deCamelCase(e));var g=0,j,h;for(h in b)f=b[h],g<f&&(j=h,g=f);a.prefix=
|
|
10
|
-
"-"+j+"-";a.Prefix=StyleFix.camelCase(a.prefix);a.properties=[];for(g=0;g<c.length;g++)e=c[g],0===e.indexOf(a.prefix)&&(j=e.slice(a.prefix.length),StyleFix.camelCase(j)in i||a.properties.push(j));"Ms"==a.Prefix&&(!("transform"in i)&&!("MsTransform"in i)&&"msTransform"in i)&&a.properties.push("transform","transform-origin");a.properties.sort()})();(function(){function b(a,b){e[b]="";e[b]=a;return!!e[b]}var c={"linear-gradient":{property:"backgroundImage",params:"red, teal"},calc:{property:"width",
|
|
11
|
-
params:"1px + 5%"},element:{property:"backgroundImage",params:"#foo"},"cross-fade":{property:"backgroundImage",params:"url(a.png), url(b.png), 50%"}};c["repeating-linear-gradient"]=c["repeating-radial-gradient"]=c["radial-gradient"]=c["linear-gradient"];var f={initial:"color","zoom-in":"cursor","zoom-out":"cursor",box:"display",flexbox:"display","inline-flexbox":"display",flex:"display","inline-flex":"display"};a.functions=[];a.keywords=[];var e=document.createElement("div").style,d;for(d in c){var g=
|
|
12
|
-
c[d],h=g.property,g=d+"("+g.params+")";!b(g,h)&&b(a.prefix+g,h)&&a.functions.push(d)}for(var j in f)h=f[j],!b(j,h)&&b(a.prefix+j,h)&&a.keywords.push(j)})();(function(){function b(a){e.textContent=a+"{}";return!!e.sheet.cssRules.length}var c={":read-only":null,":read-write":null,":any-link":null,"::selection":null},f={keyframes:"name",viewport:null,document:'regexp(".")'};a.selectors=[];a.atrules=[];var e=h.appendChild(document.createElement("style")),d;for(d in c){var g=d+(c[d]?"("+c[d]+")":"");!b(g)&&
|
|
13
|
-
b(a.prefixSelector(g))&&a.selectors.push(d)}for(var k in f)g=k+" "+(f[k]||""),!b("@"+g)&&b("@"+a.prefix+g)&&a.atrules.push(k);h.removeChild(e)})();a.valueProperties=["transition","transition-property"];h.className+=" "+a.prefix;StyleFix.register(a.prefixCSS)}})(document.documentElement);
|
|
1
|
+
/**
|
|
2
|
+
* StyleFix 1.0.3 & PrefixFree 1.0.7
|
|
3
|
+
* @author Lea Verou
|
|
4
|
+
* MIT license
|
|
5
|
+
*/(function(){function t(e,t){return[].slice.call((t||document).querySelectorAll(e))}if(!window.addEventListener)return;var e=window.StyleFix={link:function(t){try{if(t.rel!=="stylesheet"||t.hasAttribute("data-noprefix"))return}catch(n){return}var r=t.href||t.getAttribute("data-href"),i=r.replace(/[^\/]+$/,""),s=t.parentNode,o=new XMLHttpRequest,u;o.onreadystatechange=function(){o.readyState===4&&u()};u=function(){var n=o.responseText;if(n&&t.parentNode&&(!o.status||o.status<400||o.status>600)){n=e.fix(n,!0,t);if(i){n=n.replace(/url\(\s*?((?:"|')?)(.+?)\1\s*?\)/gi,function(e,t,n){return/^([a-z]{3,10}:|\/|#)/i.test(n)?e:'url("'+i+n+'")'});var r=i.replace(/([\\\^\$*+[\]?{}.=!:(|)])/g,"\\$1");n=n.replace(RegExp("\\b(behavior:\\s*?url\\('?\"?)"+r,"gi"),"$1")}var u=document.createElement("style");u.textContent=n;u.media=t.media;u.disabled=t.disabled;u.setAttribute("data-href",t.getAttribute("href"));s.insertBefore(u,t);s.removeChild(t);u.media=t.media}};try{o.open("GET",r);o.send(null)}catch(n){if(typeof XDomainRequest!="undefined"){o=new XDomainRequest;o.onerror=o.onprogress=function(){};o.onload=u;o.open("GET",r);o.send(null)}}t.setAttribute("data-inprogress","")},styleElement:function(t){if(t.hasAttribute("data-noprefix"))return;var n=t.disabled;t.textContent=e.fix(t.textContent,!0,t);t.disabled=n},styleAttribute:function(t){var n=t.getAttribute("style");n=e.fix(n,!1,t);t.setAttribute("style",n)},process:function(){t('link[rel="stylesheet"]:not([data-inprogress])').forEach(StyleFix.link);t("style").forEach(StyleFix.styleElement);t("[style]").forEach(StyleFix.styleAttribute)},register:function(t,n){(e.fixers=e.fixers||[]).splice(n===undefined?e.fixers.length:n,0,t)},fix:function(t,n,r){for(var i=0;i<e.fixers.length;i++)t=e.fixers[i](t,n,r)||t;return t},camelCase:function(e){return e.replace(/-([a-z])/g,function(e,t){return t.toUpperCase()}).replace("-","")},deCamelCase:function(e){return e.replace(/[A-Z]/g,function(e){return"-"+e.toLowerCase()})}};(function(){setTimeout(function(){t('link[rel="stylesheet"]').forEach(StyleFix.link)},10);document.addEventListener("DOMContentLoaded",StyleFix.process,!1)})()})();(function(e){function t(e,t,r,i,s){e=n[e];if(e.length){var o=RegExp(t+"("+e.join("|")+")"+r,"gi");s=s.replace(o,i)}return s}if(!window.StyleFix||!window.getComputedStyle)return;var n=window.PrefixFree={prefixCSS:function(e,r,i){var s=n.prefix;n.functions.indexOf("linear-gradient")>-1&&(e=e.replace(/(\s|:|,)(repeating-)?linear-gradient\(\s*(-?\d*\.?\d*)deg/ig,function(e,t,n,r){r=Math.abs(r-450)%360;return t+(n||"")+"linear-gradient("+r+"deg"}));e=t("functions","(\\s|:|,)","\\s*\\(","$1"+s+"$2(",e);e=t("keywords","(\\s|:)","(\\s|;|\\}|$)","$1"+s+"$2$3",e);e=t("properties","(^|\\{|\\s|;)","\\s*:","$1"+s+"$2:",e);if(n.properties.length){var o=RegExp("\\b("+n.properties.join("|")+")(?!:)","gi");e=t("valueProperties","\\b",":(.+?);",function(e){return e.replace(o,s+"$1")},e)}if(r){e=t("selectors","","\\b",n.prefixSelector,e);e=t("atrules","@","\\b","@"+s+"$1",e)}e=e.replace(RegExp("-"+s,"g"),"-");e=e.replace(/-\*-(?=[a-z]+)/gi,n.prefix);return e},property:function(e){return(n.properties.indexOf(e)?n.prefix:"")+e},value:function(e,r){e=t("functions","(^|\\s|,)","\\s*\\(","$1"+n.prefix+"$2(",e);e=t("keywords","(^|\\s)","(\\s|$)","$1"+n.prefix+"$2$3",e);return e},prefixSelector:function(e){return e.replace(/^:{1,2}/,function(e){return e+n.prefix})},prefixProperty:function(e,t){var r=n.prefix+e;return t?StyleFix.camelCase(r):r}};(function(){var e={},t=[],r={},i=getComputedStyle(document.documentElement,null),s=document.createElement("div").style,o=function(n){if(n.charAt(0)==="-"){t.push(n);var r=n.split("-"),i=r[1];e[i]=++e[i]||1;while(r.length>3){r.pop();var s=r.join("-");u(s)&&t.indexOf(s)===-1&&t.push(s)}}},u=function(e){return StyleFix.camelCase(e)in s};if(i.length>0)for(var a=0;a<i.length;a++)o(i[a]);else for(var f in i)o(StyleFix.deCamelCase(f));var l={uses:0};for(var c in e){var h=e[c];l.uses<h&&(l={prefix:c,uses:h})}n.prefix="-"+l.prefix+"-";n.Prefix=StyleFix.camelCase(n.prefix);n.properties=[];for(var a=0;a<t.length;a++){var f=t[a];if(f.indexOf(n.prefix)===0){var p=f.slice(n.prefix.length);u(p)||n.properties.push(p)}}n.Prefix=="Ms"&&!("transform"in s)&&!("MsTransform"in s)&&"msTransform"in s&&n.properties.push("transform","transform-origin");n.properties.sort()})();(function(){function i(e,t){r[t]="";r[t]=e;return!!r[t]}var e={"linear-gradient":{property:"backgroundImage",params:"red, teal"},calc:{property:"width",params:"1px + 5%"},element:{property:"backgroundImage",params:"#foo"},"cross-fade":{property:"backgroundImage",params:"url(a.png), url(b.png), 50%"}};e["repeating-linear-gradient"]=e["repeating-radial-gradient"]=e["radial-gradient"]=e["linear-gradient"];var t={initial:"color","zoom-in":"cursor","zoom-out":"cursor",box:"display",flexbox:"display","inline-flexbox":"display",flex:"display","inline-flex":"display"};n.functions=[];n.keywords=[];var r=document.createElement("div").style;for(var s in e){var o=e[s],u=o.property,a=s+"("+o.params+")";!i(a,u)&&i(n.prefix+a,u)&&n.functions.push(s)}for(var f in t){var u=t[f];!i(f,u)&&i(n.prefix+f,u)&&n.keywords.push(f)}})();(function(){function s(e){i.textContent=e+"{}";return!!i.sheet.cssRules.length}var t={":read-only":null,":read-write":null,":any-link":null,"::selection":null},r={keyframes:"name",viewport:null,document:'regexp(".")'};n.selectors=[];n.atrules=[];var i=e.appendChild(document.createElement("style"));for(var o in t){var u=o+(t[o]?"("+t[o]+")":"");!s(u)&&s(n.prefixSelector(u))&&n.selectors.push(o)}for(var a in r){var u=a+" "+(r[a]||"");!s("@"+u)&&s("@"+n.prefix+u)&&n.atrules.push(a)}e.removeChild(i)})();n.valueProperties=["transition","transition-property"];e.className+=" "+n.prefix;StyleFix.register(n.prefixCSS)})(document.documentElement);
|
data/themes/CSSS/js/slideshow.js
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
* @author Lea Verou (http://leaverou.me)
|
|
4
4
|
* @version 2.0
|
|
5
5
|
*/
|
|
6
|
-
|
|
6
|
+
|
|
7
7
|
/**
|
|
8
8
|
* Make the environment a bit friendlier
|
|
9
9
|
*/
|
|
@@ -25,28 +25,28 @@ var documentTitle = document.title + '';
|
|
|
25
25
|
|
|
26
26
|
var self = window.SlideShow = function(slide) {
|
|
27
27
|
var me = this;
|
|
28
|
-
|
|
28
|
+
|
|
29
29
|
// Set instance
|
|
30
30
|
if(!window.slideshow) {
|
|
31
31
|
window.slideshow = this;
|
|
32
32
|
}
|
|
33
|
-
|
|
33
|
+
|
|
34
34
|
// Current slide
|
|
35
35
|
this.index = this.slide = slide || 0;
|
|
36
|
-
|
|
36
|
+
|
|
37
37
|
// Current .delayed item in the slide
|
|
38
38
|
this.item = 0;
|
|
39
|
-
|
|
39
|
+
|
|
40
40
|
// Create timer, if needed
|
|
41
41
|
this.duration = body.getAttribute('data-duration');
|
|
42
|
-
|
|
42
|
+
|
|
43
43
|
if(this.duration > 0) {
|
|
44
44
|
var timer = document.createElement('div');
|
|
45
|
-
|
|
45
|
+
|
|
46
46
|
timer.id = 'timer';
|
|
47
47
|
timer.setAttribute('style', PrefixFree.prefixCSS('transition-duration: ' + this.duration * 60 + 's;'));
|
|
48
48
|
body.appendChild(timer);
|
|
49
|
-
|
|
49
|
+
|
|
50
50
|
addEventListener('load', function() {
|
|
51
51
|
timer.className = 'end';
|
|
52
52
|
|
|
@@ -55,32 +55,65 @@ var self = window.SlideShow = function(slide) {
|
|
|
55
55
|
}, me.duration * 60000);
|
|
56
56
|
});
|
|
57
57
|
}
|
|
58
|
-
|
|
58
|
+
|
|
59
59
|
// Create slide indicator
|
|
60
60
|
this.indicator = document.createElement('div');
|
|
61
|
-
|
|
61
|
+
|
|
62
62
|
this.indicator.id = 'indicator';
|
|
63
63
|
body.appendChild(this.indicator);
|
|
64
|
-
|
|
64
|
+
|
|
65
65
|
// Get the slide elements into an array
|
|
66
66
|
this.slides = $$('.slide', body);
|
|
67
|
-
|
|
67
|
+
|
|
68
|
+
// Get the overview
|
|
69
|
+
this.overview = function(evt) {
|
|
70
|
+
if(body.classList.contains('show-thumbnails')) {
|
|
71
|
+
body.classList.remove('show-thumbnails');
|
|
72
|
+
body.classList.remove('headers-only');
|
|
73
|
+
}
|
|
74
|
+
else {
|
|
75
|
+
body.classList.add('show-thumbnails');
|
|
76
|
+
|
|
77
|
+
if(evt && (!evt.shiftKey || !evt.ctrlKey)) {
|
|
78
|
+
body.classList.add('headers-only');
|
|
79
|
+
}
|
|
80
|
+
|
|
81
|
+
body.addEventListener('click', function(evt) {
|
|
82
|
+
var slide = evt.target;
|
|
83
|
+
|
|
84
|
+
while(slide && !slide.classList.contains('slide')) {
|
|
85
|
+
slide = slide.parentNode;
|
|
86
|
+
}
|
|
87
|
+
|
|
88
|
+
if(slide) {
|
|
89
|
+
me.goto(slide.id);
|
|
90
|
+
setTimeout(function() { me.adjustFontSize(); }, 1000); // for Opera
|
|
91
|
+
}
|
|
92
|
+
|
|
93
|
+
body.classList.remove('show-thumbnails');
|
|
94
|
+
body.classList.remove('headers-only');
|
|
95
|
+
|
|
96
|
+
body.removeEventListener('click', arguments.callee);
|
|
97
|
+
}, false);
|
|
98
|
+
}
|
|
99
|
+
};
|
|
100
|
+
|
|
68
101
|
// Order of the slides
|
|
69
102
|
this.order = [];
|
|
70
|
-
|
|
103
|
+
|
|
71
104
|
for(var i=0; i<this.slides.length; i++) {
|
|
72
105
|
var slide = this.slides[i]; // to speed up references
|
|
73
|
-
|
|
106
|
+
|
|
74
107
|
// Asign ids to slides that don't have one
|
|
75
108
|
if(!slide.id) {
|
|
76
109
|
slide.id = 'slide' + (i+1);
|
|
77
110
|
}
|
|
78
|
-
|
|
111
|
+
|
|
79
112
|
// Set data-title attribute to the title of the slide
|
|
80
113
|
if(!slide.title) {
|
|
81
114
|
// no title attribute, fetch title from heading(s)
|
|
82
115
|
var heading = $('hgroup', slide) || $('h1,h2,h3,h4,h5,h6', slide);
|
|
83
|
-
|
|
116
|
+
|
|
84
117
|
if(heading && heading.textContent.trim()) {
|
|
85
118
|
slide.setAttribute('data-title', heading.textContent);
|
|
86
119
|
}
|
|
@@ -90,73 +123,91 @@ var self = window.SlideShow = function(slide) {
|
|
|
90
123
|
slide.setAttribute('data-title', slide.title);
|
|
91
124
|
slide.removeAttribute('title');
|
|
92
125
|
}
|
|
93
|
-
|
|
126
|
+
|
|
94
127
|
slide.setAttribute('data-index', i);
|
|
95
|
-
|
|
128
|
+
|
|
96
129
|
var imp = slide.getAttribute('data-import'),
|
|
97
130
|
imported = imp? this.getSlideById(imp) : null;
|
|
98
|
-
|
|
131
|
+
|
|
99
132
|
this.order.push(imported? +imported.getAttribute('data-index') : i);
|
|
100
133
|
}
|
|
101
|
-
|
|
134
|
+
|
|
102
135
|
if(window.name === 'projector' && window.opener && opener.slideshow) {
|
|
103
136
|
body.classList.add('projector');
|
|
104
137
|
this.presenter = opener.slideshow;
|
|
105
138
|
this.presenter.projector = this;
|
|
106
139
|
}
|
|
107
|
-
|
|
140
|
+
|
|
108
141
|
// Adjust the font-size when the window is resized
|
|
109
142
|
addEventListener('resize', this, false);
|
|
110
|
-
|
|
143
|
+
|
|
111
144
|
// In some browsers DOMContentLoaded is too early, so try again onload
|
|
112
145
|
addEventListener('load', this, false);
|
|
113
|
-
|
|
146
|
+
|
|
114
147
|
addEventListener('hashchange', this, false);
|
|
115
|
-
|
|
148
|
+
|
|
116
149
|
// If there's already a hash, update current slide number...
|
|
117
150
|
this.handleEvent({type: 'hashchange'});
|
|
118
|
-
|
|
151
|
+
|
|
119
152
|
document.addEventListener('keyup', this, false);
|
|
120
153
|
document.addEventListener('keydown', this, false);
|
|
121
|
-
|
|
154
|
+
|
|
155
|
+
document.addEventListener('touchstart', this, false);
|
|
156
|
+
document.addEventListener('touchmove', this, false);
|
|
157
|
+
document.addEventListener('touchend', this, false);
|
|
158
|
+
document.addEventListener('touchcancel', this, false);
|
|
159
|
+
|
|
122
160
|
this.startEventSourceHandler('/remote/sub/events');
|
|
123
161
|
|
|
124
162
|
// Process iframe slides
|
|
125
163
|
$$('.slide[data-src]:empty').forEach(function(slide) {
|
|
126
164
|
var iframe = document.createElement('iframe');
|
|
127
|
-
|
|
165
|
+
|
|
128
166
|
iframe.setAttribute('data-src', slide.getAttribute('data-src'));
|
|
129
167
|
slide.removeAttribute('data-src');
|
|
130
|
-
|
|
168
|
+
|
|
131
169
|
slide.appendChild(iframe);
|
|
132
170
|
});
|
|
133
|
-
|
|
171
|
+
|
|
134
172
|
$$('.slide > iframe:only-child').forEach(function(iframe) {
|
|
135
173
|
var slide = iframe.parentNode,
|
|
136
174
|
src = iframe.src || iframe.getAttribute('data-src');
|
|
137
|
-
|
|
175
|
+
|
|
138
176
|
slide.classList.add('iframe');
|
|
139
|
-
|
|
177
|
+
|
|
140
178
|
if(!slide.classList.contains('notitle')) {
|
|
141
179
|
var h = document.createElement('h1'),
|
|
142
180
|
a = document.createElement('a'),
|
|
143
181
|
title = iframe.title || slide.title || slide.getAttribute('data-title') || src.replace(/\/#?$/, '')
|
|
144
182
|
.replace(/^\w+:\/\/w{0,3}\.?/, '');
|
|
145
|
-
|
|
183
|
+
|
|
146
184
|
a.href = src;
|
|
147
185
|
a.target = '_blank';
|
|
148
186
|
a.textContent = title;
|
|
149
187
|
h.appendChild(a);
|
|
150
|
-
|
|
188
|
+
|
|
151
189
|
slide.appendChild(h);
|
|
152
190
|
}
|
|
191
|
+
else {
|
|
192
|
+
var b = document.createElement('button');
|
|
193
|
+
b.className = 'onscreen-nav next';
|
|
194
|
+
b.textContent = 'Next ▶';
|
|
195
|
+
b.type = 'button';
|
|
196
|
+
b.onclick = function() { me.next(); };
|
|
197
|
+
|
|
198
|
+
slide.appendChild(b);
|
|
199
|
+
}
|
|
153
200
|
});
|
|
154
201
|
};
|
|
155
202
|
|
|
203
|
+
var horizontalDistanceThreshold = 30, // Swipe horizontal displacement must be more than this.
|
|
204
|
+
verticalDistanceThreshold = 75, // Swipe vertical displacement must be less than this.
|
|
205
|
+
startTouch,
|
|
206
|
+
stopTouch;
|
|
207
|
+
|
|
156
208
|
self.prototype = {
|
|
157
209
|
handleEvent: function(evt) {
|
|
158
|
-
|
|
159
|
-
|
|
210
|
+
|
|
160
211
|
switch(evt.type) {
|
|
161
212
|
/**
|
|
162
213
|
Keyboard navigation
|
|
@@ -166,42 +217,14 @@ self.prototype = {
|
|
|
166
217
|
(Shift instead of Ctrl works too)
|
|
167
218
|
*/
|
|
168
219
|
case 'keyup':
|
|
169
|
-
if((evt.ctrlKey || evt.shiftKey) && !evt.altKey) {
|
|
220
|
+
if((evt.ctrlKey || evt.shiftKey) && !evt.altKey && !/^(?:input|textarea)$/i.test(document.activeElement.nodeName)) {
|
|
170
221
|
switch(evt.keyCode) {
|
|
171
222
|
case 71: // G
|
|
172
223
|
var slide = prompt('Which slide?');
|
|
173
|
-
|
|
224
|
+
this.goto(+slide? slide - 1 : slide);
|
|
174
225
|
break;
|
|
175
226
|
case 72: // H
|
|
176
|
-
|
|
177
|
-
body.classList.remove('show-thumbnails');
|
|
178
|
-
body.classList.remove('headers-only');
|
|
179
|
-
}
|
|
180
|
-
else {
|
|
181
|
-
body.classList.add('show-thumbnails');
|
|
182
|
-
|
|
183
|
-
if(!evt.shiftKey || !evt.ctrlKey) {
|
|
184
|
-
body.classList.add('headers-only');
|
|
185
|
-
}
|
|
186
|
-
|
|
187
|
-
body.addEventListener('click', function(evt) {
|
|
188
|
-
var slide = evt.target;
|
|
189
|
-
|
|
190
|
-
while(slide && !slide.classList.contains('slide')) {
|
|
191
|
-
slide = slide.parentNode;
|
|
192
|
-
}
|
|
193
|
-
|
|
194
|
-
if(slide) {
|
|
195
|
-
me.goto(slide.id);
|
|
196
|
-
setTimeout(function() { me.adjustFontSize(); }, 1000); // for Opera
|
|
197
|
-
}
|
|
198
|
-
|
|
199
|
-
body.classList.remove('show-thumbnails');
|
|
200
|
-
body.classList.remove('headers-only');
|
|
201
|
-
|
|
202
|
-
body.removeEventListener('click', arguments.callee);
|
|
203
|
-
}, false);
|
|
204
|
-
}
|
|
227
|
+
this.overview(evt);
|
|
205
228
|
break;
|
|
206
229
|
case 74: // J
|
|
207
230
|
if(body.classList.contains('hide-elements')) {
|
|
@@ -214,10 +237,10 @@ self.prototype = {
|
|
|
214
237
|
case 80: // P
|
|
215
238
|
// Open new window for attendee view
|
|
216
239
|
this.projector = open(location, 'projector');
|
|
217
|
-
|
|
240
|
+
|
|
218
241
|
// Get the focus back
|
|
219
242
|
window.focus();
|
|
220
|
-
|
|
243
|
+
|
|
221
244
|
// Switch this one to presenter view
|
|
222
245
|
body.classList.add('presenter');
|
|
223
246
|
}
|
|
@@ -231,14 +254,14 @@ self.prototype = {
|
|
|
231
254
|
Space/Up/Right arrow : Next item/slide
|
|
232
255
|
Ctrl + Space/Up/Right arrow : Next slide
|
|
233
256
|
Down/Left arrow : Previous item/slide
|
|
234
|
-
Ctrl + Down/Left arrow : Previous slide
|
|
257
|
+
Ctrl + Down/Left arrow : Previous slide
|
|
235
258
|
(Shift instead of Ctrl works too)
|
|
236
259
|
*/
|
|
237
260
|
if((evt.target === body || evt.target === body.parentNode) && !evt.altKey) {
|
|
238
261
|
if(evt.keyCode >= 32 && evt.keyCode <= 40) {
|
|
239
262
|
evt.preventDefault();
|
|
240
263
|
}
|
|
241
|
-
|
|
264
|
+
|
|
242
265
|
switch(evt.keyCode) {
|
|
243
266
|
case 33: //page up
|
|
244
267
|
this.previous();
|
|
@@ -264,6 +287,29 @@ self.prototype = {
|
|
|
264
287
|
}
|
|
265
288
|
}
|
|
266
289
|
break;
|
|
290
|
+
case 'touchstart':
|
|
291
|
+
evt.preventDefault(); // prevent image drag
|
|
292
|
+
data = event.touches ? event.touches[0] : event;
|
|
293
|
+
startTouch = { X: data.pageX, Y: data.pageY };
|
|
294
|
+
break;
|
|
295
|
+
case 'touchmove':
|
|
296
|
+
data = event.touches ? event.touches[0] : event;
|
|
297
|
+
stopTouch = { X: data.pageX, Y: data.pageY };
|
|
298
|
+
break;
|
|
299
|
+
case 'touchend':
|
|
300
|
+
if (!startTouch || !stopTouch) break;
|
|
301
|
+
if (Math.abs(startTouch.X - stopTouch.X) < horizontalDistanceThreshold) break;
|
|
302
|
+
if (Math.abs(startTouch.Y - stopTouch.Y) > verticalDistanceThreshold) break;
|
|
303
|
+
if (startTouch.X > stopTouch.X) {
|
|
304
|
+
this.previous();
|
|
305
|
+
} else {
|
|
306
|
+
this.next();
|
|
307
|
+
}
|
|
308
|
+
startTouch = stopTouch = null;
|
|
309
|
+
break;
|
|
310
|
+
case 'touchcancel':
|
|
311
|
+
startTouch = stopTouch = null;
|
|
312
|
+
break;
|
|
267
313
|
case 'load':
|
|
268
314
|
case 'resize':
|
|
269
315
|
this.adjustFontSize();
|
|
@@ -272,30 +318,30 @@ self.prototype = {
|
|
|
272
318
|
this.goto(location.hash.substr(1) || 0);
|
|
273
319
|
}
|
|
274
320
|
},
|
|
275
|
-
|
|
321
|
+
|
|
276
322
|
start: function() {
|
|
277
323
|
this.goto(0);
|
|
278
324
|
},
|
|
279
|
-
|
|
325
|
+
|
|
280
326
|
end: function() {
|
|
281
327
|
this.goto(this.slides.length - 1);
|
|
282
328
|
},
|
|
283
|
-
|
|
329
|
+
|
|
284
330
|
/**
|
|
285
|
-
@param hard {Boolean} Whether to advance to the next slide (true) or
|
|
331
|
+
@param hard {Boolean} Whether to advance to the next slide (true) or
|
|
286
332
|
just the next step (which could very well be showing a list item)
|
|
287
333
|
*/
|
|
288
334
|
next: function(hard) {
|
|
289
335
|
if(!hard && this.items.length) {
|
|
290
336
|
this.nextItem();
|
|
291
337
|
}
|
|
292
|
-
else {
|
|
338
|
+
else {
|
|
293
339
|
this.goto(this.index + 1);
|
|
294
|
-
|
|
340
|
+
|
|
295
341
|
this.item = 0;
|
|
296
|
-
|
|
342
|
+
|
|
297
343
|
// Mark all items as not displayed, if there are any
|
|
298
|
-
if(this.items.length) {
|
|
344
|
+
if(this.items.length) {
|
|
299
345
|
for (var i=0; i<this.items.length; i++) {
|
|
300
346
|
if(this.items[i].classList) {
|
|
301
347
|
this.items[i].classList.remove('displayed');
|
|
@@ -305,7 +351,7 @@ self.prototype = {
|
|
|
305
351
|
}
|
|
306
352
|
}
|
|
307
353
|
},
|
|
308
|
-
|
|
354
|
+
|
|
309
355
|
nextItem: function() {
|
|
310
356
|
if(this.item < this.items.length) {
|
|
311
357
|
this.gotoItem(++this.item);
|
|
@@ -315,78 +361,76 @@ self.prototype = {
|
|
|
315
361
|
this.next(true);
|
|
316
362
|
}
|
|
317
363
|
},
|
|
318
|
-
|
|
364
|
+
|
|
319
365
|
previous: function(hard) {
|
|
320
366
|
if(!hard && this.item > 0) {
|
|
321
367
|
this.previousItem();
|
|
322
368
|
}
|
|
323
|
-
else {
|
|
369
|
+
else {
|
|
324
370
|
this.goto(this.index - 1);
|
|
325
|
-
|
|
371
|
+
|
|
326
372
|
this.item = this.items.length;
|
|
327
373
|
|
|
328
374
|
// Mark all items as displayed, if there are any
|
|
329
|
-
if(this.items.length) {
|
|
375
|
+
if(this.items.length) {
|
|
330
376
|
for (var i=0; i<this.items.length; i++) {
|
|
331
377
|
if(this.items[i].classList) {
|
|
332
378
|
this.items[i].classList.add('displayed');
|
|
333
379
|
}
|
|
334
380
|
}
|
|
335
|
-
|
|
381
|
+
|
|
336
382
|
// Mark the last one as current
|
|
337
383
|
var lastItem = this.items[this.items.length - 1];
|
|
338
|
-
|
|
384
|
+
|
|
339
385
|
lastItem.classList.remove('displayed');
|
|
340
386
|
lastItem.classList.add('current');
|
|
341
387
|
}
|
|
342
388
|
}
|
|
343
389
|
},
|
|
344
|
-
|
|
390
|
+
|
|
345
391
|
previousItem: function() {
|
|
346
392
|
this.gotoItem(--this.item);
|
|
347
393
|
},
|
|
348
|
-
|
|
394
|
+
|
|
349
395
|
getSlideById: function(id) {
|
|
350
396
|
return $('.slide#' + id);
|
|
351
397
|
},
|
|
352
|
-
|
|
398
|
+
|
|
353
399
|
/**
|
|
354
400
|
Go to an aribtary slide
|
|
355
401
|
@param which {String|Integer} Which slide (identifier or slide number)
|
|
356
402
|
*/
|
|
357
403
|
goto: function(which) {
|
|
358
404
|
var slide;
|
|
359
|
-
|
|
405
|
+
|
|
360
406
|
// We have to remove it to prevent multiple calls to goto messing up
|
|
361
407
|
// our current item (and there's no point either, so we save on performance)
|
|
362
408
|
window.removeEventListener('hashchange', this, false);
|
|
363
|
-
|
|
364
|
-
|
|
365
|
-
|
|
366
|
-
if(which + 0 === which && which in this.slides) {
|
|
409
|
+
|
|
410
|
+
if(which + 0 === which && which in this.slides) {
|
|
367
411
|
// Argument is a valid slide number
|
|
368
412
|
this.index = which;
|
|
369
|
-
this.slide = this.order[which]
|
|
370
|
-
|
|
413
|
+
this.slide = this.order[which];
|
|
414
|
+
|
|
371
415
|
slide = this.slides[this.slide];
|
|
372
|
-
|
|
416
|
+
|
|
373
417
|
location.hash = '#' + slide.id;
|
|
374
418
|
}
|
|
375
419
|
else if(which + '' === which) { // Argument is a slide id
|
|
376
420
|
slide = this.getSlideById(which);
|
|
377
|
-
|
|
421
|
+
|
|
378
422
|
if(slide) {
|
|
379
423
|
this.slide = this.index = +slide.getAttribute('data-index');
|
|
380
|
-
location.hash = '#' + which;
|
|
424
|
+
location.hash = '#' + which;
|
|
381
425
|
}
|
|
382
426
|
}
|
|
383
|
-
|
|
427
|
+
|
|
384
428
|
if(slide) { // Slide actually changed, perform any other tasks needed
|
|
385
429
|
document.title = slide.getAttribute('data-title') || documentTitle;
|
|
386
|
-
|
|
430
|
+
|
|
387
431
|
if(slide.classList.contains('iframe')) {
|
|
388
432
|
var iframe = $('iframe', slide), src;
|
|
389
|
-
|
|
433
|
+
|
|
390
434
|
if(!iframe.hasAttribute('src') && (src = iframe.getAttribute('data-src'))) {
|
|
391
435
|
iframe.setAttribute('src', src);
|
|
392
436
|
}
|
|
@@ -394,31 +438,31 @@ self.prototype = {
|
|
|
394
438
|
else {
|
|
395
439
|
this.adjustFontSize();
|
|
396
440
|
}
|
|
397
|
-
|
|
441
|
+
|
|
398
442
|
this.indicator.textContent = this.index + 1;
|
|
399
|
-
|
|
443
|
+
|
|
400
444
|
// Update items collection
|
|
401
445
|
this.items = $$('.delayed, .delayed-children > *', this.slides[this.slide]);
|
|
402
446
|
this.items.sort(function(a, b){
|
|
403
|
-
return (a.getAttribute('data-index') || 0) - (b.getAttribute('data-index') || 0)
|
|
447
|
+
return (a.getAttribute('data-index') || 0) - (b.getAttribute('data-index') || 0);
|
|
404
448
|
});
|
|
405
449
|
this.item = 0;
|
|
406
|
-
|
|
450
|
+
|
|
407
451
|
this.projector && this.projector.goto(which);
|
|
408
|
-
|
|
452
|
+
|
|
409
453
|
// Update next/previous
|
|
410
454
|
for (var i=this.slides.length; i--;) {
|
|
411
455
|
this.slides[i].classList.remove('previous');
|
|
412
456
|
this.slides[i].classList.remove('next');
|
|
413
457
|
}
|
|
414
|
-
|
|
458
|
+
|
|
415
459
|
this.slides.previous = this.slides[this.order[this.index - 1]];
|
|
416
460
|
this.slides.next = this.slides[this.order[this.index + 1]];
|
|
417
|
-
|
|
461
|
+
|
|
418
462
|
this.slides.previous && this.slides.previous.classList.add('previous');
|
|
419
463
|
this.slides.next && this.slides.next.classList.add('next');
|
|
420
464
|
}
|
|
421
|
-
|
|
465
|
+
|
|
422
466
|
// If you attach the listener immediately again then it will catch the event
|
|
423
467
|
// We have to do it asynchronously
|
|
424
468
|
var me = this;
|
|
@@ -426,30 +470,30 @@ self.prototype = {
|
|
|
426
470
|
addEventListener('hashchange', me, false);
|
|
427
471
|
}, 1000);
|
|
428
472
|
},
|
|
429
|
-
|
|
473
|
+
|
|
430
474
|
gotoItem: function(which) {
|
|
431
475
|
this.item = which;
|
|
432
|
-
|
|
476
|
+
|
|
433
477
|
var items = this.items, classes;
|
|
434
|
-
|
|
478
|
+
|
|
435
479
|
for(var i=items.length; i-- > 0;) {
|
|
436
480
|
classes = this.items[i].classList;
|
|
437
|
-
|
|
481
|
+
|
|
438
482
|
classes.remove('current');
|
|
439
483
|
classes.remove('displayed');
|
|
440
484
|
}
|
|
441
|
-
|
|
485
|
+
|
|
442
486
|
for(var i=this.item - 1; i-- > 0;) {
|
|
443
487
|
this.items[i].classList.add('displayed');
|
|
444
488
|
}
|
|
445
|
-
|
|
489
|
+
|
|
446
490
|
if(this.item > 0) {
|
|
447
491
|
this.items[this.item - 1].classList.add('current');
|
|
448
492
|
}
|
|
449
|
-
|
|
493
|
+
|
|
450
494
|
this.projector && this.projector.gotoItem(which);
|
|
451
495
|
},
|
|
452
|
-
|
|
496
|
+
|
|
453
497
|
adjustFontSize: function() {
|
|
454
498
|
// Cache long lookup chains, for performance
|
|
455
499
|
var htmlStyle = html.style,
|
|
@@ -457,38 +501,38 @@ self.prototype = {
|
|
|
457
501
|
innerHeight = window.innerHeight,
|
|
458
502
|
innerWidth = window.innerWidth,
|
|
459
503
|
slide = this.slides[this.slide];
|
|
460
|
-
|
|
504
|
+
|
|
461
505
|
// Clear previous styles
|
|
462
506
|
htmlStyle.fontSize = '';
|
|
463
|
-
|
|
464
|
-
if(body.classList.contains('show-thumbnails')
|
|
507
|
+
|
|
508
|
+
if(body.classList.contains('show-thumbnails')
|
|
465
509
|
|| slide.classList.contains('dont-resize')) {
|
|
466
510
|
return;
|
|
467
511
|
}
|
|
468
512
|
|
|
469
513
|
for(
|
|
470
|
-
var percent = 100;
|
|
514
|
+
var percent = 100;
|
|
471
515
|
(scrollRoot.scrollHeight > innerHeight || scrollRoot.scrollWidth > innerWidth) && percent >= 35;
|
|
472
516
|
percent-=5
|
|
473
517
|
) {
|
|
474
518
|
htmlStyle.fontSize = percent + '%';
|
|
475
519
|
}
|
|
476
|
-
|
|
520
|
+
|
|
477
521
|
// Individual slide
|
|
478
522
|
|
|
479
523
|
if(slide.clientHeight && slide.clientWidth) {
|
|
480
524
|
// Strange FF bug: scrollHeight doesn't work properly with overflow:hidden
|
|
481
525
|
var previousStyle = slide.getAttribute('style');
|
|
482
526
|
slide.style.overflow = 'auto';
|
|
483
|
-
|
|
527
|
+
|
|
484
528
|
for(
|
|
485
|
-
;
|
|
529
|
+
;
|
|
486
530
|
(slide.scrollHeight > slide.clientHeight || slide.scrollWidth > slide.clientWidth) && percent >= 35;
|
|
487
531
|
percent--
|
|
488
532
|
) {
|
|
489
533
|
htmlStyle.fontSize = percent + '%';
|
|
490
534
|
}
|
|
491
|
-
|
|
535
|
+
|
|
492
536
|
slide.setAttribute('style', previousStyle);
|
|
493
537
|
}
|
|
494
538
|
|
|
@@ -497,15 +541,15 @@ self.prototype = {
|
|
|
497
541
|
htmlStyle.fontSize = '';
|
|
498
542
|
}
|
|
499
543
|
},
|
|
500
|
-
|
|
544
|
+
|
|
501
545
|
// Is the element on the current slide?
|
|
502
546
|
onCurrent: function(element) {
|
|
503
547
|
var slide = self.getSlide(element);
|
|
504
|
-
|
|
548
|
+
|
|
505
549
|
if(slide) {
|
|
506
550
|
return '#' + slide.id === location.hash;
|
|
507
551
|
}
|
|
508
|
-
|
|
552
|
+
|
|
509
553
|
return false;
|
|
510
554
|
},
|
|
511
555
|
|
|
@@ -538,19 +582,19 @@ self.prototype = {
|
|
|
538
582
|
};
|
|
539
583
|
|
|
540
584
|
/**********************************************
|
|
541
|
-
* Static methods
|
|
585
|
+
* Static methods
|
|
542
586
|
**********************************************/
|
|
543
|
-
|
|
587
|
+
|
|
544
588
|
// Helper method for plugins
|
|
545
589
|
self.getSlide = function(element) {
|
|
546
590
|
var slide = element;
|
|
547
|
-
|
|
591
|
+
|
|
548
592
|
while (slide && slide.classList && !slide.classList.contains('slide')) {
|
|
549
593
|
slide = slide.parentNode;
|
|
550
594
|
}
|
|
551
|
-
|
|
595
|
+
|
|
552
596
|
return slide;
|
|
553
|
-
}
|
|
597
|
+
};
|
|
554
598
|
|
|
555
599
|
})(document.head || document.getElementsByTagName('head')[0], document.body, document.documentElement);
|
|
556
600
|
|
|
@@ -562,14 +606,14 @@ addEventListener('load', function(){ // no idea why the timeout is needed
|
|
|
562
606
|
|
|
563
607
|
for(var j=rulez.length; j--;) {
|
|
564
608
|
var selector = rulez[j].selectorText.replace(/^|,/g, function($0) {
|
|
565
|
-
return '#' + parentid + ' ' + $0
|
|
609
|
+
return '#' + parentid + ' ' + $0;
|
|
566
610
|
});
|
|
567
|
-
|
|
611
|
+
|
|
568
612
|
var cssText = rulez[j].cssText.replace(/^.+?{/, selector + '{');
|
|
569
|
-
|
|
613
|
+
|
|
570
614
|
style.sheet.deleteRule(j);
|
|
571
615
|
style.sheet.insertRule(cssText, j);
|
|
572
616
|
}
|
|
573
|
-
|
|
617
|
+
|
|
574
618
|
});
|
|
575
619
|
});
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
html, body, div, span, applet, object, iframe,
|
|
2
|
+
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
|
|
3
|
+
a, abbr, acronym, address, big, cite, code,
|
|
4
|
+
del, dfn, em, img, ins, kbd, q, s, samp,
|
|
5
|
+
small, strike, strong, sub, sup, tt, var,
|
|
6
|
+
b, u, i, center,
|
|
7
|
+
dl, dt, dd, ol, ul, li,
|
|
8
|
+
fieldset, form, label, legend,
|
|
9
|
+
table, caption, tbody, tfoot, thead, tr, th, td,
|
|
10
|
+
article, aside, canvas, details, embed,
|
|
11
|
+
figure, figcaption, footer, header, hgroup,
|
|
12
|
+
menu, nav, output, ruby, section, summary,
|
|
13
|
+
time, mark, audio, video {
|
|
14
|
+
margin:0;
|
|
15
|
+
padding:0;
|
|
16
|
+
border:0;
|
|
17
|
+
font-size:100%;
|
|
18
|
+
font:inherit;
|
|
19
|
+
vertical-align:baseline;
|
|
20
|
+
}
|
|
21
|
+
article, aside, details, figcaption, figure,
|
|
22
|
+
footer, header, hgroup, menu, nav, section {
|
|
23
|
+
display:block;
|
|
24
|
+
}
|
|
25
|
+
body {
|
|
26
|
+
line-height:1;
|
|
27
|
+
}
|
|
28
|
+
ol, ul {
|
|
29
|
+
list-style:none;
|
|
30
|
+
}
|
|
31
|
+
blockquote, q {
|
|
32
|
+
quotes:none;
|
|
33
|
+
}
|
|
34
|
+
blockquote:before, blockquote:after,
|
|
35
|
+
q:before, q:after {
|
|
36
|
+
content:'';
|
|
37
|
+
content:none;
|
|
38
|
+
}
|
|
39
|
+
table {
|
|
40
|
+
border-collapse:collapse;
|
|
41
|
+
border-spacing:0;
|
|
42
|
+
}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html>
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="utf-8" />
|
|
5
|
+
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
|
|
6
|
+
<title><%= meta.title %></title>
|
|
7
|
+
<% (theme.css + meta.css).each do |css| %>
|
|
8
|
+
<link rel="stylesheet" href="<%= css%>">
|
|
9
|
+
<% end %>
|
|
10
|
+
<link rel="stylesheet" href="css/pygments/solarized.css">
|
|
11
|
+
</head>
|
|
12
|
+
<body data-duration="<%= meta.duration %>">
|
|
13
|
+
<section>
|
|
14
|
+
<header class="slide">
|
|
15
|
+
<h1><%= meta.title %></h1>
|
|
16
|
+
<h2><%= meta.author %></h2>
|
|
17
|
+
</header>
|
|
18
|
+
</section>
|
|
19
|
+
<% sections.each do |section| %>
|
|
20
|
+
<section>
|
|
21
|
+
<header class="slide">
|
|
22
|
+
<h1><%= section.title %></h1>
|
|
23
|
+
</header>
|
|
24
|
+
<% section.slides.each do |slide| %>
|
|
25
|
+
<section class="slide <%= slide.classes %>">
|
|
26
|
+
<%= slide.html %>
|
|
27
|
+
</section>
|
|
28
|
+
<% end %>
|
|
29
|
+
</section>
|
|
30
|
+
<% end %>
|
|
31
|
+
<% (theme.js + meta.js).each do |js| %>
|
|
32
|
+
<script src="<%= js %>"></script>
|
|
33
|
+
<% end %>
|
|
34
|
+
</body>
|
|
35
|
+
</html>
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
// StyleFix 1.0.2 + PrefixFree 1.0.6 / Lea Verou / MIT license
|
|
2
|
+
(function(){function h(a,b){return[].slice.call((b||document).querySelectorAll(a))}if(window.addEventListener){var e=window.StyleFix={link:function(a){try{if("stylesheet"!==a.rel||a.hasAttribute("data-noprefix"))return}catch(b){return}var c=a.href||a.getAttribute("data-href"),f=c.replace(/[^\/]+$/,""),i=a.parentNode,d=new XMLHttpRequest,g;d.onreadystatechange=function(){4===d.readyState&&g()};g=function(){var b=d.responseText;if(b&&a.parentNode&&(!d.status||400>d.status||600<d.status)){b=e.fix(b,
|
|
3
|
+
!0,a);f&&(b=b.replace(/url\(\s*?((?:"|')?)(.+?)\1\s*?\)/gi,function(a,b,c){return!/^([a-z]{3,10}:|\/|#)/i.test(c)?'url("'+f+c+'")':a}),b=b.replace(RegExp("\\b(behavior:\\s*?url\\('?\"?)"+f,"gi"),"$1"));var c=document.createElement("style");c.textContent=b;c.media=a.media;c.disabled=a.disabled;c.setAttribute("data-href",a.getAttribute("href"));i.insertBefore(c,a);i.removeChild(a);c.media=a.media}};try{d.open("GET",c),d.send(null)}catch(k){"undefined"!=typeof XDomainRequest&&(d=new XDomainRequest,d.onerror=
|
|
4
|
+
d.onprogress=function(){},d.onload=g,d.open("GET",c),d.send(null))}a.setAttribute("data-inprogress","")},styleElement:function(a){if(!a.hasAttribute("data-noprefix")){var b=a.disabled;a.textContent=e.fix(a.textContent,!0,a);a.disabled=b}},styleAttribute:function(a){var b=a.getAttribute("style"),b=e.fix(b,!1,a);a.setAttribute("style",b)},process:function(){h('link[rel="stylesheet"]:not([data-inprogress])').forEach(StyleFix.link);h("style").forEach(StyleFix.styleElement);h("[style]").forEach(StyleFix.styleAttribute)},
|
|
5
|
+
register:function(a,b){(e.fixers=e.fixers||[]).splice(void 0===b?e.fixers.length:b,0,a)},fix:function(a,b){for(var c=0;c<e.fixers.length;c++)a=e.fixers[c](a,b)||a;return a},camelCase:function(a){return a.replace(/-([a-z])/g,function(a,c){return c.toUpperCase()}).replace("-","")},deCamelCase:function(a){return a.replace(/[A-Z]/g,function(a){return"-"+a.toLowerCase()})}};(function(){setTimeout(function(){h('link[rel="stylesheet"]').forEach(StyleFix.link)},10);document.addEventListener("DOMContentLoaded",
|
|
6
|
+
StyleFix.process,!1)})()}})();
|
|
7
|
+
(function(h){function e(b,c,f,i,d){b=a[b];b.length&&(b=RegExp(c+"("+b.join("|")+")"+f,"gi"),d=d.replace(b,i));return d}if(window.StyleFix&&window.getComputedStyle){var a=window.PrefixFree={prefixCSS:function(b,c){var f=a.prefix,b=e("functions","(\\s|:|,)","\\s*\\(","$1"+f+"$2(",b),b=e("keywords","(\\s|:)","(\\s|;|\\}|$)","$1"+f+"$2$3",b),b=e("properties","(^|\\{|\\s|;)","\\s*:","$1"+f+"$2:",b);if(a.properties.length)var i=RegExp("\\b("+a.properties.join("|")+")(?!:)","gi"),b=e("valueProperties","\\b",
|
|
8
|
+
":(.+?);",function(a){return a.replace(i,f+"$1")},b);c&&(b=e("selectors","","\\b",a.prefixSelector,b),b=e("atrules","@","\\b","@"+f+"$1",b));return b=b.replace(RegExp("-"+f,"g"),"-")},property:function(b){return(a.properties.indexOf(b)?a.prefix:"")+b},value:function(b){b=e("functions","(^|\\s|,)","\\s*\\(","$1"+a.prefix+"$2(",b);return b=e("keywords","(^|\\s)","(\\s|$)","$1"+a.prefix+"$2$3",b)},prefixSelector:function(b){return b.replace(/^:{1,2}/,function(b){return b+a.prefix})},prefixProperty:function(b,
|
|
9
|
+
c){var f=a.prefix+b;return c?StyleFix.camelCase(f):f}};(function(){var b={},c=[],f=getComputedStyle(document.documentElement,null),i=document.createElement("div").style,d=function(a){if("-"===a.charAt(0)){c.push(a);var a=a.split("-"),d=a[1];for(b[d]=++b[d]||1;3<a.length;)a.pop(),d=a.join("-"),StyleFix.camelCase(d)in i&&-1===c.indexOf(d)&&c.push(d)}};if(0<f.length)for(var g=0;g<f.length;g++)d(f[g]);else for(var e in f)d(StyleFix.deCamelCase(e));var g=0,j,h;for(h in b)f=b[h],g<f&&(j=h,g=f);a.prefix=
|
|
10
|
+
"-"+j+"-";a.Prefix=StyleFix.camelCase(a.prefix);a.properties=[];for(g=0;g<c.length;g++)e=c[g],0===e.indexOf(a.prefix)&&(j=e.slice(a.prefix.length),StyleFix.camelCase(j)in i||a.properties.push(j));"Ms"==a.Prefix&&(!("transform"in i)&&!("MsTransform"in i)&&"msTransform"in i)&&a.properties.push("transform","transform-origin");a.properties.sort()})();(function(){function b(a,b){e[b]="";e[b]=a;return!!e[b]}var c={"linear-gradient":{property:"backgroundImage",params:"red, teal"},calc:{property:"width",
|
|
11
|
+
params:"1px + 5%"},element:{property:"backgroundImage",params:"#foo"},"cross-fade":{property:"backgroundImage",params:"url(a.png), url(b.png), 50%"}};c["repeating-linear-gradient"]=c["repeating-radial-gradient"]=c["radial-gradient"]=c["linear-gradient"];var f={initial:"color","zoom-in":"cursor","zoom-out":"cursor",box:"display",flexbox:"display","inline-flexbox":"display",flex:"display","inline-flex":"display"};a.functions=[];a.keywords=[];var e=document.createElement("div").style,d;for(d in c){var g=
|
|
12
|
+
c[d],h=g.property,g=d+"("+g.params+")";!b(g,h)&&b(a.prefix+g,h)&&a.functions.push(d)}for(var j in f)h=f[j],!b(j,h)&&b(a.prefix+j,h)&&a.keywords.push(j)})();(function(){function b(a){e.textContent=a+"{}";return!!e.sheet.cssRules.length}var c={":read-only":null,":read-write":null,":any-link":null,"::selection":null},f={keyframes:"name",viewport:null,document:'regexp(".")'};a.selectors=[];a.atrules=[];var e=h.appendChild(document.createElement("style")),d;for(d in c){var g=d+(c[d]?"("+c[d]+")":"");!b(g)&&
|
|
13
|
+
b(a.prefixSelector(g))&&a.selectors.push(d)}for(var k in f)g=k+" "+(f[k]||""),!b("@"+g)&&b("@"+a.prefix+g)&&a.atrules.push(k);h.removeChild(e)})();a.valueProperties=["transition","transition-property"];h.className+=" "+a.prefix;StyleFix.register(a.prefixCSS)}})(document.documentElement);
|
metadata
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: slide-em-up
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 0.3.
|
|
4
|
+
version: 0.3.1
|
|
5
5
|
prerelease:
|
|
6
6
|
platform: ruby
|
|
7
7
|
authors:
|
|
@@ -9,22 +9,22 @@ authors:
|
|
|
9
9
|
autorequire:
|
|
10
10
|
bindir: bin
|
|
11
11
|
cert_chain: []
|
|
12
|
-
date: 2012-
|
|
12
|
+
date: 2012-10-06 00:00:00.000000000 Z
|
|
13
13
|
dependencies:
|
|
14
14
|
- !ruby/object:Gem::Dependency
|
|
15
15
|
name: goliath
|
|
16
|
-
requirement: &
|
|
16
|
+
requirement: &83664580 !ruby/object:Gem::Requirement
|
|
17
17
|
none: false
|
|
18
18
|
requirements:
|
|
19
19
|
- - ~>
|
|
20
20
|
- !ruby/object:Gem::Version
|
|
21
|
-
version: 1.0
|
|
21
|
+
version: '1.0'
|
|
22
22
|
type: :runtime
|
|
23
23
|
prerelease: false
|
|
24
|
-
version_requirements: *
|
|
24
|
+
version_requirements: *83664580
|
|
25
25
|
- !ruby/object:Gem::Dependency
|
|
26
26
|
name: redcarpet
|
|
27
|
-
requirement: &
|
|
27
|
+
requirement: &83664170 !ruby/object:Gem::Requirement
|
|
28
28
|
none: false
|
|
29
29
|
requirements:
|
|
30
30
|
- - ~>
|
|
@@ -32,10 +32,10 @@ dependencies:
|
|
|
32
32
|
version: '2.1'
|
|
33
33
|
type: :runtime
|
|
34
34
|
prerelease: false
|
|
35
|
-
version_requirements: *
|
|
35
|
+
version_requirements: *83664170
|
|
36
36
|
- !ruby/object:Gem::Dependency
|
|
37
37
|
name: erubis
|
|
38
|
-
requirement: &
|
|
38
|
+
requirement: &83733670 !ruby/object:Gem::Requirement
|
|
39
39
|
none: false
|
|
40
40
|
requirements:
|
|
41
41
|
- - ~>
|
|
@@ -43,10 +43,10 @@ dependencies:
|
|
|
43
43
|
version: '2.7'
|
|
44
44
|
type: :runtime
|
|
45
45
|
prerelease: false
|
|
46
|
-
version_requirements: *
|
|
46
|
+
version_requirements: *83733670
|
|
47
47
|
- !ruby/object:Gem::Dependency
|
|
48
48
|
name: yajl-ruby
|
|
49
|
-
requirement: &
|
|
49
|
+
requirement: &83732800 !ruby/object:Gem::Requirement
|
|
50
50
|
none: false
|
|
51
51
|
requirements:
|
|
52
52
|
- - ~>
|
|
@@ -54,10 +54,10 @@ dependencies:
|
|
|
54
54
|
version: '1.1'
|
|
55
55
|
type: :runtime
|
|
56
56
|
prerelease: false
|
|
57
|
-
version_requirements: *
|
|
57
|
+
version_requirements: *83732800
|
|
58
58
|
- !ruby/object:Gem::Dependency
|
|
59
59
|
name: albino
|
|
60
|
-
requirement: &
|
|
60
|
+
requirement: &83732260 !ruby/object:Gem::Requirement
|
|
61
61
|
none: false
|
|
62
62
|
requirements:
|
|
63
63
|
- - ~>
|
|
@@ -65,10 +65,10 @@ dependencies:
|
|
|
65
65
|
version: '1.3'
|
|
66
66
|
type: :runtime
|
|
67
67
|
prerelease: false
|
|
68
|
-
version_requirements: *
|
|
68
|
+
version_requirements: *83732260
|
|
69
69
|
- !ruby/object:Gem::Dependency
|
|
70
70
|
name: minitest
|
|
71
|
-
requirement: &
|
|
71
|
+
requirement: &83731910 !ruby/object:Gem::Requirement
|
|
72
72
|
none: false
|
|
73
73
|
requirements:
|
|
74
74
|
- - ~>
|
|
@@ -76,7 +76,7 @@ dependencies:
|
|
|
76
76
|
version: '2.3'
|
|
77
77
|
type: :development
|
|
78
78
|
prerelease: false
|
|
79
|
-
version_requirements: *
|
|
79
|
+
version_requirements: *83731910
|
|
80
80
|
description: Slide'em up is a presentation tool that displays markdown-formatted slides
|
|
81
81
|
email: bruno.michel@af83.com
|
|
82
82
|
executables:
|
|
@@ -171,6 +171,10 @@ files:
|
|
|
171
171
|
- themes/common/css/pygments/colorful.css
|
|
172
172
|
- themes/common/css/pygments/native.css
|
|
173
173
|
- themes/common/css/pygments/solarized.css
|
|
174
|
+
- themes/template/index.erb
|
|
175
|
+
- themes/template/js/prefixfree.min.js
|
|
176
|
+
- themes/template/css/reset.css
|
|
177
|
+
- themes/template/README
|
|
174
178
|
- themes/reveal/index.erb
|
|
175
179
|
- themes/reveal/js/head.min.js
|
|
176
180
|
- themes/reveal/js/classList.js
|
|
@@ -228,5 +232,8 @@ rubyforge_project:
|
|
|
228
232
|
rubygems_version: 1.8.12
|
|
229
233
|
signing_key:
|
|
230
234
|
specification_version: 3
|
|
231
|
-
summary: Slide'em up is a presentation tool
|
|
235
|
+
summary: Slide'em up is a presentation tool. You write some slides in markdown, choose
|
|
236
|
+
a style and it displays it in HTML5. With a browser in full-screen, you can make
|
|
237
|
+
amazing presentations!
|
|
232
238
|
test_files: []
|
|
239
|
+
has_rdoc:
|