').
42 | appendTo("body");
43 | var repl = $("#repl").jqconsole("", '> ');
44 | $("#repl div").attr('style', '');
45 |
46 | var startPrompt = function () {
47 | repl.Prompt(true, function (input) {
48 | try {
49 | var evalfn = PLT.repl || stringifiedParse;
50 | repl.Write(evalfn(input) + '\n', 'jqconsole-output');
51 | } catch(err) {
52 | repl.Write(err.message + "\n", 'error');
53 | }
54 | startPrompt();
55 |
56 | // scroll to the repl when on new line
57 | repl.$console.get(0).scrollIntoView();
58 | });
59 | }
60 | startPrompt();
61 |
62 | // scroll to the repl when a key is pressed
63 | repl.$input_source.keypress(function() { repl.$console.get(0).scrollIntoView(); });
64 |
65 | // focus the repl by default
66 | repl.Focus();
67 |
68 | $('
' + $('title').text() + ' ').
69 | prependTo("body");
70 |
71 | // collect all correct code examples and try and parse them
72 | var goods = document.querySelectorAll("code:not([bad])")
73 | for (var i = 0; i < goods.length; i++) {
74 | try {
75 | var str = stringifiedParse(goods[i].textContent);
76 |
77 | // Look for expected attribute like this:
78 | if(goods[i].attributes.getNamedItem('expect')){
79 | var expectedValue = goods[i].attributes.getNamedItem('expect').value;
80 |
81 | // Create a regEx from the expectedValue
82 | var re = new RegExp(expectedValue, "");
83 |
84 | // Validate that the expected value matches the returned value
85 | if(!str.match(re)){
86 | var error = new Error('Expected '+expectedValue+" but got "+str)
87 | error.line = 0;
88 | throw error;
89 | }
90 | }
91 | // the code parsed, append result in grey
92 | goods[i].innerHTML += "\n↳ " + str + " ";
93 |
94 | } catch (err) {
95 | // the code did not parse, append result in red
96 |
97 | // Add carrot to show the position of the error
98 | var carrot = '';
99 | if(err.line == goods[i].textContent.split('\n').length){
100 | carrot = Array(err.column).join(' ')+'↑\n'
101 | }
102 |
103 | // If there is line info, add information about where the error is
104 | var lineError = '';
105 | if(err.line){
106 | lineError = "" + carrot + " " + err.message + lineError + "";
110 | }
111 | }
112 |
113 | // collect all incorrect code examples and try and parse them
114 | var bads = document.querySelectorAll("code[bad]")
115 | for (var i = 0; i < bads.length; i++) {
116 | try {
117 | var str = stringifiedParse(goods[i].textContent);
118 | // the code parsed, append result in red
119 | bads[i].innerHTML += "\n↳ " + str + " ";
120 |
121 | } catch (err) {
122 | // the code did not parse, append result in gray
123 | bads[i].innerHTML += "\n↳ " + err.message + " ";
124 |
125 | }
126 | }
127 |
128 | // refresh the page if refreshing is enabled
129 | setInterval(function() { if(PLT.refresh) window.location.reload(true) }, PLT.refreshTime);
130 | });
131 |
--------------------------------------------------------------------------------
/examples/README.md:
--------------------------------------------------------------------------------
1 | # Examples for Writing Your Own Grammar
2 |
3 | This repo includes:
4 |
5 | * **Trees Please**: a LISP implementation I wrote at SFPC & Recurse Center. This example has a fairly robust interpreter, including scoping. This example was written to be used from a web REPL.
6 |
7 | * **Whenever.js**: a quick implementation of the esolang [Whenever](http://www.dangermouse.net/esoteric/whenever.html). Expected statements are Javascript functions or Whenever-style statement manipulation.[See, for example, this Friday Pathalogical Programmming article.](http://scienceblogs.com/goodmath/2006/07/28/friday-pathological-programmin-1/) For more details, see README in `whenver.js` directory. This example includes a command-line interface.
8 |
9 | * A blank example for you start jamming on.
10 |
11 | Also check out:
12 | * the code behind [ComicStripScript](https://github.com/yukiy/ComicStripScript) to get a feel for generating images and `canvas` objects from a grammar
13 | * Ramsey Nasser's [Rejoyce implementations](https://github.com/nasser/rejoyce), for the stack approach
--------------------------------------------------------------------------------
/examples/TreesPlease/js/jqconsole.js:
--------------------------------------------------------------------------------
1 | (function(){var t,e,i,s,r,o,n,h,p,c,a,l,u,_,f,m,d,$,y,v,g,x,b,k,w,C,T,S,M,P,H,E,L,I,W,D,A,R=function(t,e){return function(){return t.apply(e,arguments)}},U=[].slice;t=jQuery;I=0;W=1;D=2;w=13;H=9;x=46;g=8;T=37;P=39;E=38;b=40;C=36;k=35;M=33;S=34;p="jqconsole-";r=""+p+"cursor";o=""+p+"header";c=""+p+"prompt";h=""+p+"old-prompt";n=""+p+"input";s=""+p+"blurred";y="keypress";m="
";f=":empty";L="\n";u=">>> ";l="... ";a=2;i=""+p+"ansi-";d="";$=/\[(\d*)(?:;(\d*))*m/;e=function(){t.prototype.COLORS=["black","red","green","yellow","blue","magenta","cyan","white"];function t(){this.stylize=R(this.stylize,this);this._closeSpan=R(this._closeSpan,this);this._openSpan=R(this._openSpan,this);this.getClasses=R(this.getClasses,this);this._style=R(this._style,this);this._color=R(this._color,this);this._remove=R(this._remove,this);this._append=R(this._append,this);this.klasses=[]}t.prototype._append=function(t){t=""+i+t;if(this.klasses.indexOf(t)===-1){return this.klasses.push(t)}};t.prototype._remove=function(){var t,e,s,r,o,n;s=1<=arguments.length?U.call(arguments,0):[];n=[];for(r=0,o=s.length;r'+t};t.prototype._closeSpan=function(t){return""+t+" "};t.prototype.stylize=function(t){var e,i,s,r,o,n;t=this._openSpan(t);s=0;while((s=t.indexOf(d,s))&&s!==-1){if(i=t.slice(s).match($)){n=i.slice(1);for(r=0,o=n.length;r'+(e||"")+""};v=function(){function i(i,s,r,n){this._HideComposition=R(this._HideComposition,this);this._ShowComposition=R(this._ShowComposition,this);this._UpdateComposition=R(this._UpdateComposition,this);this._EndComposition=R(this._EndComposition,this);this._StartComposition=R(this._StartComposition,this);this._CheckComposition=R(this._CheckComposition,this);this._ProcessMatch=R(this._ProcessMatch,this);this._HandleKey=R(this._HandleKey,this);this._HandleChar=R(this._HandleChar,this);this.isMobile=!!navigator.userAgent.match(/iPhone|iPad|iPod|Android/i);this.isIos=!!navigator.userAgent.match(/iPhone|iPad|iPod/i);this.isAndroid=!!navigator.userAgent.match(/Android/i);this.$window=t(window);this.header=s||"";this.prompt_label_main=typeof r==="string"?r:u;this.prompt_label_continue=n||l;this.indent_width=a;this.state=W;this.input_queue=[];this.input_callback=null;this.multiline_callback=null;this.history=[];this.history_index=0;this.history_new="";this.history_active=false;this.shortcuts={};this.$container=t("
").appendTo(i);this.$container.css({top:0,left:0,right:0,bottom:0,position:"absolute",overflow:"auto"});this.$console=t('>> "))}else{o.push(t(i).text())}}return o}().join("")};i.prototype.GetState=function(){if(this.state===I){return"input"}else if(this.state===W){return"output"}else{return"prompt"}};i.prototype.Disable=function(){this.$input_source.attr("disabled",true);return this.$input_source.blur()};i.prototype.Enable=function(){return this.$input_source.attr("disabled",false)};i.prototype.IsDisabled=function(){return Boolean(this.$input_source.attr("disabled"))};i.prototype.MoveToStart=function(t){this._MoveTo(t,true);return void 0};i.prototype.MoveToEnd=function(t){this._MoveTo(t,false);return void 0};i.prototype.Clear=function(){this.$console.find("."+o).nextUntil("."+c).addBack().text("");this.$prompt_cursor.detach();return this.$prompt_after.before(this.$prompt_cursor)};i.prototype._CheckInputQueue=function(){if(this.input_queue.length){return this.input_queue.shift()()}};i.prototype._InitPrompt=function(){this.$prompt=t(A(n)).appendTo(this.$console);this.$prompt_before=t(m).appendTo(this.$prompt);this.$prompt_current=t(m).appendTo(this.$prompt);this.$prompt_after=t(m).appendTo(this.$prompt);this.$prompt_label=t(m).appendTo(this.$prompt_current);this.$prompt_left=t(m).appendTo(this.$prompt_current);this.$prompt_right=t(m).appendTo(this.$prompt_current);this.$prompt_right.css({position:"relative"});this.$prompt_cursor=t(A(r," "));this.$prompt_cursor.insertBefore(this.$prompt_right);this.$prompt_cursor.css({color:"transparent",display:"inline",zIndex:0});if(!this.isMobile){return this.$prompt_cursor.css("position","absolute")}};i.prototype._SetupEvents=function(){var t=this;if(this.isMobile){this.$console.click(function(e){e.preventDefault();return t.Focus()})}else{this.$console.mouseup(function(e){var i;if(e.which===2){return t.Focus()}else{i=function(){if(!window.getSelection().toString()){e.preventDefault();return t.Focus()}};return setTimeout(i,0)}})}this.$input_source.focus(function(){var e,i;t._ScrollToEnd();t.$console_focused=true;t.$console.removeClass(s);i=function(){if(t.$console_focused){return t.$console.removeClass(s)}};setTimeout(i,100);e=function(){if(t.isIos&&t.$console_focused){return t.$input_source.hide()}};return setTimeout(e,500)});this.$input_source.blur(function(){var e;t.$console_focused=false;if(t.isIos){t.$input_source.show()}e=function(){if(!t.$console_focused){return t.$console.addClass(s)}};return setTimeout(e,100)});this.$input_source.bind("paste",function(){var e;e=function(){if(t.in_composition){return}t._AppendPromptText(t.$input_source.val());t.$input_source.val("");return t.Focus()};return setTimeout(e,0)});this.$input_source.keypress(this._HandleChar);this.$input_source.keydown(this._HandleKey);this.$input_source.keydown(this._CheckComposition);this.$input_source.bind("compositionstart",this._StartComposition);this.$input_source.bind("compositionend",function(e){return setTimeout(function(){return t._EndComposition(e)},0)});if(this.isAndroid){this.$input_source.bind("input",this._StartComposition);return this.$input_source.bind("input",this._UpdateComposition)}else{return this.$input_source.bind("text",this._UpdateComposition)}};i.prototype._HandleChar=function(t){var e;if(this.state===W||t.metaKey||t.ctrlKey){return true}e=t.which;if(e===8||e===9||e===13){return false}this.$prompt_left.text(this.$prompt_left.text()+String.fromCharCode(e));this._ScrollToEnd();return false};i.prototype._HandleKey=function(e){var i;if(this.state===W){return true}i=e.keyCode||e.which;setTimeout(t.proxy(this._CheckMatchings,this),0);if(e.altKey){return true}else if(e.ctrlKey||e.metaKey){return this._HandleCtrlShortcut(i)}else if(e.shiftKey){switch(i){case w:this._HandleEnter(true);break;case H:this._Unindent();break;case E:this._MoveUp();break;case b:this._MoveDown();break;case M:this._ScrollPage("up");break;case S:this._ScrollPage("down");break;default:return true}return false}else{switch(i){case w:this._HandleEnter(false);break;case H:this._Indent();break;case x:this._Delete(false);break;case g:this._Backspace(false);break;case T:this._MoveLeft(false);break;case P:this._MoveRight(false);break;case E:this._HistoryPrevious();break;case b:this._HistoryNext();break;case C:this.MoveToStart(false);break;case k:this.MoveToEnd(false);break;case M:this._ScrollPage("up");break;case S:this._ScrollPage("down");break;default:return true}return false}};i.prototype._HandleCtrlShortcut=function(t){var e,i,s,r;switch(t){case x:this._Delete(true);break;case g:this._Backspace(true);break;case T:this._MoveLeft(true);break;case P:this._MoveRight(true);break;case E:this._MoveUp();break;case b:this._MoveDown();break;case k:this.MoveToEnd(true);break;case C:this.MoveToStart(true);break;default:if(t in this.shortcuts){r=this.shortcuts[t];for(i=0,s=r.length;ih;o=0<=h?++n:--n){if(t>0){c.push(s._Indent())}else{c.push(s._Unindent())}}return c}else{r=s.state===I?"input":"prompt";s.Write(s.GetPromptText(true)+L,""+p+"old-"+r);s.ClearPromptText(true);if(s.history_active){if(!s.history.length||s.history[s.history.length-1]!==i){s.history.push(i)}s.history_index=s.history.length}s.state=W;e=s.input_callback;s.input_callback=null;if(e){e(i)}return s._CheckInputQueue()}};if(this.multiline_callback){if(this.async_multiline){return this.multiline_callback(i,e)}else{return e(this.multiline_callback(i))}}else{return e(false)}}};i.prototype._GetDirectionals=function(e){var i,s,r,o,n,h,p,c;o=e?this.$prompt_left:this.$prompt_right;i=e?this.$prompt_right:this.$prompt_left;r=e?this.$prompt_before:this.$prompt_after;s=e?this.$prompt_after:this.$prompt_before;h=e?t.proxy(this.MoveToStart,this):t.proxy(this.MoveToEnd,this);n=e?t.proxy(this._MoveLeft,this):t.proxy(this._MoveRight,this);c=e?"last":"first";p=e?"prependTo":"appendTo";return{$prompt_which:o,$prompt_opposite:i,$prompt_relative:r,$prompt_rel_opposite:s,MoveToLimit:h,MoveDirection:n,which_end:c,where_append:p}};i.prototype._VerticalMove=function(t){var e,i,s,r,o,n,h,p;p=this._GetDirectionals(t),s=p.$prompt_which,e=p.$prompt_opposite,i=p.$prompt_relative,o=p.MoveToLimit,r=p.MoveDirection;if(i.is(f)){return}n=this.$prompt_left.text().length;o();r();h=s.text();e.text(t?h.slice(n):h.slice(0,n));return s.text(t?h.slice(0,n):h.slice(n))};i.prototype._MoveUp=function(){return this._VerticalMove(true)};i.prototype._MoveDown=function(){return this._VerticalMove()};i.prototype._HorizontalMove=function(e,i){var s,r,o,n,h,p,c,a,l,u,_,d,$,y;y=this._GetDirectionals(i),h=y.$prompt_which,r=y.$prompt_opposite,n=y.$prompt_relative,o=y.$prompt_rel_opposite,d=y.which_end,_=y.where_append;a=i?/\w*\W*$/:/^\w*\W*/;l=h.text();if(l){if(e){$=l.match(a);if(!$){return}$=$[0];u=r.text();r.text(i?$+u:u+$);c=$.length;return h.text(i?l.slice(0,-c):l.slice(c))}else{u=r.text();r.text(i?l.slice(-1)+u:u+l[0]);return h.text(i?l.slice(0,-1):l.slice(1))}}else if(!n.is(f)){p=t(m)[_](o);p.append(t(m).text(this.$prompt_label.text()));p.append(t(m).text(r.text()));s=n.children()[d]().detach();this.$prompt_label.text(s.children().first().text());h.text(s.children().last().text());return r.text("")}};i.prototype._MoveLeft=function(t){return this._HorizontalMove(t,true)};i.prototype._MoveRight=function(t){return this._HorizontalMove(t)};i.prototype._MoveTo=function(t,e){var i,s,r,o,n,h,p;h=this._GetDirectionals(e),r=h.$prompt_which,i=h.$prompt_opposite,s=h.$prompt_relative,n=h.MoveToLimit,o=h.MoveDirection;if(t){p=[];while(!(s.is(f)&&r.text()==="")){n(false);p.push(o(false))}return p}else{i.text(this.$prompt_left.text()+this.$prompt_right.text());return r.text("")}};i.prototype._Delete=function(t){var e,i,s;i=this.$prompt_right.text();if(i){if(t){s=i.match(/^\w*\W*/);if(!s){return}s=s[0];return this.$prompt_right.text(i.slice(s.length))}else{return this.$prompt_right.text(i.slice(1))}}else if(!this.$prompt_after.is(f)){e=this.$prompt_after.children().first().detach();return this.$prompt_right.text(e.children().last().text())}};i.prototype._Backspace=function(e){var i,s,r;setTimeout(t.proxy(this._ScrollToEnd,this),0);s=this.$prompt_left.text();if(s){if(e){r=s.match(/\w*\W*$/);if(!r){return}r=r[0];return this.$prompt_left.text(s.slice(0,-r.length))}else{return this.$prompt_left.text(s.slice(0,-1))}}else if(!this.$prompt_before.is(f)){i=this.$prompt_before.children().last().detach();this.$prompt_label.text(i.children().first().text());return this.$prompt_left.text(i.children().last().text())}};i.prototype._Indent=function(){var t;return this.$prompt_left.prepend(function(){var e,i,s;s=[];for(t=e=1,i=this.indent_width;1<=i?e<=i:e>=i;t=1<=i?++e:--e){s.push(" ")}return s}.call(this).join(""))};i.prototype._Unindent=function(){var t,e,i,s,r;t=this.$prompt_left.text()+this.$prompt_right.text();r=[];for(e=i=1,s=this.indent_width;1<=s?i<=s:i>=s;e=1<=s?++i:--i){if(!/^ /.test(t)){break}if(this.$prompt_left.text()){this.$prompt_left.text(this.$prompt_left.text().slice(1))}else{this.$prompt_right.text(this.$prompt_right.text().slice(1))}r.push(t=t.slice(1))}return r};i.prototype._InsertNewLine=function(e){var i,s,r;if(e==null){e=false}r=this._SelectPromptLabel(!this.$prompt_before.is(f));i=t(m).appendTo(this.$prompt_before);i.append(t(m).text(r));i.append(t(m).text(this.$prompt_left.text()));this.$prompt_label.text(this._SelectPromptLabel(true));if(e&&(s=this.$prompt_left.text().match(/^\s+/))){this.$prompt_left.text(s[0])}else{this.$prompt_left.text("")}return this._ScrollToEnd()};i.prototype._AppendPromptText=function(t){var e,i,s,r,o,n;i=t.split(L);this.$prompt_left.text(this.$prompt_left.text()+i[0]);o=i.slice(1);n=[];for(s=0,r=o.length;ss.top){return this.$window.scrollTop(i)}}else{if(o+ti){return this.$window.scrollTop(s.top)}}};i.prototype._SelectPromptLabel=function(t){if(this.state===D){if(t){return" \n"+this.prompt_label_continue}else{return this.prompt_label_main}}else{if(t){return"\n "}else{return" "}}};i.prototype._Wrap=function(t,e,i){var s,r;r=t.html();s=r.slice(0,e)+A(i,r[e])+r.slice(e+1);return t.html(s)};i.prototype._WalkCharacters=function(t,e,i,s,r){var o,n,h;n=r?t.length:0;t=t.split("");h=function(){var e,i,s,o;if(r){s=t,t=2<=s.length?U.call(s,0,i=s.length-1):(i=0,[]),e=s[i++]}else{o=t,e=o[0],t=2<=o.length?U.call(o,1):[]}if(e){n=n+(r?-1:+1)}return e};while(o=h()){if(o===e){s++}else if(o===i){s--}if(s===0){return{index:n,current_count:s}}}return{index:-1,current_count:s}};i.prototype._ProcessMatch=function(e,i,s){var r,o,n,h,p,c,a,l,u,_,f,m,d=this;_=i?[e["closing_char"],e["opening_char"]]:[e["opening_char"],e["closing_char"]],h=_[0],l=_[1];f=this._GetDirectionals(i),n=f.$prompt_which,o=f.$prompt_relative;p=1;c=false;u=n.html();if(!i){u=u.slice(1)}if(s&&i){u=u.slice(0,-1)}m=this._WalkCharacters(u,h,l,p,i),a=m.index,p=m.current_count;if(a>-1){this._Wrap(n,a,e.cls);c=true}else{r=o.children();r=i?Array.prototype.reverse.call(r):r;r.each(function(s,r){var o,n;o=t(r).children().last();u=o.html();n=d._WalkCharacters(u,h,l,p,i),a=n.index,p=n.current_count;if(a>-1){if(!i){a--}d._Wrap(o,a,e.cls);c=true;return false}})}return c};i.prototype._CheckMatchings=function(e){var i,s,r,o,n,h,p;r=e?this.$prompt_left.text().slice(this.$prompt_left.text().length-1):this.$prompt_right.text()[0];p=this.matchings.clss;for(n=0,h=p.length;n=this.history.length){return}if(this.history_index===this.history.length-1){this.history_index++;return this.SetPromptText(this.history_new)}else{return this.SetPromptText(this.history[++this.history_index])}};i.prototype._CheckComposition=function(t){var e;e=t.keyCode||t.which;if(e===229){if(this.in_composition){return this._UpdateComposition()}else{return this._StartComposition()}}};i.prototype._StartComposition=function(){if(this.in_composition){return}this.in_composition=true;this._ShowComposition();return setTimeout(this._UpdateComposition,0)};i.prototype._EndComposition=function(){if(!this.in_composition){return}this._HideComposition();this.$prompt_left.text(this.$prompt_left.text()+this.$composition.text());this.$composition.text("");this.$input_source.val("");return this.in_composition=false};i.prototype._UpdateComposition=function(t){var e,i=this;e=function(){if(!i.in_composition){return}return i.$composition.text(i.$input_source.val())};return setTimeout(e,0)};i.prototype._ShowComposition=function(){this.$composition.css("height",this.$prompt_cursor.height());this.$composition.empty();return this.$composition.appendTo(this.$prompt_left)};i.prototype._HideComposition=function(){return this.$composition.detach()};return i}();t.fn.jqconsole=function(t,e,i){return new v(this,t,e,i)};t.fn.jqconsole.JQConsole=v;t.fn.jqconsole.Ansi=e}).call(this);
--------------------------------------------------------------------------------
/examples/TreesPlease/js/plt.js:
--------------------------------------------------------------------------------
1 | /*
2 | * plt.js 0.2.0
3 | *
4 | * http://github.com/nasser/pltjs
5 | *
6 | * Copyright (c) 2014 Ramsey Nasser
7 | * Licensend under the MIT license.
8 | */
9 |
10 | // configuration object
11 | // refreshes every second by default
12 | var PLT = {
13 | refresh: false,
14 | refreshTime: 1000,
15 |
16 | parser: null
17 | };
18 |
19 | $(function() {
20 | // inject css style to format code elements and body text
21 | var cssNode = document.createElement('style');
22 | cssNode.innerHTML = "body { font-family: sans-serif; }";
23 | cssNode.innerHTML += "code { display: block; white-space: pre; margin-bottom: 1em; }";
24 | cssNode.innerHTML += "#repl { height: 1em; }";
25 | cssNode.innerHTML += "#repl .error { color: red; }";
26 | cssNode.innerHTML += "#repl pre { background: #eee; padding: 5px; }";
27 | cssNode.innerHTML += "textarea { opacity:0 }";
28 | cssNode.innerHTML += ".jqconsole-cursor { background: gray; }";
29 | document.body.appendChild(cssNode);
30 |
31 | // extract PEG grammar from element and build parser
32 | var grammarElement = $("grammar");
33 | PLT.parser = PEG.buildParser(grammarElement.text())
34 | grammarElement.remove();
35 |
36 | var stringifiedParse = function(source) {
37 | return JSON.stringify(PLT.parser.parse(source));
38 | }
39 |
40 | // build repl object
41 | $('').
42 | appendTo("body");
43 | var repl = $("#repl").jqconsole("", '> ');
44 | $("#repl div").attr('style', '');
45 |
46 | var startPrompt = function () {
47 | repl.Prompt(true, function (input) {
48 | try {
49 | var evalfn = PLT.repl || stringifiedParse;
50 | repl.Write(evalfn(input) + '\n', 'jqconsole-output');
51 | } catch(err) {
52 | repl.Write(err.message + "\n", 'error');
53 | }
54 | startPrompt();
55 |
56 | // scroll to the repl when on new line
57 | repl.$console.get(0).scrollIntoView();
58 | });
59 | }
60 | startPrompt();
61 |
62 | // scroll to the repl when a key is pressed
63 | repl.$input_source.keypress(function() { repl.$console.get(0).scrollIntoView(); });
64 |
65 | // focus the repl by default
66 | repl.Focus();
67 |
68 | $('
' + $('title').text() + ' ').
69 | prependTo("body");
70 |
71 | // collect all correct code examples and try and parse them
72 | var goods = document.querySelectorAll("code:not([bad])")
73 | for (var i = 0; i < goods.length; i++) {
74 | try {
75 | var str = stringifiedParse(goods[i].textContent);
76 |
77 | // Look for expected attribute like this:
78 | if(goods[i].attributes.getNamedItem('expect')){
79 | var expectedValue = goods[i].attributes.getNamedItem('expect').value;
80 |
81 | // Create a regEx from the expectedValue
82 | var re = new RegExp('^'+ expectedValue + '$', '');
83 |
84 | // Validate that the expected value matches the returned value
85 | if(!str.match(re)){
86 | var error = new Error('Expected '+expectedValue+" but got "+str)
87 | error.line = 0;
88 | throw error;
89 | }
90 | }
91 | // the code parsed, append result in grey
92 | goods[i].innerHTML += "\n↳ " + str + " ";
93 |
94 | } catch (err) {
95 | // the code did not parse, append result in red
96 |
97 | // Add carrot to show the position of the error
98 | var carrot = '';
99 | if(err.line == goods[i].textContent.split('\n').length){
100 | carrot = Array(err.column).join(' ')+'↑\n'
101 | }
102 |
103 | // If there is line info, add information about where the error is
104 | var lineError = '';
105 | if(err.line){
106 | lineError = "" + carrot + " " + err.message + lineError + "";
110 | }
111 | }
112 |
113 | // collect all incorrect code examples and try and parse them
114 | var bads = document.querySelectorAll("code[bad]")
115 | for (var i = 0; i < bads.length; i++) {
116 | try {
117 | var str = stringifiedParse(goods[i].textContent);
118 | // the code parsed, append result in red
119 | bads[i].innerHTML += "\n↳ " + str + " ";
120 |
121 | } catch (err) {
122 | // the code did not parse, append result in gray
123 | bads[i].innerHTML += "\n↳ " + err.message + " ";
124 |
125 | }
126 | }
127 |
128 | // refresh the page if refreshing is enabled
129 | setInterval(function() { if(PLT.refresh) window.location.reload(true) }, PLT.refreshTime);
130 | });
131 |
--------------------------------------------------------------------------------
/examples/TreesPlease/treesplease.html:
--------------------------------------------------------------------------------
1 | Language
16 |
17 |
18 | start = program / id
19 | program = scope / assignment / operation / string / number
20 |
21 | scope = space '(' space 'let' space as:assignment+ space ar:start* space pr:program* space ')'
22 | {return { operator: 'let', expressions: [as, ar, pr] } }
23 |
24 |
25 | operation = space '(' space o:operator space exp:start* space ')' space
26 | { return {operator: o, expressions: exp }}
27 | operator = '>'/'<'/'+'/'-'/'*'/'='/'if'/'let'/'print'/id
28 |
29 |
30 | assignment = space '[' space i:id space s:string space ']' space
31 | { return { operator: 'assignment', expressions: [i, s]}; }
32 |
33 | string = space quote str:(mandatory_space/letter)+ quote space { return str.join("") ; }
34 | id = r:raw_id { return {operator: 'var', expressions: r } }
35 | raw_id = t:text+ { return t.join(""); }
36 | letter = [^" \n]
37 | text = [a-zA-Z-]
38 |
39 | number = d:digit+ space { return +(d.join('')); }
40 | digit = [0123456789.-]
41 |
42 | space = [ \n]* / !. { return undefined }
43 | mandatory_space = [ \n]+ / !. { return undefined }
44 |
45 | quote = ["']
46 |
47 |
48 |
49 | Numbers
50 | 67
51 | -17
52 | 22.3
53 | -0.3
54 |
55 | Strings
56 | "Hello, World!"
57 |
58 | Identifiers
59 | These are used for variable names. How do you parse them into somehting different from a string?
60 | foo
61 | bar
62 | some-identifier
63 |
64 | Operations
65 | (+ 1 2)
66 | (- 1 2)
67 | (* 1 2)
68 | (+ 1 2 3 4 5)
69 | (< 5 6)
70 | (< 5 6 8 20 34)
71 | (+ 5 6 (+ 8 20) 34)
72 | (print "Hello, World!")
73 | (print "hey" "you")
74 | (= (+ 1 2) (+ 3 4))
75 |
76 | Nesting
77 | (< (+ 1 2) 6)
78 | (< (+ 1 2) (+ 8 (* 3 (+ 8 (* 3 (+ 8 (* 3 4)))))))
79 | (if (< 20 10) 55 22)
80 | (if (< 20 10) (print "less!") (print "more!"))
81 |
82 | Scope
83 | (let [name "Sarah"] (print name) (print "pie"))
84 | (let [name "Sarah"] [tiger "elephant"] (print name) (print "pie") (print tiger))
85 | (let [name "Sarah"] (let [tiger "elephant"] (print name)) 1)
86 | (let [name "Sarah"] (let [tiger "elephant"] (print name)) "1")
87 | (let [name "Sarah"] (let [tiger "elephant"] (print tiger) (print name)) (print tiger) (print name))
88 |
89 | (let [name "Sarah"] (let [name "Hacker School"] (print name)) (print name))
--------------------------------------------------------------------------------
/examples/TreesPlease/treesplease.js:
--------------------------------------------------------------------------------
1 | // Access functions & scope
2 |
3 | var specialForms = {
4 | 'if': function (args) {
5 | if (evaluate(args[0])){
6 | return evaluate(args[1]);
7 | } else {
8 | return evaluate(args[2]);
9 | }
10 | },
11 |
12 | 'let': function (args){
13 | var flatArgs = _.flatten(args);
14 | return assignment(flatArgs[0], flatArgs.slice(1));
15 | },
16 |
17 | 'assignment': assignment,
18 |
19 | 'var': lookup
20 | };
21 |
22 |
23 | var builtIn = {
24 | '+': function(args) { return infix(args)('+')},
25 | '-': function(args) { return infix(args)('-')},
26 | '*': function(args) { return infix(args)('*')},
27 | '<': function(args) { return infix(args)('<')},
28 | '>': function(args) { return infix(args)('>')},
29 |
30 | '=': function (args) {
31 | var args = moveOverArgs([], args);
32 | return eval(args.join('==='));
33 | },
34 |
35 | 'print': function (args, scope) {
36 | var args = moveOverArgs([], args, scope);
37 | return args.join('');
38 | }
39 |
40 | }
41 |
42 | var scopes = [ builtIn ];
43 |
44 | // Utility functions
45 |
46 | function moveOverArgs(currentArr, arr, scope) {
47 |
48 | typeof arr[0] === 'object' ? currentArr.push(evaluate(arr[0], scope)) : currentArr.push(arr[0]);
49 |
50 | var remainingArr = arr.slice(1);
51 | if (remainingArr.length > 0) {
52 | return moveOverArgs(currentArr, remainingArr, scope);
53 | } else {
54 | return currentArr;
55 | }
56 | }
57 |
58 |
59 | function infix (args) {
60 | return function(operator){
61 | args = moveOverArgs([], args);
62 | return eval(args.join(operator));
63 | }
64 | }
65 |
66 | function assignment (assign, rest, scoped) {
67 |
68 | // the first expression following 'let' MUST be a binding
69 |
70 | var variable = assign.expressions[0].expressions,
71 | value = assign.expressions[1];
72 |
73 | // put identity in current scope or create new scope and add
74 |
75 | if (scoped) {
76 | scopes[scopes.length - 1][variable] = value;
77 | } else {
78 | scopes.push(Object.create(Object.prototype));
79 | scopes[scopes.length - 1][variable] = value;
80 | }
81 |
82 | // iterate through all assignments before then evaluate other expressions
83 |
84 | if(rest.length && rest[0].operator === 'assignment'){
85 | return specialForms.assignment(rest[0], rest.slice(1), true);
86 | } else {
87 | return moveOverArgs([], rest, scopes.length - 1);
88 | }
89 | }
90 |
91 | function lookup(args, scope){
92 |
93 | var scope = scope;
94 |
95 | return (function checkScope(check){
96 | if (check >= 0){
97 | if (scopes[scope][args]){
98 | return scopes[scope][args];
99 | } else {
100 | scope -= 1;
101 | return checkScope(scope);
102 | }
103 | } else {
104 | return 'Reference error. There is no variable ' + args + '. '
105 | }
106 | })(scope);
107 |
108 | }
109 |
110 | function resetScopes(){
111 | scopes = _.dropRight(scopes, scopes.length - 1);
112 | }
113 |
114 | // Evaluation
115 |
116 | var evaluate = function(ast, scope) {
117 |
118 | // Check first that on recursion we haven't just received a scalar value that can be returned
119 |
120 | if(!(ast && typeof ast === 'object')) {
121 | return ast;
122 | }
123 |
124 | // Then set scope & evaluate
125 |
126 | var scope = scope || 0,
127 | special = specialForms[ast.operator];
128 |
129 | console.log(ast, ast.operator, scope);
130 |
131 | if (special) {
132 | return special(ast.expressions, scope);
133 | } else {
134 | return lookup(ast.operator, scope)(ast.expressions, scope);
135 | }
136 |
137 | };
138 |
139 | // Run function
140 |
141 | var run = function(source) {
142 | var ast = PLT.parser.parse(source);
143 | resetScopes();
144 | return evaluate(ast);
145 | };
--------------------------------------------------------------------------------
/examples/whenever.js/README.md:
--------------------------------------------------------------------------------
1 | # whenever.js
2 |
3 | An adaptation and implementation of [Whenever](http://www.dangermouse.net/esoteric/whenever.html) into Javascript.
4 |
5 | The biggest divergence from the original implementation is that whenever.js uses function declarations instead of statements and refers to them by their name string as opposed to by statement number.
6 |
7 | ## Using Whenever
8 |
9 | Whenever is an esolang playing with the idea of control flow. How do you write a program when statements are called out of sync?
10 |
11 | In Whenever, functions are added to an execution bag and then executed in random order. That's pretty much it. Functions are removed from the bag on execution unless otherwise directed by in-built functions (see below).
12 |
13 | ### Writing a Program
14 |
15 | #### Statements
16 | The base of a whenever.js program is the simple statement. This is an argument-less function declaration (not assignment!):
17 |
18 | ```
19 | function name() { ... }
20 | ```
21 |
22 | When this statement is executed, the function will run. If you would like access to global variables, you can take advantage of the non-strict environment in which whenever runs and use assignment without `var`:
23 |
24 |
25 | ~~var~~ `variable = value;`
26 |
27 |
28 | #### Built-in Functions
29 |
30 | Whenever.js includes most Whenever standard functions (except U()). In this case, they are called as normal Javascript functions within a statement. For instance:
31 |
32 | ```js
33 | // create monsters statement
34 | function monsters() {
35 | console.log('OH NO MONSTERS RUN!!!!');
36 | }
37 |
38 | // add six more copies of the monster statement to the bag
39 | function addMonsters() {
40 | add('monsters', 6);
41 | }
42 | ```
43 |
44 | ##### Add
45 | ```js
46 | add('functionNameAsString', #oftimes)
47 | ```
48 |
49 | Adds given number of copies to the execution bag.
50 |
51 | ##### Remove
52 | ```js
53 | remove('functionNameAsString', #oftimes)
54 | ```
55 |
56 | Removes given number of copies from execution bag. If the number is greater than number of copies, it will leave 0.
57 |
58 | ##### Defer
59 | ```js
60 | defer('functionToBeExecutedFirstAsString', #numberoftimestoexecute, function(){} OR 'functionNameAsString')
61 | ```
62 |
63 | Defer will refrain from running the callback until the named function has been executed the given number of times.
64 |
65 | ##### Again
66 | ```js
67 | again(predicate, function(){} OR 'functionNameAsString')
68 | ```
69 |
70 | If the predicate given to again is true, the callback statement is executed but remains in the bag, to be executed again some time later. If the argument is false, the statement is executed and removed from the to-do list as normal.
71 |
72 | The predicate can be simply the name of a function as well as other boolean options. Writing the following, for instance, would execute `monster` as long as `teeth` has not been executed and removed:
73 |
74 | ```js
75 | function keepMonstersGoing() {
76 | again('teeth', 'monster')
77 | }
78 | ```
79 |
80 |
81 | ##### N
82 | ```js
83 | N('functionNameAsString')
84 | ```
85 |
86 | Will return the number of times the named function has been executed.
87 |
88 | ### Running the Program
89 | Whenever.js executes via command-line. Compile by running
90 |
91 | ```
92 | node ./whenever.js
93 | ```
--------------------------------------------------------------------------------
/examples/whenever.js/example.we:
--------------------------------------------------------------------------------
1 | function teeth() {
2 | console.log('Bite with teeth');
3 | }
4 |
5 | function moo() {
6 | console.log('moo');
7 | theres_a_cow = true;
8 |
9 | add("roof");
10 | add("teeth");
11 | }
12 |
13 | function roof() {
14 | console.log('roof');
15 | theres_a_dog = true;
16 |
17 | if (theres_a_dog) {
18 | add("teeth");
19 | add("moo");
20 | }
21 | }
22 |
23 | function count() {
24 | console.log('teeth', N('teeth'));
25 | }
--------------------------------------------------------------------------------
/examples/whenever.js/lib/grammar.txt:
--------------------------------------------------------------------------------
1 | start = statements / other
2 |
3 | statements = ff:function+ { return ff }
4 |
5 | function = space f:( 'function' space name space '(' space ')' space curly ) space
6 | { return [].concat.apply([], f).join('') }
7 |
8 | curly = '{' c:([^{}]/inner)* '}' { return '{' + [].concat.apply([], c).join('') + '}'; }
9 |
10 | inner = ic:(space '{' [^{}]* '}' space) { return [].concat.apply([], ic); }
11 |
12 | other = [^]+ { console.log('That statment is not properly formed. Please check README for help'); }
13 |
14 | name = t:text+
15 | text = [a-zA-Z0-9-._]
16 |
17 | space = [ \n]* / !.
18 |
--------------------------------------------------------------------------------
/examples/whenever.js/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "whenever.js",
3 | "version": "0.0.1",
4 | "description": "A javascript re-interpretation of Whenever",
5 | "main": "whenever.js",
6 | "scripts": {
7 | "test": "echo \"Error: no test specified\" && exit 1"
8 | },
9 | "repository": {
10 | "type": "git",
11 | "url": "https://github.com/sarahgp/talking-to-machines/tree/master/examples/whenever.js"
12 | },
13 | "keywords": [
14 | "esolang"
15 | ],
16 | "author": "Sarah Groff-Palermo",
17 | "license": "MIT",
18 | "dependencies": {
19 | "commander": "^2.8.1",
20 | "lodash": "^3.10.0",
21 | "pegjs": "^0.8.0"
22 | }
23 | }
24 |
--------------------------------------------------------------------------------
/examples/whenever.js/whenever.js:
--------------------------------------------------------------------------------
1 | var _ = require('lodash'),
2 | fs = require('fs'),
3 | path = require('path'),
4 | PEG = require('pegjs'),
5 | cli = require('commander');
6 |
7 | cli
8 | .version('0.0.1')
9 | .description('Compile your whenever files by passing the path to the file')
10 | .parse(process.argv);
11 |
12 | // Find the files
13 | var file = fs.readFileSync(cli.args[0]);
14 |
15 |
16 | // Use the grammar to make a parser
17 |
18 | var grammar = fs.readFileSync(__dirname + '/lib/grammar.txt').toString(),
19 | parser = PEG.buildParser(grammar),
20 | bag = parser.parse(file.toString());
21 |
22 | // console.log(bag);
23 |
24 | // Built-in whenever funcs
25 |
26 | var timesCalled = {};
27 |
28 | function getFuncFromString(str) {
29 | return _.find(baseArray, function(el){
30 | return el.name === str;
31 | });
32 | }
33 |
34 | function add(fn, times){
35 | var times = times || 1,
36 | fn = getFuncFromString(fn);
37 |
38 | _.times(times, function(){
39 | workingArr.push(fn);
40 | });
41 | }
42 |
43 | function remove(fn, times){
44 | _.times(times, function(){
45 | var idx = _.findIndex(workingArr, function(el){
46 | return el.name === fn;
47 | });
48 |
49 | workingArr.splice(idx, 1);
50 | });
51 | }
52 |
53 | function defer(check, times, cb) {
54 | if(timesCalled[check] > times) {
55 | _.isString(cb) ? getFuncFromString(cb)() : cb();
56 | }
57 | }
58 |
59 | function again(predicate, fn){
60 | var fn = _.isString(fn) ? getFuncFromString(fn) : fn,
61 | predicate = _.isString(predicate) ? _.includes(workingArr, fn) : predicate;
62 |
63 | if (predicate){
64 | fn();
65 | workingArr.push(fn);
66 | } else {
67 | fn();
68 | }
69 |
70 | }
71 |
72 | function N(fn) {
73 | return _.filter(workingArr, function(el){
74 | return el.name === fn;
75 | }).length;
76 | }
77 |
78 |
79 | // Start whenevering!
80 |
81 | function deStringify(arr) {
82 | return _.map(arr, function(el){
83 | eval('var moo = ' + el);
84 | timesCalled[moo.name] = 0;
85 | return moo;
86 | });
87 | }
88 |
89 | function run(arr) {
90 |
91 | var length = arr.length;
92 |
93 | if (!length){
94 | console.log('FIN: THE BAG IS EMPTY');
95 | return;
96 | }
97 |
98 | workingArr = arr;
99 |
100 | var num = Math.floor(Math.random() * length),
101 | chosen = _.pullAt(workingArr, num)[0];
102 |
103 | chosen();
104 | timesCalled[chosen.name]++;
105 | run(workingArr);
106 |
107 | }
108 |
109 | // ACTION
110 |
111 | var baseArray = deStringify(bag),
112 | workingArr; // this mutates and is not to be trusted!
113 |
114 | run(baseArray.slice()); // call run on a copy of the base array
115 |
--------------------------------------------------------------------------------
/slides/lib/stopwork/compiler.rb:
--------------------------------------------------------------------------------
1 | module Stopwork
2 | class Compiler
3 | # Convert slide source to string array
4 | def self.compile source
5 | source.split("\n").
6 | reject { |e| e.empty? }. # empty lines
7 | reject { |e| e =~ /^;/ } # comments
8 | end
9 | end
10 | end
--------------------------------------------------------------------------------
/slides/lib/stopwork/css/iconic/iconic_fill.afm:
--------------------------------------------------------------------------------
1 | StartFontMetrics 2.0
2 | Comment Generated by FontForge 20110222
3 | Comment Creation Date: Tue Sep 18 01:22:18 2012
4 | FontName IconicFill
5 | FullName Iconic Fill
6 | FamilyName Iconic
7 | Weight Medium
8 | Notice (Icons by PJ Onori, font creation script by Yann)
9 | ItalicAngle 0
10 | IsFixedPitch false
11 | UnderlinePosition -100
12 | UnderlineThickness 50
13 | Version 001.000
14 | EncodingScheme ISOLatin1Encoding
15 | FontBBox 14 -14 760 731
16 | Descender -2147483648
17 | StartCharMetrics 151
18 | C 35 ; WX 681 ; N numbersign ; B 15 -14 667 731 ;
19 | C 63 ; WX 402 ; N question ; B 15 -14 388 731 ;
20 | C 64 ; WX 774 ; N at ; B 15 -14 760 731 ;
21 | C 182 ; WX 588 ; N paragraph ; B 15 -14 574 731 ;
22 | C -1 ; WX 495 ; N glyph0 ; B 15 -14 481 731 ;
23 | C -1 ; WX 774 ; N glyph1 ; B 15 -14 760 731 ;
24 | C -1 ; WX 774 ; N glyph2 ; B 15 -14 760 731 ;
25 | C -1 ; WX 774 ; N glyph3 ; B 15 -14 760 731 ;
26 | C -1 ; WX 774 ; N glyph4 ; B 15 -14 760 731 ;
27 | C -1 ; WX 774 ; N glyph5 ; B 15 32 760 684 ;
28 | C -1 ; WX 774 ; N glyph6 ; B 15 32 760 684 ;
29 | C -1 ; WX 774 ; N glyph7 ; B 15 -14 760 731 ;
30 | C -1 ; WX 774 ; N glyph8 ; B 15 -14 760 731 ;
31 | C -1 ; WX 774 ; N glyph9 ; B 15 -14 760 731 ;
32 | C -1 ; WX 728 ; N glyph10 ; B 14 -14 713 731 ;
33 | C -1 ; WX 774 ; N glyph11 ; B 15 -14 760 731 ;
34 | C -1 ; WX 774 ; N glyph12 ; B 15 -14 760 731 ;
35 | C -1 ; WX 681 ; N glyph13 ; B 15 -14 667 730 ;
36 | C -1 ; WX 774 ; N glyph14 ; B 15 32 760 684 ;
37 | C -1 ; WX 774 ; N glyph15 ; B 15 79 760 638 ;
38 | C -1 ; WX 774 ; N glyph16 ; B 15 -14 760 731 ;
39 | C -1 ; WX 774 ; N glyph17 ; B 15 -14 760 731 ;
40 | C -1 ; WX 774 ; N glyph18 ; B 15 172 760 545 ;
41 | C -1 ; WX 588 ; N glyph19 ; B 15 -14 574 731 ;
42 | C -1 ; WX 774 ; N glyph20 ; B 15 -14 760 731 ;
43 | C -1 ; WX 774 ; N glyph21 ; B 15 -14 760 731 ;
44 | C -1 ; WX 774 ; N glyph22 ; B 15 218 760 498 ;
45 | C -1 ; WX 774 ; N glyph23 ; B 15 -14 760 731 ;
46 | C -1 ; WX 774 ; N glyph24 ; B 15 -14 760 731 ;
47 | C -1 ; WX 774 ; N glyph25 ; B 15 172 760 545 ;
48 | C -1 ; WX 774 ; N glyph26 ; B 15 32 760 684 ;
49 | C -1 ; WX 402 ; N glyph27 ; B 15 -14 388 731 ;
50 | C -1 ; WX 774 ; N glyph29 ; B 15 32 760 684 ;
51 | C -1 ; WX 588 ; N glyph30 ; B 15 -14 574 731 ;
52 | C -1 ; WX 588 ; N glyph31 ; B 15 32 574 684 ;
53 | C -1 ; WX 774 ; N glyph32 ; B 15 79 760 638 ;
54 | C -1 ; WX 774 ; N glyph33 ; B 15 79 760 638 ;
55 | C -1 ; WX 774 ; N glyph34 ; B 15 32 760 684 ;
56 | C -1 ; WX 774 ; N glyph35 ; B 15 79 760 638 ;
57 | C -1 ; WX 774 ; N glyph36 ; B 15 79 760 638 ;
58 | C -1 ; WX 681 ; N glyph37 ; B 15 32 667 684 ;
59 | C -1 ; WX 774 ; N glyph38 ; B 15 -14 760 731 ;
60 | C -1 ; WX 774 ; N glyph39 ; B 15 -14 760 731 ;
61 | C -1 ; WX 774 ; N glyph40 ; B 15 -14 760 731 ;
62 | C -1 ; WX 774 ; N glyph41 ; B 15 -14 760 731 ;
63 | C -1 ; WX 588 ; N glyph42 ; B 15 -14 574 731 ;
64 | C -1 ; WX 774 ; N glyph43 ; B 15 -14 760 731 ;
65 | C -1 ; WX 774 ; N glyph44 ; B 15 -14 760 731 ;
66 | C -1 ; WX 774 ; N glyph45 ; B 15 79 760 638 ;
67 | C -1 ; WX 588 ; N glyph46 ; B 15 -14 574 731 ;
68 | C -1 ; WX 774 ; N glyph47 ; B 15 -14 760 731 ;
69 | C -1 ; WX 774 ; N glyph48 ; B 15 -12 760 729 ;
70 | C -1 ; WX 774 ; N glyph49 ; B 15 -14 760 731 ;
71 | C -1 ; WX 774 ; N glyph50 ; B 15 -14 760 731 ;
72 | C -1 ; WX 774 ; N glyph51 ; B 15 -14 760 731 ;
73 | C -1 ; WX 774 ; N glyph52 ; B 15 -14 760 731 ;
74 | C -1 ; WX 774 ; N glyph53 ; B 15 -14 760 731 ;
75 | C -1 ; WX 774 ; N glyph54 ; B 15 -14 760 731 ;
76 | C -1 ; WX 774 ; N glyph55 ; B 15 -14 760 731 ;
77 | C -1 ; WX 774 ; N glyph56 ; B 15 79 760 638 ;
78 | C -1 ; WX 774 ; N glyph57 ; B 15 79 760 638 ;
79 | C -1 ; WX 774 ; N glyph58 ; B 15 -14 760 731 ;
80 | C -1 ; WX 774 ; N glyph59 ; B 15 32 760 684 ;
81 | C -1 ; WX 774 ; N glyph60 ; B 15 -14 760 731 ;
82 | C -1 ; WX 774 ; N glyph61 ; B 15 -14 760 731 ;
83 | C -1 ; WX 588 ; N glyph62 ; B 15 -14 574 731 ;
84 | C -1 ; WX 774 ; N glyph63 ; B 15 -14 760 731 ;
85 | C -1 ; WX 774 ; N glyph64 ; B 15 -14 760 731 ;
86 | C -1 ; WX 774 ; N glyph65 ; B 15 -14 760 731 ;
87 | C -1 ; WX 402 ; N glyph66 ; B 15 -14 388 731 ;
88 | C -1 ; WX 402 ; N glyph67 ; B 15 -14 388 731 ;
89 | C -1 ; WX 774 ; N glyph68 ; B 15 172 760 545 ;
90 | C -1 ; WX 774 ; N glyph69 ; B 15 -14 760 731 ;
91 | C -1 ; WX 588 ; N glyph70 ; B 15 -14 574 731 ;
92 | C -1 ; WX 774 ; N glyph71 ; B 15 -14 760 731 ;
93 | C -1 ; WX 774 ; N glyph72 ; B 15 -14 760 731 ;
94 | C -1 ; WX 402 ; N glyph73 ; B 15 -14 388 731 ;
95 | C -1 ; WX 774 ; N glyph74 ; B 15 -14 760 731 ;
96 | C -1 ; WX 774 ; N glyph75 ; B 15 -14 760 731 ;
97 | C -1 ; WX 774 ; N glyph76 ; B 15 -14 760 731 ;
98 | C -1 ; WX 774 ; N glyph77 ; B 14 79 760 638 ;
99 | C -1 ; WX 774 ; N glyph78 ; B 15 -14 760 731 ;
100 | C -1 ; WX 774 ; N glyph79 ; B 15 79 760 638 ;
101 | C -1 ; WX 774 ; N glyph80 ; B 15 -14 760 731 ;
102 | C -1 ; WX 774 ; N glyph81 ; B 15 125 760 591 ;
103 | C -1 ; WX 774 ; N glyph82 ; B 15 79 760 638 ;
104 | C -1 ; WX 774 ; N glyph83 ; B 15 -14 760 731 ;
105 | C -1 ; WX 774 ; N glyph84 ; B 15 79 760 638 ;
106 | C -1 ; WX 774 ; N glyph85 ; B 15 -14 760 731 ;
107 | C -1 ; WX 774 ; N glyph86 ; B 15 -14 760 731 ;
108 | C -1 ; WX 774 ; N glyph87 ; B 15 -14 760 731 ;
109 | C -1 ; WX 774 ; N glyph88 ; B 15 79 760 638 ;
110 | C -1 ; WX 774 ; N glyph89 ; B 15 218 760 498 ;
111 | C -1 ; WX 774 ; N glyph90 ; B 15 -14 760 731 ;
112 | C -1 ; WX 588 ; N glyph91 ; B 15 32 574 684 ;
113 | C -1 ; WX 774 ; N glyph92 ; B 15 -14 760 731 ;
114 | C -1 ; WX 774 ; N glyph93 ; B 15 -14 760 731 ;
115 | C -1 ; WX 681 ; N glyph94 ; B 15 -14 667 731 ;
116 | C -1 ; WX 774 ; N glyph95 ; B 15 -14 760 731 ;
117 | C -1 ; WX 495 ; N glyph96 ; B 15 -14 481 731 ;
118 | C -1 ; WX 681 ; N glyph97 ; B 15 -14 667 731 ;
119 | C -1 ; WX 774 ; N glyph98 ; B 15 79 760 638 ;
120 | C -1 ; WX 774 ; N glyph99 ; B 15 -14 760 731 ;
121 | C -1 ; WX 774 ; N glyph100 ; B 14 -14 760 731 ;
122 | C -1 ; WX 309 ; N glyph101 ; B 15 -14 295 731 ;
123 | C -1 ; WX 774 ; N glyph102 ; B 15 -14 759 731 ;
124 | C -1 ; WX 681 ; N glyph103 ; B 15 -14 667 731 ;
125 | C -1 ; WX 774 ; N glyph104 ; B 15 -14 760 731 ;
126 | C -1 ; WX 402 ; N glyph105 ; B 15 -14 388 731 ;
127 | C -1 ; WX 774 ; N glyph106 ; B 15 -14 760 731 ;
128 | C -1 ; WX 774 ; N glyph107 ; B 15 -14 760 731 ;
129 | C -1 ; WX 774 ; N glyph108 ; B 15 -14 760 731 ;
130 | C -1 ; WX 774 ; N glyph109 ; B 15 265 760 452 ;
131 | C -1 ; WX 774 ; N glyph110 ; B 15 -14 760 731 ;
132 | C -1 ; WX 774 ; N glyph111 ; B 15 32 760 684 ;
133 | C -1 ; WX 774 ; N glyph113 ; B 15 -14 760 731 ;
134 | C -1 ; WX 774 ; N glyph114 ; B 15 -14 760 731 ;
135 | C -1 ; WX 774 ; N glyph115 ; B 15 -14 760 731 ;
136 | C -1 ; WX 774 ; N glyph116 ; B 15 -14 760 731 ;
137 | C -1 ; WX 774 ; N glyph117 ; B 15 -14 760 731 ;
138 | C -1 ; WX 681 ; N glyph118 ; B 15 -14 667 731 ;
139 | C -1 ; WX 774 ; N glyph119 ; B 15 -14 760 731 ;
140 | C -1 ; WX 774 ; N glyph121 ; B 15 -14 760 731 ;
141 | C -1 ; WX 774 ; N glyph122 ; B 15 -14 760 731 ;
142 | C -1 ; WX 309 ; N glyph123 ; B 15 -14 295 731 ;
143 | C -1 ; WX 774 ; N glyph124 ; B 15 58 760 658 ;
144 | C -1 ; WX 588 ; N glyph125 ; B 15 -14 574 731 ;
145 | C -1 ; WX 681 ; N glyph126 ; B 15 -14 667 731 ;
146 | C -1 ; WX 774 ; N glyph127 ; B 15 -14 760 731 ;
147 | C -1 ; WX 774 ; N glyph128 ; B 15 -14 760 731 ;
148 | C -1 ; WX 774 ; N glyph129 ; B 15 -14 760 731 ;
149 | C -1 ; WX 774 ; N glyph130 ; B 15 -14 760 731 ;
150 | C -1 ; WX 774 ; N glyph131 ; B 15 -14 760 731 ;
151 | C -1 ; WX 588 ; N glyph132 ; B 15 -14 574 731 ;
152 | C -1 ; WX 774 ; N glyph133 ; B 15 -14 760 731 ;
153 | C -1 ; WX 588 ; N glyph134 ; B 15 -14 574 731 ;
154 | C -1 ; WX 774 ; N glyph135 ; B 15 -14 760 731 ;
155 | C -1 ; WX 774 ; N glyph136 ; B 15 32 760 684 ;
156 | C -1 ; WX 774 ; N glyph137 ; B 15 -14 760 731 ;
157 | C -1 ; WX 774 ; N glyph138 ; B 15 -14 760 731 ;
158 | C -1 ; WX 588 ; N glyph139 ; B 15 -14 574 731 ;
159 | C -1 ; WX 774 ; N glyph140 ; B 15 172 760 545 ;
160 | C -1 ; WX 774 ; N glyph141 ; B 15 -14 760 731 ;
161 | C -1 ; WX 774 ; N glyph142 ; B 15 -14 760 731 ;
162 | C -1 ; WX 774 ; N glyph143 ; B 15 -14 760 731 ;
163 | C -1 ; WX 774 ; N glyph145 ; B 15 -14 760 731 ;
164 | C -1 ; WX 774 ; N glyph146 ; B 15 -14 760 731 ;
165 | C -1 ; WX 774 ; N glyph147 ; B 15 -14 760 731 ;
166 | C -1 ; WX 774 ; N glyph148 ; B 15 -14 760 731 ;
167 | C -1 ; WX 774 ; N glyph149 ; B 15 -14 760 731 ;
168 | C -1 ; WX 774 ; N glyph150 ; B 15 -14 760 731 ;
169 | EndCharMetrics
170 | EndFontMetrics
171 |
--------------------------------------------------------------------------------
/slides/lib/stopwork/css/iconic/iconic_fill.css:
--------------------------------------------------------------------------------
1 | @font-face { font-family: 'IconicFill'; src: url('iconic_fill.eot'); src: url('iconic_fill.eot?#iefix') format('embedded-opentype'), url('iconic_fill.ttf') format('truetype'), url('iconic_fill.svg#iconic') format('svg'); font-weight: normal; font-style: normal; }.iconic { display:inline-block; font-family: 'IconicFill'; }.iconic-lightbulb:before {content:'\e063';}.iconic-equalizer:before {content:'\e052';}.iconic-brush-alt:before {content:'\e01c';}.iconic-move:before {content:'\e03e';}.iconic-tag-fill:before {content:'\e02b';}.iconic-book-alt2:before {content:'\e06a';}.iconic-layers:before {content:'\e01f';}.iconic-chat-alt-fill:before {content:'\e007';}.iconic-layers-alt:before {content:'\e020';}.iconic-cloud-upload:before {content:'\e045';}.iconic-chart-alt:before {content:'\e029';}.iconic-fullscreen-exit-alt:before {content:'\e051';}.iconic-cloud-download:before {content:'\e044';}.iconic-paperclip:before {content:'\e08a';}.iconic-heart-fill:before {content:'\2764';}.iconic-mail:before {content:'\2709';}.iconic-pen-alt-fill:before {content:'\e005';}.iconic-check-alt:before {content:'\2714';}.iconic-battery-charging:before {content:'\e05d';}.iconic-lock-fill:before {content:'\e075';}.iconic-stop:before {content:'\e04a';}.iconic-arrow-up:before {content:'\2191';}.iconic-move-horizontal:before {content:'\e038';}.iconic-compass:before {content:'\e021';}.iconic-minus-alt:before {content:'\e009';}.iconic-battery-empty:before {content:'\e05c';}.iconic-comment-fill:before {content:'\e06d';}.iconic-map-pin-alt:before {content:'\e002';}.iconic-question-mark:before {content:'\003f';}.iconic-list:before {content:'\e055';}.iconic-upload:before {content:'\e043';}.iconic-reload:before {content:'\e030';}.iconic-loop-alt4:before {content:'\e035';}.iconic-loop-alt3:before {content:'\e034';}.iconic-loop-alt2:before {content:'\e033';}.iconic-loop-alt1:before {content:'\e032';}.iconic-left-quote:before {content:'\275d';}.iconic-x:before {content:'\2717';}.iconic-last:before {content:'\e04d';}.iconic-bars:before {content:'\e06f';}.iconic-arrow-left:before {content:'\2190';}.iconic-arrow-down:before {content:'\2193';}.iconic-download:before {content:'\e042';}.iconic-home:before {content:'\2302';}.iconic-calendar:before {content:'\e001';}.iconic-right-quote-alt:before {content:'\e012';}.iconic-unlock-fill:before {content:'\e076';}.iconic-fullscreen:before {content:'\e04e';}.iconic-dial:before {content:'\e058';}.iconic-plus-alt:before {content:'\e008';}.iconic-clock:before {content:'\e079';}.iconic-movie:before {content:'\e060';}.iconic-steering-wheel:before {content:'\e024';}.iconic-pen:before {content:'\270e';}.iconic-pin:before {content:'\e067';}.iconic-denied:before {content:'\26d4';}.iconic-left-quote-alt:before {content:'\e011';}.iconic-volume-mute:before {content:'\e071';}.iconic-umbrella:before {content:'\2602';}.iconic-list-nested:before {content:'\e056';}.iconic-arrow-up-alt1:before {content:'\e014';}.iconic-undo:before {content:'\e02f';}.iconic-pause:before {content:'\e049';}.iconic-bolt:before {content:'\26a1';}.iconic-article:before {content:'\e053';}.iconic-read-more:before {content:'\e054';}.iconic-beaker:before {content:'\e023';}.iconic-beaker-alt:before {content:'\e010';}.iconic-battery-full:before {content:'\e073';}.iconic-arrow-right:before {content:'\2192';}.iconic-iphone:before {content:'\e06e';}.iconic-arrow-up-alt2:before {content:'\e018';}.iconic-cog:before {content:'\2699';}.iconic-award-fill:before {content:'\e022';}.iconic-first:before {content:'\e04c';}.iconic-trash-fill:before {content:'\e05a';}.iconic-image:before {content:'\e027';}.iconic-comment-alt1-fill:before {content:'\e003';}.iconic-cd:before {content:'\e064';}.iconic-right-quote:before {content:'\275e';}.iconic-brush:before {content:'\e01b';}.iconic-cloud:before {content:'\2601';}.iconic-eye:before {content:'\e025';}.iconic-play-alt:before {content:'\e048';}.iconic-transfer:before {content:'\e041';}.iconic-pen-alt2:before {content:'\e006';}.iconic-camera:before {content:'\e070';}.iconic-move-horizontal-alt2:before {content:'\e03a';}.iconic-curved-arrow:before {content:'\2935';}.iconic-move-horizontal-alt1:before {content:'\e039';}.iconic-aperture:before {content:'\e026';}.iconic-reload-alt:before {content:'\e031';}.iconic-magnifying-glass:before {content:'\e074';}.iconic-calendar-alt-fill:before {content:'\e06c';}.iconic-fork:before {content:'\e046';}.iconic-box:before {content:'\e06b';}.iconic-map-pin-fill:before {content:'\e068';}.iconic-bars-alt:before {content:'\e00a';}.iconic-volume:before {content:'\e072';}.iconic-x-alt:before {content:'\2718';}.iconic-link:before {content:'\e077';}.iconic-move-vertical:before {content:'\e03b';}.iconic-eyedropper:before {content:'\e01e';}.iconic-spin:before {content:'\e036';}.iconic-rss:before {content:'\e02c';}.iconic-info:before {content:'\2139';}.iconic-target:before {content:'\e02a';}.iconic-cursor:before {content:'\e057';}.iconic-key-fill:before {content:'\26bf';}.iconic-minus:before {content:'\2796';}.iconic-book-alt:before {content:'\e00b';}.iconic-headphones:before {content:'\e061';}.iconic-hash:before {content:'\0023';}.iconic-arrow-left-alt1:before {content:'\e013';}.iconic-arrow-left-alt2:before {content:'\e017';}.iconic-fullscreen-exit:before {content:'\e050';}.iconic-share:before {content:'\e02e';}.iconic-fullscreen-alt:before {content:'\e04f';}.iconic-comment-alt2-fill:before {content:'\e004';}.iconic-moon-fill:before {content:'\263e';}.iconic-at:before {content:'\0040';}.iconic-chat:before {content:'\e05e';}.iconic-move-vertical-alt2:before {content:'\e03d';}.iconic-move-vertical-alt1:before {content:'\e03c';}.iconic-check:before {content:'\2713';}.iconic-mic:before {content:'\e05f';}.iconic-book:before {content:'\e069';}.iconic-move-alt1:before {content:'\e03f';}.iconic-move-alt2:before {content:'\e040';}.iconic-document-fill:before {content:'\e066';}.iconic-plus:before {content:'\2795';}.iconic-wrench:before {content:'\e078';}.iconic-play:before {content:'\e047';}.iconic-star:before {content:'\2605';}.iconic-document-alt-fill:before {content:'\e000';}.iconic-chart:before {content:'\e028';}.iconic-rain:before {content:'\26c6';}.iconic-folder-fill:before {content:'\e065';}.iconic-new-window:before {content:'\e059';}.iconic-user:before {content:'\e062';}.iconic-battery-half:before {content:'\e05b';}.iconic-aperture-alt:before {content:'\e00c';}.iconic-eject:before {content:'\e04b';}.iconic-arrow-down-alt1:before {content:'\e016';}.iconic-pilcrow:before {content:'\00b6';}.iconic-arrow-down-alt2:before {content:'\e01a';}.iconic-arrow-right-alt1:before {content:'\e015';}.iconic-arrow-right-alt2:before {content:'\e019';}.iconic-rss-alt:before {content:'\e02d';}.iconic-spin-alt:before {content:'\e037';}.iconic-sun-fill:before {content:'\2600';}
--------------------------------------------------------------------------------
/slides/lib/stopwork/css/iconic/iconic_fill.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sarahghp/talking-to-machines/87ffc11a7bae282b0f8a1227798e5aaa9c99d8c7/slides/lib/stopwork/css/iconic/iconic_fill.eot
--------------------------------------------------------------------------------
/slides/lib/stopwork/css/iconic/iconic_fill.json:
--------------------------------------------------------------------------------
1 | {
2 | "hash" : "0023",
3 | "question_mark" : "003f",
4 | "at" : "0040",
5 | "pilcrow" : "00b6",
6 | "info" : "2139",
7 | "arrow_left" : "2190",
8 | "arrow_up" : "2191",
9 | "arrow_right" : "2192",
10 | "arrow_down" : "2193",
11 | "home" : "2302",
12 | "sun_fill" : "2600",
13 | "cloud" : "2601",
14 | "umbrella" : "2602",
15 | "star" : "2605",
16 | "moon_fill" : "263e",
17 | "heart_fill" : "2764",
18 | "cog" : "2699",
19 | "bolt" : "26a1",
20 | "key_fill" : "26bf",
21 | "rain" : "26c6",
22 | "denied" : "26d4",
23 | "mail" : "2709",
24 | "pen" : "270e",
25 | "check" : "2713",
26 | "check_alt" : "2714",
27 | "x" : "2717",
28 | "x_alt" : "2718",
29 | "left_quote" : "275d",
30 | "right_quote" : "275e",
31 | "plus" : "2795",
32 | "minus" : "2796",
33 | "curved_arrow" : "2935",
34 | "document_alt_fill" : "e000",
35 | "calendar" : "e001",
36 | "map_pin_alt" : "e002",
37 | "comment_alt1_fill" : "e003",
38 | "comment_alt2_fill" : "e004",
39 | "pen_alt_fill" : "e005",
40 | "pen_alt2" : "e006",
41 | "chat_alt_fill" : "e007",
42 | "plus_alt" : "e008",
43 | "minus_alt" : "e009",
44 | "bars_alt" : "e00a",
45 | "book_alt" : "e00b",
46 | "aperture_alt" : "e00c",
47 | "beaker_alt" : "e010",
48 | "left_quote_alt" : "e011",
49 | "right_quote_alt" : "e012",
50 | "arrow_left_alt1" : "e013",
51 | "arrow_up_alt1" : "e014",
52 | "arrow_right_alt1" : "e015",
53 | "arrow_down_alt1" : "e016",
54 | "arrow_left_alt2" : "e017",
55 | "arrow_up_alt2" : "e018",
56 | "arrow_right_alt2" : "e019",
57 | "arrow_down_alt2" : "e01a",
58 | "brush" : "e01b",
59 | "brush_alt" : "e01c",
60 | "eyedropper" : "e01e",
61 | "layers" : "e01f",
62 | "layers_alt" : "e020",
63 | "compass" : "e021",
64 | "award_fill" : "e022",
65 | "beaker" : "e023",
66 | "steering_wheel" : "e024",
67 | "eye" : "e025",
68 | "aperture" : "e026",
69 | "image" : "e027",
70 | "chart" : "e028",
71 | "chart_alt" : "e029",
72 | "target" : "e02a",
73 | "tag_fill" : "e02b",
74 | "rss" : "e02c",
75 | "rss_alt" : "e02d",
76 | "share" : "e02e",
77 | "undo" : "e02f",
78 | "reload" : "e030",
79 | "reload_alt" : "e031",
80 | "loop_alt1" : "e032",
81 | "loop_alt2" : "e033",
82 | "loop_alt3" : "e034",
83 | "loop_alt4" : "e035",
84 | "spin" : "e036",
85 | "spin_alt" : "e037",
86 | "move_horizontal" : "e038",
87 | "move_horizontal_alt1" : "e039",
88 | "move_horizontal_alt2" : "e03a",
89 | "move_vertical" : "e03b",
90 | "move_vertical_alt1" : "e03c",
91 | "move_vertical_alt2" : "e03d",
92 | "move" : "e03e",
93 | "move_alt1" : "e03f",
94 | "move_alt2" : "e040",
95 | "transfer" : "e041",
96 | "download" : "e042",
97 | "upload" : "e043",
98 | "cloud_download" : "e044",
99 | "cloud_upload" : "e045",
100 | "fork" : "e046",
101 | "play" : "e047",
102 | "play_alt" : "e048",
103 | "pause" : "e049",
104 | "stop" : "e04a",
105 | "eject" : "e04b",
106 | "first" : "e04c",
107 | "last" : "e04d",
108 | "fullscreen" : "e04e",
109 | "fullscreen_alt" : "e04f",
110 | "fullscreen_exit" : "e050",
111 | "fullscreen_exit_alt" : "e051",
112 | "equalizer" : "e052",
113 | "article" : "e053",
114 | "read_more" : "e054",
115 | "list" : "e055",
116 | "list_nested" : "e056",
117 | "cursor" : "e057",
118 | "dial" : "e058",
119 | "new_window" : "e059",
120 | "trash_fill" : "e05a",
121 | "battery_half" : "e05b",
122 | "battery_empty" : "e05c",
123 | "battery_charging" : "e05d",
124 | "chat" : "e05e",
125 | "mic" : "e05f",
126 | "movie" : "e060",
127 | "headphones" : "e061",
128 | "user" : "e062",
129 | "lightbulb" : "e063",
130 | "cd" : "e064",
131 | "folder_fill" : "e065",
132 | "document_fill" : "e066",
133 | "pin" : "e067",
134 | "map_pin_fill" : "e068",
135 | "book" : "e069",
136 | "book_alt2" : "e06a",
137 | "box" : "e06b",
138 | "calendar_alt_fill" : "e06c",
139 | "comment_fill" : "e06d",
140 | "iphone" : "e06e",
141 | "bars" : "e06f",
142 | "camera" : "e070",
143 | "volume_mute" : "e071",
144 | "volume" : "e072",
145 | "battery_full" : "e073",
146 | "magnifying_glass" : "e074",
147 | "lock_fill" : "e075",
148 | "unlock_fill" : "e076",
149 | "link" : "e077",
150 | "wrench" : "e078",
151 | "clock" : "e079",
152 | "paperclip" : "e08a"
153 | }
154 |
--------------------------------------------------------------------------------
/slides/lib/stopwork/css/iconic/iconic_fill.otf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sarahghp/talking-to-machines/87ffc11a7bae282b0f8a1227798e5aaa9c99d8c7/slides/lib/stopwork/css/iconic/iconic_fill.otf
--------------------------------------------------------------------------------
/slides/lib/stopwork/css/iconic/iconic_fill.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sarahghp/talking-to-machines/87ffc11a7bae282b0f8a1227798e5aaa9c99d8c7/slides/lib/stopwork/css/iconic/iconic_fill.ttf
--------------------------------------------------------------------------------
/slides/lib/stopwork/css/iconic/iconic_fill.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sarahghp/talking-to-machines/87ffc11a7bae282b0f8a1227798e5aaa9c99d8c7/slides/lib/stopwork/css/iconic/iconic_fill.woff
--------------------------------------------------------------------------------
/slides/lib/stopwork/css/skeleton-base.css:
--------------------------------------------------------------------------------
1 | /*
2 | * Skeleton V1.2
3 | * Copyright 2011, Dave Gamache
4 | * www.getskeleton.com
5 | * Free to use under the MIT license.
6 | * http://www.opensource.org/licenses/mit-license.php
7 | * 6/20/2012
8 | */
9 |
10 |
11 | /* Table of Content
12 | ==================================================
13 | #Reset & Basics
14 | #Basic Styles
15 | #Site Styles
16 | #Typography
17 | #Links
18 | #Lists
19 | #Images
20 | #Buttons
21 | #Forms
22 | #Misc */
23 |
24 |
25 | /* #Reset & Basics (Inspired by E. Meyers)
26 | ================================================== */
27 | html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
28 | margin: 0;
29 | padding: 0;
30 | border: 0;
31 | font-size: 100%;
32 | font: inherit;
33 | vertical-align: baseline; }
34 | article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
35 | display: block; }
36 | body {
37 | line-height: 1; }
38 | ol, ul {
39 | list-style: none; }
40 | blockquote, q {
41 | quotes: none; }
42 | blockquote:before, blockquote:after,
43 | q:before, q:after {
44 | content: '';
45 | content: none; }
46 | table {
47 | border-collapse: collapse;
48 | border-spacing: 0; }
49 |
50 |
51 | /* #Basic Styles
52 | ================================================== */
53 | body {
54 | background: #fff;
55 | font: 14px/21px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
56 | color: #444;
57 | -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
58 | -webkit-text-size-adjust: 100%;
59 | }
60 |
61 |
62 | /* #Typography
63 | ================================================== */
64 | h1, h2, h3, h4, h5, h6 {
65 | color: #181818;
66 | font-family: "Georgia", "Times New Roman", serif;
67 | font-weight: normal; }
68 | h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
69 | h1 { font-size: 46px; line-height: 50px; margin-bottom: 14px;}
70 | h2 { font-size: 35px; line-height: 40px; margin-bottom: 10px; }
71 | h3 { font-size: 28px; line-height: 34px; margin-bottom: 8px; }
72 | h4 { font-size: 21px; line-height: 30px; margin-bottom: 4px; }
73 | h5 { font-size: 17px; line-height: 24px; }
74 | h6 { font-size: 14px; line-height: 21px; }
75 | .subheader { color: #777; }
76 |
77 | p { margin: 0 0 20px 0; }
78 | p img { margin: 0; }
79 | p.lead { font-size: 21px; line-height: 27px; color: #777; }
80 |
81 | em { font-style: italic; }
82 | strong { font-weight: bold; color: #333; }
83 | small { font-size: 80%; }
84 |
85 | /* Blockquotes */
86 | blockquote, blockquote p { font-size: 17px; line-height: 24px; color: #777; font-style: italic; }
87 | blockquote { margin: 0 0 20px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; }
88 | blockquote cite { display: block; font-size: 12px; color: #555; }
89 | blockquote cite:before { content: "\2014 \0020"; }
90 | blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }
91 |
92 | hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; }
93 |
94 |
95 | /* #Links
96 | ================================================== */
97 | a, a:visited { color: #333; text-decoration: underline; outline: 0; }
98 | a:hover, a:focus { color: #000; }
99 | p a, p a:visited { line-height: inherit; }
100 |
101 |
102 | /* #Lists
103 | ================================================== */
104 | ul, ol { margin-bottom: 20px; }
105 | ul { list-style: none outside; }
106 | ol { list-style: decimal; }
107 | ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
108 | ul.square { list-style: square outside; }
109 | ul.circle { list-style: circle outside; }
110 | ul.disc { list-style: disc outside; }
111 | ul ul, ul ol,
112 | ol ol, ol ul { margin: 4px 0 5px 30px; font-size: 90%; }
113 | ul ul li, ul ol li,
114 | ol ol li, ol ul li { margin-bottom: 6px; }
115 | li { line-height: 18px; margin-bottom: 12px; }
116 | ul.large li { line-height: 21px; }
117 | li p { line-height: 21px; }
118 |
119 | /* #Images
120 | ================================================== */
121 |
122 | img.scale-with-grid {
123 | max-width: 100%;
124 | height: auto; }
125 |
126 |
127 | /* #Buttons
128 | ================================================== */
129 |
130 | .button,
131 | button,
132 | input[type="submit"],
133 | input[type="reset"],
134 | input[type="button"] {
135 | background: #eee; /* Old browsers */
136 | background: #eee -moz-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%); /* FF3.6+ */
137 | background: #eee -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.2)), color-stop(100%,rgba(0,0,0,.2))); /* Chrome,Safari4+ */
138 | background: #eee -webkit-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Chrome10+,Safari5.1+ */
139 | background: #eee -o-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Opera11.10+ */
140 | background: #eee -ms-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* IE10+ */
141 | background: #eee linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* W3C */
142 | border: 1px solid #aaa;
143 | border-top: 1px solid #ccc;
144 | border-left: 1px solid #ccc;
145 | -moz-border-radius: 3px;
146 | -webkit-border-radius: 3px;
147 | border-radius: 3px;
148 | color: #444;
149 | display: inline-block;
150 | font-size: 11px;
151 | font-weight: bold;
152 | text-decoration: none;
153 | text-shadow: 0 1px rgba(255, 255, 255, .75);
154 | cursor: pointer;
155 | margin-bottom: 20px;
156 | line-height: normal;
157 | padding: 8px 10px;
158 | font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }
159 |
160 | .button:hover,
161 | button:hover,
162 | input[type="submit"]:hover,
163 | input[type="reset"]:hover,
164 | input[type="button"]:hover {
165 | color: #222;
166 | background: #ddd; /* Old browsers */
167 | background: #ddd -moz-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%); /* FF3.6+ */
168 | background: #ddd -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.3)), color-stop(100%,rgba(0,0,0,.3))); /* Chrome,Safari4+ */
169 | background: #ddd -webkit-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Chrome10+,Safari5.1+ */
170 | background: #ddd -o-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Opera11.10+ */
171 | background: #ddd -ms-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* IE10+ */
172 | background: #ddd linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* W3C */
173 | border: 1px solid #888;
174 | border-top: 1px solid #aaa;
175 | border-left: 1px solid #aaa; }
176 |
177 | .button:active,
178 | button:active,
179 | input[type="submit"]:active,
180 | input[type="reset"]:active,
181 | input[type="button"]:active {
182 | border: 1px solid #666;
183 | background: #ccc; /* Old browsers */
184 | background: #ccc -moz-linear-gradient(top, rgba(255,255,255,.35) 0%, rgba(10,10,10,.4) 100%); /* FF3.6+ */
185 | background: #ccc -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.35)), color-stop(100%,rgba(10,10,10,.4))); /* Chrome,Safari4+ */
186 | background: #ccc -webkit-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Chrome10+,Safari5.1+ */
187 | background: #ccc -o-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Opera11.10+ */
188 | background: #ccc -ms-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* IE10+ */
189 | background: #ccc linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* W3C */ }
190 |
191 | .button.full-width,
192 | button.full-width,
193 | input[type="submit"].full-width,
194 | input[type="reset"].full-width,
195 | input[type="button"].full-width {
196 | width: 100%;
197 | padding-left: 0 !important;
198 | padding-right: 0 !important;
199 | text-align: center; }
200 |
201 | /* Fix for odd Mozilla border & padding issues */
202 | button::-moz-focus-inner,
203 | input::-moz-focus-inner {
204 | border: 0;
205 | padding: 0;
206 | }
207 |
208 |
209 | /* #Forms
210 | ================================================== */
211 |
212 | form {
213 | margin-bottom: 20px; }
214 | fieldset {
215 | margin-bottom: 20px; }
216 | input[type="text"],
217 | input[type="password"],
218 | input[type="email"],
219 | textarea,
220 | select {
221 | border: 1px solid #ccc;
222 | padding: 6px 4px;
223 | outline: none;
224 | -moz-border-radius: 2px;
225 | -webkit-border-radius: 2px;
226 | border-radius: 2px;
227 | font: 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
228 | color: #777;
229 | margin: 0;
230 | width: 210px;
231 | max-width: 100%;
232 | display: block;
233 | margin-bottom: 20px;
234 | background: #fff; }
235 | select {
236 | padding: 0; }
237 | input[type="text"]:focus,
238 | input[type="password"]:focus,
239 | input[type="email"]:focus,
240 | textarea:focus {
241 | border: 1px solid #aaa;
242 | color: #444;
243 | -moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
244 | -webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
245 | box-shadow: 0 0 3px rgba(0,0,0,.2); }
246 | textarea {
247 | min-height: 60px; }
248 | label,
249 | legend {
250 | display: block;
251 | font-weight: bold;
252 | font-size: 13px; }
253 | select {
254 | width: 220px; }
255 | input[type="checkbox"] {
256 | display: inline; }
257 | label span,
258 | legend span {
259 | font-weight: normal;
260 | font-size: 13px;
261 | color: #444; }
262 |
263 | /* #Misc
264 | ================================================== */
265 | .remove-bottom { margin-bottom: 0 !important; }
266 | .half-bottom { margin-bottom: 10px !important; }
267 | .add-bottom { margin-bottom: 20px !important; }
268 |
269 |
270 |
--------------------------------------------------------------------------------
/slides/lib/stopwork/css/style.css:
--------------------------------------------------------------------------------
1 | /* general */
2 |
3 | @import url(http://fonts.googleapis.com/css?family=PT+Mono);
4 |
5 | body, p, h1, h2, h3, h4, h5, h6 {
6 | color: #53535c;
7 | font-family: 'PT Mono', Monaco, monospace;
8 | font-size: 100%;
9 | font-weight: 700;
10 | text-align: left;
11 | }
12 |
13 | .slide {
14 | width: 100%;
15 | height: 100%;
16 | position: absolute;
17 | display: none;
18 | }
19 |
20 | .slide h1 {
21 | font-size: 12.873rem;
22 | line-height: 20.841rem;
23 | text-align: center;
24 | letter-spacing: 4px;
25 | }
26 |
27 | .slide h2 {
28 | font-size: 5rem;
29 | line-height: 7.722rem;
30 | text-align: center;
31 | }
32 |
33 | .slide h3 {
34 | font-weight: 100;
35 | font-size: 5rem;
36 | line-height: 7.722rem;
37 | text-align: center;
38 | }
39 |
40 | .slide h4 {
41 | font-size: 2.999em;
42 | line-height: 4.632rem;
43 | }
44 |
45 | .slide h5, h6 {
46 | font-family: 'PT Mono', Monaco, monospace;
47 | font-weight: 100;
48 | font-size: 2.779em;
49 | line-height: 4.632rem;
50 | text-transform: uppercase;
51 | letter-spacing: 1px;
52 | }
53 |
54 | .slide h6 {
55 | color: hsla(355, 83%, 46%, 1);
56 | }
57 |
58 | .slide code {
59 | font-family: 'PT Mono', Monaco, monospace;
60 | font-size: 1.799rem;
61 | line-height: 2.999rem;
62 | margin-bottom: 1rem;
63 | }
64 |
65 | .slide p {
66 | font-size: 1.799rem;
67 | line-height: 2.999rem;
68 | }
69 |
70 | .slide blockquote {
71 | border: none;
72 | }
73 |
74 | .slide cite {
75 | margin-top: 1em;
76 | font-size: 1em;
77 | }
78 |
79 | .slide.video {
80 | position: relative;
81 | /*height: 100vh;*/
82 | z-index: 0;
83 | }
84 |
85 | .slide.video video {
86 | -webkit-transform: translateX(-50%) translateY(-50%);
87 | -moz-transform: translateX(-50%) translateY(-50%);
88 | -ms-transform: translateX(-50%) translateY(-50%);
89 | -o-transform: translateX(-50%) translateY(-50%);
90 | transform: translateX(-50%) translateY(-50%);
91 | position: absolute;
92 | top: 50%;
93 | left: 50%;
94 | min-height: 100%;
95 | max-height: 100%;
96 | }
97 |
98 | .slide.twitter {
99 | position: relative;
100 | }
101 |
102 | .slide.twitter iframe {
103 | -webkit-transform: translateX(-50%) translateY(-50%);
104 | -moz-transform: translateX(-50%) translateY(-50%);
105 | -ms-transform: translateX(-50%) translateY(-50%);
106 | -o-transform: translateX(-50%) translateY(-50%);
107 | transform: translateX(-50%) translateY(-50%);
108 | position: absolute !important;
109 | top: 50%;
110 | left: 50%;
111 | }
112 |
113 |
114 | .slide *:last-child {
115 | margin-bottom: 0px;
116 | }
117 |
118 | .slide.current {
119 | display: block;
120 | }
121 |
122 | #navigation {
123 | position: fixed;
124 | bottom: 20px;
125 | left: 50%;
126 | width: 100px;
127 | margin-left: -50px;
128 | opacity: 0;
129 | background: black;
130 | -webkit-border-radius: 25px;
131 | -moz-border-radius: 25px;
132 | -o-border-radius: 25px;
133 | border-radius: 25px;
134 | color: white;
135 | }
136 |
137 | #near-navigation {
138 | position: fixed;
139 | bottom: 0;
140 | left: 25%;
141 | width: 50%;
142 | height: 15%;
143 | z-index: 1;
144 | }
145 |
146 | #near-navigation:hover #navigation {
147 | opacity: 0.5;
148 | }
149 |
150 | #navigation.hover,
151 | #navigation:hover {
152 | opacity: 0.9 !important;
153 | }
154 |
155 | #navigation button {
156 | position: absolute;
157 | top: 3px;
158 | text-shadow: none;
159 | font-size: 2em;
160 |
161 | border: none;
162 | background: none;
163 | color: white;
164 | padding: 5px 10px;
165 | margin: 0;
166 | }
167 |
168 | #navigation button.prev {
169 | left: 0;
170 | }
171 |
172 | #navigation button.next {
173 | right: 0;
174 | }
175 |
176 | #navigation div {
177 | width: 100%;
178 | text-align: center;
179 | }
180 |
181 | #navigation div.current {
182 | margin-bottom: -2px;
183 | }
184 |
185 | #navigation div.total {
186 | margin-top: -0px;
187 | }
188 |
189 | /* image slides */
190 | .slide.image {
191 | background: center center no-repeat;
192 | background-size: contain;
193 | }
194 |
195 | /* web slides */
196 | .slide.web iframe {
197 | background-color: white;
198 | width: 100%;
199 | height: 100%;
200 | }
201 |
202 | /* text slides */
203 | .slide.text {
204 | margin-top: -4rem;
205 | padding: 0 2%;
206 | }
207 |
208 | .slide.text.current {
209 | display: table !important;
210 | -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
211 | -moz-box-sizing: border-box; /* Firefox, other Gecko */
212 | box-sizing: border-box; /* Opera/IE 8+ */
213 | }
214 |
215 | .slide.text > * {
216 | display: table-cell;
217 | vertical-align: middle;
218 | text-align: center;
219 | }
220 |
221 | .cobble.loading {
222 | /* spinner animation */
223 | background: url(data:image/gif;base64,R0lGODlhIAAgAPfhANvb29ra2t3d3d7e3tfX19XV1djY2Nzc3O7u7s7OztnZ2efn5/Dw8PT09OLi4uvr69bW1uPj4+3t7e/v7+bm5urq6re3t9HR0eTk5PLy8tPT0+Dg4N/f3+jo6PHx8eXl5fPz89DQ0MPDw8zMzJeXl+np6ezs7M/Pz8rKysXFxdLS0snJydTU1L6+vsjIyPX19cTExKmpqcfHx8vLy7+/v6ioqM3NzcHBwbS0tG1tbeHh4cDAwLKysrGxsbOzs6Ojo7y8vIKCgqenp4ODgzc3N5KSkvb29ru7u7m5ubi4uLW1tTY2NsbGxqampqSkpI6OjqGhoVJSUvf396+vr1FRUcLCwmxsbJGRkba2tpWVlZaWlqKioo2NjYCAgJiYmL29vaWlpaCgoK2trV9fX1NTU5SUlIqKint7e4GBgX9/f319fZ+fn7CwsLq6up6enmtra4+Pj3d3d52dnaysrH5+fnZ2dmZmZk5OTmlpaSUlJaurq2hoaJubm66urpqamnp6eoSEhGRkZHJycjMzM0JCQmJiYpCQkJycnHh4eFpaWoaGhkZGRm5ublBQUE9PT3l5efj4+F1dXaqqqi8vL3x8fGpqaklJSXR0dFRUVEFBQWFhYYWFhWdnZ2VlZUNDQz8/P3FxcUtLS4uLi4iIiGBgYDU1NTIyMkdHRygoKHV1dZOTkysrK15eXkhISHNzcyMjI0xMTCwsLCoqKvn5+YyMjDAwMD4+PomJiVlZWR8fH1tbW2NjYzk5OSYmJkVFRTg4OE1NTS0tLYeHh1ZWVpmZmTQ0NEpKShoaGnBwcCcnJz09PVxcXDs7OyQkJPz8/FdXVyEhIURERC4uLm9vbx4eHlVVVR0dHRwcHPr6+hkZGTw8PDo6OkBAQFhYWBsbG/v7+zExMQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QzNCQTVGMkVBMjQ4MTFERjgwRkRDM0IyQ0MzNzUzRTciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QzNCQTVGMkZBMjQ4MTFERjgwRkRDM0IyQ0MzNzUzRTciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBNEMzMUU1N0EyNDgxMURGODBGREMzQjJDQzM3NTNFNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBNEMzMUU1OEEyNDgxMURGODBGREMzQjJDQzM3NTNFNyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQz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) center center no-repeat;
224 | }
225 |
226 | .cobble.loading * {
227 | opacity: 0.5;
228 | }
--------------------------------------------------------------------------------
/slides/lib/stopwork/css/transition-fade.css:
--------------------------------------------------------------------------------
1 | .slide {
2 | opacity: 0;
3 | display: block;
4 |
5 | -webkit-transition: opacity 0.25s;
6 | -moz-transition: opacity 0.25s;
7 | -o-transition: opacity 0.25s;
8 | transition: opacity 0.25s;
9 | }
10 |
11 | .slide.current {
12 | opacity: 1;
13 | }
--------------------------------------------------------------------------------
/slides/lib/stopwork/css/transition-slide.css:
--------------------------------------------------------------------------------
1 | body {
2 | overflow: hidden;
3 | }
4 |
5 | .slide {
6 | -webkit-transition: left 0.25s;
7 | -moz-transition: left 0.25s;
8 | -o-transition: left 0.25s;
9 | transition: left 0.25s;
10 | }
11 |
12 | .slide.next {
13 | display: block;
14 | left: 200% !important;
15 | }
16 |
17 | .slide.prev {
18 | display: block;
19 | left: -200% !important;
20 | }
--------------------------------------------------------------------------------
/slides/lib/stopwork/exporter.rb:
--------------------------------------------------------------------------------
1 | require "rack"
2 | require_relative "stopwork"
3 |
4 | module Stopwork
5 | class Exporter
6 | def self.export file
7 | print "Exporting #{file} to #{file}.html..."
8 | File.open("#{file}.html", 'w') { |f| f.write Slideshow::Export.new(open(file)).render }
9 | puts "OK"
10 | end
11 | end
12 | end
--------------------------------------------------------------------------------
/slides/lib/stopwork/ext.rb:
--------------------------------------------------------------------------------
1 | require 'viddl-rb'
2 | require 'nokogiri'
3 | require 'open-uri'
4 |
5 | class String
6 | def to_title
7 | gsub(/[-_.\s]([a-zA-Z0-9])/) { $1.upcase }.gsub(/([A-Z])/) { " #{$1}"}.gsub(/^([a-z])/) { $1.upcase }
8 | end
9 | end
10 |
11 | class Vine < ViddlRb::PluginBase
12 | def self.matches_provider?(url)
13 | url.include?("vine.co")
14 | end
15 |
16 | # return the url for original video file and title
17 | def self.get_urls_and_filenames(url, options = {})
18 | doc = Nokogiri::HTML(open(url))
19 | url = doc.css("head meta[property='twitter:player:stream']").first.attr("content")
20 | title = doc.css("head meta[property='twitter:title']").first.attr("content")
21 |
22 | [{:url => url, :name => title}]
23 | end
24 | end
--------------------------------------------------------------------------------
/slides/lib/stopwork/js/stopwork.js:
--------------------------------------------------------------------------------
1 | var Stopwork = {
2 | get_next_slide: function (slide) {
3 | return slide.next(".slide").size() == 0 ? $(".slide:first") : slide.next(".slide");
4 | },
5 |
6 | get_prev_slide: function (slide) {
7 | return slide.prev(".slide").size() == 0 ? $(".slide:last") : slide.prev(".slide");
8 | },
9 |
10 | refresh_next_prev: function () {
11 | $(".slide").removeClass('next').removeClass('prev');
12 | this.get_next_slide($(".slide.current")).addClass('next');
13 | this.get_prev_slide($(".slide.current")).addClass('prev');
14 | if(this.current_slide_number() >= 0)
15 | window.location.hash = this.current_slide_number() + 1;
16 | },
17 |
18 | next_slide: function () {
19 | var current_slide = $(".slide.current");
20 | current_slide.removeClass("current");
21 | this.get_next_slide(current_slide).addClass("current");
22 |
23 | $("#navigation .current").html(this.current_slide_number() + 1);
24 | this.refresh_next_prev();
25 | },
26 |
27 | prev_slide: function () {
28 | var current_slide = $(".slide.current");
29 | current_slide.removeClass("current");
30 | this.get_prev_slide(current_slide).addClass("current");
31 |
32 | $("#navigation .current").html(this.current_slide_number() + 1);
33 | this.refresh_next_prev();
34 | },
35 |
36 | goto_slide: function(n) {
37 | var current_slide = $(".slide.current");
38 | current_slide.removeClass("current");
39 | $(".slide").eq(n).addClass("current");
40 |
41 | $("#navigation .current").html(this.current_slide_number() + 1);
42 | this.refresh_next_prev();
43 | },
44 |
45 | current_slide_number: function() {
46 | return $(".slide").index($(".slide.current"));
47 | },
48 |
49 | present: function(content, container) {
50 | // content = content.trim();
51 | if(!container) container = "body";
52 |
53 | $container = $(container);
54 |
55 | $container.addClass('stopwork');
56 | $container.addClass('loading');
57 |
58 | // clear and append navigation elements
59 | $container.append('\
60 | \
61 |
\
62 |
\
63 |
\
64 |
\
65 |
\
66 |
\
67 |
NOT FOUND "]
48 |
49 | end
50 | end
51 | end
52 | end
--------------------------------------------------------------------------------
/slides/lib/stopwork/slideshow.mustache:
--------------------------------------------------------------------------------
1 |
2 |
3 | {{title}}
4 |
'
18 | end
19 |
20 | # url is adjusted to accomodate local images
21 | # TODO figure this out
22 | def url
23 | if slide =~ /^data:image/
24 | slide
25 | else
26 | cached slide
27 | end
28 | end
29 | end
30 | end
31 | end
--------------------------------------------------------------------------------
/slides/lib/stopwork/types/imgur.rb:
--------------------------------------------------------------------------------
1 | module Stopwork
2 | module Types
3 | # Image slides
4 | #
5 | # Slides consist of a single image
6 | # Syntax is image filename
7 | class Imgur < Image
8 | # match data:image or anything ending in an image filetype
9 | def self.match? slide
10 | !! (slide =~ /^http:\/\/imgur\.com/)
11 | end
12 |
13 | # url is adjusted to accomodate local images
14 | # TODO figure this out
15 | def url
16 | cached "#{slide}.png", slide
17 | end
18 | end
19 | end
20 | end
--------------------------------------------------------------------------------
/slides/lib/stopwork/types/text.rb:
--------------------------------------------------------------------------------
1 | require "kramdown"
2 | require_relative "types"
3 |
4 | module Stopwork
5 | module Types
6 | # Text slides
7 | #
8 | # Slides consist of marked up text
9 | # Syntax is any valid markdown
10 | class Text < Slide
11 | # no match? method, always matches
12 |
13 | # populate div with marked down text
14 | def template
15 | '{{{body}}}
'
16 | end
17 |
18 | # slide content is passed through markdown
19 | def body
20 | Kramdown::Document.new(slide).to_html
21 | end
22 | end
23 | end
24 | end
--------------------------------------------------------------------------------
/slides/lib/stopwork/types/twitter.rb:
--------------------------------------------------------------------------------
1 | require "open-uri"
2 | require "json"
3 |
4 | module Stopwork
5 | module Types
6 | class Twitter < Slide
7 | def self.match? slide
8 | !! (slide =~ /twitter\.com/)
9 | end
10 |
11 | # populate div with marked down text
12 | def template
13 | ''
14 | end
15 |
16 | # slide content is passed through markdown
17 | def body
18 | data = JSON.parse(open("https://api.twitter.com/1/statuses/oembed.json?url=#{slide}").read)
19 | data["html"]
20 | end
21 | end
22 | end
23 | end
--------------------------------------------------------------------------------
/slides/lib/stopwork/types/types.rb:
--------------------------------------------------------------------------------
1 | require "mustache"
2 | require_relative "../Stopwork"
3 |
4 | module Stopwork
5 | module Types
6 | class < #{key_hash}\";
39 | curl -#L \"#{url}\" -o \"#{cached_incomplete}\";
40 | mv \"#{cached_incomplete}\" \"#{cached_finished}\""
41 | end
42 |
43 | url
44 | end
45 | end
46 |
47 | def self.match? slide
48 | true
49 | end
50 |
51 | def template
52 | "{{slide}}
"
53 | end
54 | end
55 | end
56 | end
57 |
58 | require_relative "text"
59 | require_relative "twitter"
60 | require_relative "image"
61 | require_relative "cloudapp"
62 | require_relative "imgur"
63 | require_relative "web"
64 | require_relative "video"
65 | require_relative "hostedvideo"
66 |
67 | module Stopwork
68 | module Types
69 | self.match_order = [Imgur, CloudApp, Image, HostedVideo, Video, Twitter, Web, Text]
70 |
71 | def self.render slide, slideshow
72 | self.match_order.select { |f| f.match? slide }.first.new(slide, slideshow).render # TODO optimize
73 | end
74 | end
75 | end
--------------------------------------------------------------------------------
/slides/lib/stopwork/types/video.rb:
--------------------------------------------------------------------------------
1 | module Stopwork
2 | module Types
3 | # Video slide
4 | #
5 | # Slides consist of a single embeded video. Currently YouTube and Vimeo only.
6 | # Syntax is any valid youtube or vimeo url
7 | class Video < Slide
8 | # match any video url
9 | def self.match? slide
10 | !! (slide =~ /\.(mp4|ogg|mov|webm)/i or slide =~/^data:video/i)
11 | end
12 |
13 | # populate the div with the appropriate video tag
14 | def template
15 | '
'
16 | end
17 |
18 | def url
19 | cached slide
20 | end
21 | end
22 | end
23 | end
--------------------------------------------------------------------------------
/slides/lib/stopwork/types/web.rb:
--------------------------------------------------------------------------------
1 | module Stopwork
2 | module Types
3 | # Web slides
4 | #
5 | # Slides consist of an embeded webpage
6 | # Syntax is any valid http address
7 | class Web < Slide
8 | # match anything starting with http
9 | def self.match? slide
10 | !! (slide =~ /^http/)
11 | end
12 |
13 | # populate div with an iframe
14 | def template
15 | '
'
16 | end
17 | end
18 | end
19 | end
--------------------------------------------------------------------------------