From a6453a0fb00a5cc248ca88ed8377905e48ab5ece Mon Sep 17 00:00:00 2001 From: Hakim El Hattab Date: Sun, 4 Dec 2011 18:07:33 -0800 Subject: [PATCH] renamed to reveal.js, many new features, and upgraded to v1.0 --- assets/images/breakdom.jpg | Bin 56714 -> 0 bytes css/main.css | 387 ++++++++++++++++++++++++++++----- index.html | 115 +++++++++- js/{slideshow.js => reveal.js} | 226 ++++++++++++++++--- lib/highlight.js | 5 + lib/zenburn.css | 115 ++++++++++ 6 files changed, 749 insertions(+), 99 deletions(-) delete mode 100644 assets/images/breakdom.jpg rename js/{slideshow.js => reveal.js} (54%) create mode 100644 lib/highlight.js create mode 100644 lib/zenburn.css diff --git a/assets/images/breakdom.jpg b/assets/images/breakdom.jpg deleted file mode 100644 index 64dc3f388887a9eb8d93f5efcc88982edf569724..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 56714 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

Slideshow

Reveal.js

With 3D effects. And stuff.

Heads Up

- This requires a browser with support for CSS3 3D transforms, such as Mobile Safari. + reveal.js is an easy to use, HTML based, presentation tool. You'll need a modern browser with + support for CSS 3D transforms to see it in its full glory.

@@ -82,6 +85,44 @@

Three!

+ +

Clever Quotes

+ These guys come in two forms, inline: + The nice thing about standards is that there are so many to choose from and block: +

+ For years there has been a theory that millions of monkeys typing at random on millions of typewriters would + reproduce the entire works of Shakespeare. The Internet has proven this theory to be untrue. +

+ +

Pretty Code

var supports3DTransforms =  document.body.style['webkitPerspective'] !== undefined || 
+				document.body.style['MozPerspective'] !== undefined ||
+				document.body.style['perspective'] !== undefined;
+
+function linkify( selector ) {
+    if( supports3DTransforms ) {
+        
+        var nodes = document.querySelectorAll( selector );
+
+        for( var i = 0, len = nodes.length; i < len; i++ ) {
+            var node = nodes[i];
+
+            if( !node.className || !node.className.match( /roll/g ) ) {
+                node.className += ' roll';
+                node.innerHTML = '' + node.innerHTML + '';
+            }
+        };
+    }
+}
+
+linkify( 'a' );

Courtesy of highlight.js.

Intergalactic Interconnections

@@ -90,19 +131,30 @@ like this.

+ +

Fragmented Views

Hit the next arrow...

... to step through ...

any type
of view
fragments

Spectacular image!

Stellar Links

@@ -113,8 +165,51 @@

+ + + + + + + + + + + +

+ + + +

- + \ No newline at end of file diff --git a/js/slideshow.js b/js/reveal.js similarity index 54% rename from js/slideshow.js rename to js/reveal.js index bb112d6..6614493 100644 --- a/js/slideshow.js +++ b/js/reveal.js @@ -21,21 +21,21 @@ */ /** - * Handles the very minimal navigation logic involved in the - * slideshow. Including keyboard navigation, touch interaction - * and URL history behavior. + * Reveal.js is an easy to use HTML based slideshow enhanced by + * sexy CSS 3D transforms. * * Slides are given unique hash based URL's so that they can be * opened directly. I didn't use the HTML5 History API for this * as it would have required the addition of server side rewrite * rules and hence require more effort for anyone to set up. * - * This component can be called from other scripts via a tiny API: - * - Slideshow.navigateTo( indexh, indexv ); - * - Slideshow.navigateLeft(); - * - Slideshow.navigateRight(); - * - Slideshow.navigateUp(); - * - Slideshow.navigateDown(); + * Public facing methods: + * - Reveal.initialize( { ... options ... } ); + * - Reveal.navigateTo( indexh, indexv ); + * - Reveal.navigateLeft(); + * - Reveal.navigateRight(); + * - Reveal.navigateUp(); + * - Reveal.navigateDown(); * * * version 0.1: @@ -52,26 +52,84 @@ * version 0.4: * - Fixed broken links on touch devices. * + * version 1.0: + * - Added controls + * - Added initialization options + * - Reveal views in fragments + * - Revamped, darker, theme + * - Tweaked markup styles (a, em, strong, b, i, blockquote, q, pre, ul, ol) + * - Support for themes at initialization (default/linear/concave) + * - Code highlighting via highlight.js + * + * TODO: + * - Touch/swipe interactions * * @author Hakim El Hattab - * @version 0.4 + * @version 1.0 */ -var Slideshow = (function(){ +var Reveal = (function(){ - var indexh = 0, - indexv = 0; + var HORIZONTAL_SLIDES_SELECTOR = '#main>section', + VERTICAL_SLIDES_SELECTOR = 'section.present>section', + + indexh = 0, + indexv = 0, + + config = {}, + dom = {}; /** * Activates the main program logic. */ - function initialize() { + function initialize( options ) { + // Gather references to DOM elements + dom.controls = document.querySelector( '.controls' ); + dom.controlsLeft = document.querySelector( '.controls .left' ); + dom.controlsRight = document.querySelector( '.controls .right' ); + dom.controlsUp = document.querySelector( '.controls .up' ); + dom.controlsDown = document.querySelector( '.controls .down' ); + + // Add event listeners document.addEventListener('keydown', onDocumentKeyDown, false); document.addEventListener('touchstart', onDocumentTouchStart, false); window.addEventListener('hashchange', onWindowHashChange, false); - + dom.controlsLeft.addEventListener('click', preventAndForward( navigateLeft ), false); + dom.controlsRight.addEventListener('click', preventAndForward( navigateRight ), false); + dom.controlsUp.addEventListener('click', preventAndForward( navigateUp ), false); + dom.controlsDown.addEventListener('click', preventAndForward( navigateDown ), false); + + // Set default configuration + config.rollingLinks = options.rollingLinks === undefined ? true : options.rollingLinks; + config.controls = options.controls === undefined ? false : options.controls; + config.theme = options.theme === undefined ? 'default' : options.theme; + + if( config.controls ) { + dom.controls.style.display = 'block'; + } + + if( config.theme !== 'default' ) { + document.body.classList.add( config.theme ); + } + + if( config.rollingLinks ) { + // Add some 3D magic to our anchors + linkify(); + } + // Read the initial state of the URL (hash) readURL(); } + + /** + * Prevents an events defaults behavior calls the + * specified delegate. + */ + function preventAndForward( delegate ) { + return function( event ) { + event.preventDefault(); + delegate.call(); + } + } /** * Handler for the document level 'keydown' event. @@ -153,6 +211,28 @@ var Slideshow = (function(){ function onWindowHashChange( event ) { readURL(); } + + /** + * Wrap all links in 3D goodness. + */ + function linkify() { + var supports3DTransforms = document.body.style['webkitPerspective'] !== undefined || + document.body.style['MozPerspective'] !== undefined || + document.body.style['perspective'] !== undefined; + + if( supports3DTransforms ) { + var nodes = document.querySelectorAll( 'section a:not(.image)' ); + + for( var i = 0, len = nodes.length; i < len; i++ ) { + var node = nodes[i]; + + if( !node.className || !node.className.match( /roll/g ) ) { + node.className += ' roll'; + node.innerHTML = '' + node.innerHTML + ''; + } + }; + } + } /** * Updates one dimension of slides by showing the slide @@ -204,11 +284,45 @@ var Slideshow = (function(){ * set indices. */ function slide() { - indexh = updateSlides( '#main>section', indexh ); - indexv = updateSlides( 'section.present>section', indexv ); + indexh = updateSlides( HORIZONTAL_SLIDES_SELECTOR, indexh ); + indexv = updateSlides( VERTICAL_SLIDES_SELECTOR, indexv ); + + updateControls(); writeURL(); } + + /** + * Updates the state and link pointers of the controls. + */ + function updateControls() { + var routes = availableRoutes(); + + // Remove the 'enabled' class from all directions + [ dom.controlsLeft, dom.controlsRight, dom.controlsUp, dom.controlsDown ].forEach( function( node ) { + node.classList.remove( 'enabled' ); + } ) + + if( routes.left ) dom.controlsLeft.classList.add( 'enabled' ); + if( routes.right ) dom.controlsRight.classList.add( 'enabled' ); + if( routes.up ) dom.controlsUp.classList.add( 'enabled' ); + if( routes.down ) dom.controlsDown.classList.add( 'enabled' ); + } + + /** + * + */ + function availableRoutes() { + var horizontalSlides = document.querySelectorAll( HORIZONTAL_SLIDES_SELECTOR ); + var verticalSlides = document.querySelectorAll( VERTICAL_SLIDES_SELECTOR ); + + return { + left: indexh > 0, + right: indexh < horizontalSlides.length - 1, + up: indexv > 0, + down: indexv < verticalSlides.length - 1 + }; + } /** * Reads the current URL (hash) and navigates accordingly. @@ -233,11 +347,47 @@ var Slideshow = (function(){ // Only include the minimum possible number of components in // the URL - if( indexh > 0 || indexv > 0 ) url += indexh - if( indexv > 0 ) url += '/' + indexv + if( indexh > 0 || indexv > 0 ) url += indexh; + if( indexv > 0 ) url += '/' + indexv; window.location.hash = url; } + + /** + * Navigate to the nexy slide fragment. + * + * @return {Boolean} true if there was a next fragment, + * false otherwise + */ + function nextFragment() { + var fragments = document.querySelectorAll( '.present .fragment:not(.visible)' ); + + if( fragments.length ) { + fragments[0].classList.add( 'visible' ); + + return true; + } + + return false; + } + + /** + * Navigate to the previous slide fragment. + * + * @return {Boolean} true if there was a previous fragment, + * false otherwise + */ + function previousFragment() { + var fragments = document.querySelectorAll( '.present .fragment.visible' ); + + if( fragments.length ) { + fragments[ fragments.length - 1 ].classList.remove( 'visible' ); + + return true; + } + + return false; + } /** * Triggers a navigation to the specified indices. @@ -253,31 +403,39 @@ var Slideshow = (function(){ } function navigateLeft() { - indexh --; - indexv = 0; - slide(); + // Prioritize hiding fragments + if( previousFragment() === false ) { + indexh --; + indexv = 0; + slide(); + } } function navigateRight() { - indexh ++; - indexv = 0; - slide(); + // Prioritize revealing fragments + if( nextFragment() === false ) { + indexh ++; + indexv = 0; + slide(); + } } function navigateUp() { - indexv --; - slide(); + // Prioritize hiding fragments + if( previousFragment() === false ) { + indexv --; + slide(); + } } function navigateDown() { - indexv ++; - slide(); + // Prioritize revealing fragments + if( nextFragment() === false ) { + indexv ++; + slide(); + } } - // Initialize the program. Done right before returning to ensure - // that any inline variable definitions are available to all - // functions - initialize(); - // Expose some methods publicly return { + initialize: initialize, navigateTo: navigateTo, navigateLeft: navigateLeft, navigateRight: navigateRight, diff --git a/lib/highlight.js b/lib/highlight.js new file mode 100644 index 0000000..12d24df --- /dev/null +++ b/lib/highlight.js @@ -0,0 +1,5 @@ +/* +Syntax highlighting with language autodetection. +http://softwaremaniacs.org/soft/highlight/ +*/ +var hljs=new function(){function m(p){return p.replace(/&/gm,"&").replace(/"}while(y.length||z.length){var v=u().splice(0,1)[0];w+=m(x.substr(r,v.offset-r));r=v.offset;if(v.event=="start"){w+=s(v.node);t.push(v.node)}else{if(v.event=="stop"){var q=t.length;do{q--;var p=t[q];w+=("")}while(p!=v.node);t.splice(q,1);while(q'+m(L[0])+""}else{N+=m(L[0])}P=O.lR.lastIndex;L=O.lR.exec(M)}N+=m(M.substr(P,M.length-P));return N}function K(r,M){if(M.sL&&d[M.sL]){var L=e(M.sL,r);t+=L.keyword_count;return L.value}else{return F(r,M)}}function I(M,r){var L=M.cN?'':"";if(M.rB){q+=L;M.buffer=""}else{if(M.eB){q+=m(r)+L;M.buffer=""}else{q+=L;M.buffer=r}}C.push(M);B+=M.r}function E(O,L,Q){var R=C[C.length-1];if(Q){q+=K(R.buffer+O,R);return false}var M=z(L,R);if(M){q+=K(R.buffer+O,R);I(M,L);return M.rB}var r=w(C.length-1,L);if(r){var N=R.cN?"":"";if(R.rE){q+=K(R.buffer+O,R)+N}else{if(R.eE){q+=K(R.buffer+O,R)+N+m(L)}else{q+=K(R.buffer+O+L,R)+N}}while(r>1){N=C[C.length-2].cN?"":"";q+=N;r--;C.length--}var P=C[C.length-1];C.length--;C[C.length-1].buffer="";if(P.starts){I(P.starts,"")}return R.rE}if(x(L,R)){throw"Illegal"}}var H=d[J];var C=[H.dM];var B=0;var t=0;var q="";try{var v=0;H.dM.buffer="";do{var y=s(D,v);var u=E(y[0],y[1],y[2]);v+=y[0].length;if(!u){v+=y[1].length}}while(!y[2]);if(C.length>1){throw"Illegal"}return{r:B,keyword_count:t,value:q}}catch(G){if(G=="Illegal"){return{r:0,keyword_count:0,value:m(D)}}else{throw G}}}function f(t){var r={keyword_count:0,r:0,value:m(t)};var q=r;for(var p in d){if(!d.hasOwnProperty(p)){continue}var s=e(p,t);s.language=p;if(s.keyword_count+s.r>q.keyword_count+q.r){q=s}if(s.keyword_count+s.r>r.keyword_count+r.r){q=r;r=s}}if(q.language){r.second_best=q}return r}function h(r,q,p){if(q){r=r.replace(/^((<[^>]+>|\t)+)/gm,function(t,w,v,u){return w.replace(/\t/g,q)})}if(p){r=r.replace(/\n/g,"
")}return r}function o(u,x,q){var y=g(u,q);var s=a(u);if(s=="no-highlight"){return}if(s){var w=e(s,y)}else{var w=f(y);s=w.language}var p=b(u);if(p.length){var r=document.createElement("pre");r.innerHTML=w.value;w.value=l(p,b(r),y)}w.value=h(w.value,x,q);var t=u.className;if(!t.match("(\\s|^)(language-)?"+s+"(\\s|$)")){t=t?(t+" "+s):s}if(/MSIE [678]/.test(navigator.userAgent)&&u.tagName=="CODE"&&u.parentNode.tagName=="PRE"){var r=u.parentNode;var v=document.createElement("div");v.innerHTML="

"+w.value+"

";u=v.firstChild.firstChild;v.firstChild.cN=r.cN;r.parentNode.replaceChild(v.firstChild,r)}else{u.innerHTML=w.value}u.className=t;u.result={language:s,kw:w.keyword_count,re:w.r};if(w.second_best){u.second_best={language:w.second_best.language,kw:w.second_best.keyword_count,re:w.second_best.r}}}function k(){if(k.called){return}k.called=true;var r=document.getElementsByTagName("pre");for(var p=0;p|>=|>>|>>=|>>>|>>>=|\\?|\\[|\\{|\\(|\\^|\\^=|\\||\\|=|\\|\\||~";this.BE={b:"\\\\.",r:0};this.ASM={cN:"string",b:"'",e:"'",i:"\\n",c:[this.BE],r:0};this.QSM={cN:"string",b:'"',e:'"',i:"\\n",c:[this.BE],r:0};this.CLCM={cN:"comment",b:"//",e:"$"};this.CBLCLM={cN:"comment",b:"/\\*",e:"\\*/"};this.HCM={cN:"comment",b:"#",e:"$"};this.NM={cN:"number",b:this.NR,r:0};this.CNM={cN:"number",b:this.CNR,r:0};this.inherit=function(p,s){var r={};for(var q in p){r[q]=p[q]}if(s){for(var q in s){r[q]=s[q]}}return r}}();hljs.LANGUAGES.cs={dM:{k:{"abstract":1,as:1,base:1,bool:1,"break":1,"byte":1,"case":1,"catch":1,"char":1,checked:1,"class":1,"const":1,"continue":1,decimal:1,"default":1,delegate:1,"do":1,"do":1,"double":1,"else":1,"enum":1,event:1,explicit:1,extern:1,"false":1,"finally":1,fixed:1,"float":1,"for":1,foreach:1,"goto":1,"if":1,implicit:1,"in":1,"int":1,"interface":1,internal:1,is:1,lock:1,"long":1,namespace:1,"new":1,"null":1,object:1,operator:1,out:1,override:1,params:1,"private":1,"protected":1,"public":1,readonly:1,ref:1,"return":1,sbyte:1,sealed:1,"short":1,sizeof:1,stackalloc:1,"static":1,string:1,struct:1,"switch":1,"this":1,"throw":1,"true":1,"try":1,"typeof":1,uint:1,ulong:1,unchecked:1,unsafe:1,ushort:1,using:1,virtual:1,"volatile":1,"void":1,"while":1,ascending:1,descending:1,from:1,get:1,group:1,into:1,join:1,let:1,orderby:1,partial:1,select:1,set:1,value:1,"var":1,where:1,yield:1},c:[{cN:"comment",b:"///",e:"$",rB:true,c:[{cN:"xmlDocTag",b:"///|"},{cN:"xmlDocTag",b:""}]},hljs.CLCM,hljs.CBLCLM,{cN:"string",b:'@"',e:'"',c:[{b:'""'}]},hljs.ASM,hljs.QSM,hljs.CNM]}};hljs.LANGUAGES.ruby=function(){var g="[a-zA-Z_][a-zA-Z0-9_]*(\\!|\\?)?";var a="[a-zA-Z_]\\w*[!?=]?|[-+~]\\@|<<|>>|=~|===?|<=>|[<>]=?|\\*\\*|[-/+%^&*~`|]|\\[\\]=?";var n={keyword:{and:1,"false":1,then:1,defined:1,module:1,"in":1,"return":1,redo:1,"if":1,BEGIN:1,retry:1,end:1,"for":1,"true":1,self:1,when:1,next:1,until:1,"do":1,begin:1,unless:1,END:1,rescue:1,nil:1,"else":1,"break":1,undef:1,not:1,"super":1,"class":1,"case":1,require:1,yield:1,alias:1,"while":1,ensure:1,elsif:1,or:1,def:1},keymethods:{__id__:1,__send__:1,abort:1,abs:1,"all?":1,allocate:1,ancestors:1,"any?":1,arity:1,assoc:1,at:1,at_exit:1,autoload:1,"autoload?":1,"between?":1,binding:1,binmode:1,"block_given?":1,call:1,callcc:1,caller:1,capitalize:1,"capitalize!":1,casecmp:1,"catch":1,ceil:1,center:1,chomp:1,"chomp!":1,chop:1,"chop!":1,chr:1,"class":1,class_eval:1,"class_variable_defined?":1,class_variables:1,clear:1,clone:1,close:1,close_read:1,close_write:1,"closed?":1,coerce:1,collect:1,"collect!":1,compact:1,"compact!":1,concat:1,"const_defined?":1,const_get:1,const_missing:1,const_set:1,constants:1,count:1,crypt:1,"default":1,default_proc:1,"delete":1,"delete!":1,delete_at:1,delete_if:1,detect:1,display:1,div:1,divmod:1,downcase:1,"downcase!":1,downto:1,dump:1,dup:1,each:1,each_byte:1,each_index:1,each_key:1,each_line:1,each_pair:1,each_value:1,each_with_index:1,"empty?":1,entries:1,eof:1,"eof?":1,"eql?":1,"equal?":1,"eval":1,exec:1,exit:1,"exit!":1,extend:1,fail:1,fcntl:1,fetch:1,fileno:1,fill:1,find:1,find_all:1,first:1,flatten:1,"flatten!":1,floor:1,flush:1,for_fd:1,foreach:1,fork:1,format:1,freeze:1,"frozen?":1,fsync:1,getc:1,gets:1,global_variables:1,grep:1,gsub:1,"gsub!":1,"has_key?":1,"has_value?":1,hash:1,hex:1,id:1,include:1,"include?":1,included_modules:1,index:1,indexes:1,indices:1,induced_from:1,inject:1,insert:1,inspect:1,instance_eval:1,instance_method:1,instance_methods:1,"instance_of?":1,"instance_variable_defined?":1,instance_variable_get:1,instance_variable_set:1,instance_variables:1,"integer?":1,intern:1,invert:1,ioctl:1,"is_a?":1,isatty:1,"iterator?":1,join:1,"key?":1,keys:1,"kind_of?":1,lambda:1,last:1,length:1,lineno:1,ljust:1,load:1,local_variables:1,loop:1,lstrip:1,"lstrip!":1,map:1,"map!":1,match:1,max:1,"member?":1,merge:1,"merge!":1,method:1,"method_defined?":1,method_missing:1,methods:1,min:1,module_eval:1,modulo:1,name:1,nesting:1,"new":1,next:1,"next!":1,"nil?":1,nitems:1,"nonzero?":1,object_id:1,oct:1,open:1,pack:1,partition:1,pid:1,pipe:1,pop:1,popen:1,pos:1,prec:1,prec_f:1,prec_i:1,print:1,printf:1,private_class_method:1,private_instance_methods:1,"private_method_defined?":1,private_methods:1,proc:1,protected_instance_methods:1,"protected_method_defined?":1,protected_methods:1,public_class_method:1,public_instance_methods:1,"public_method_defined?":1,public_methods:1,push:1,putc:1,puts:1,quo:1,raise:1,rand:1,rassoc:1,read:1,read_nonblock:1,readchar:1,readline:1,readlines:1,readpartial:1,rehash:1,reject:1,"reject!":1,remainder:1,reopen:1,replace:1,require:1,"respond_to?":1,reverse:1,"reverse!":1,reverse_each:1,rewind:1,rindex:1,rjust:1,round:1,rstrip:1,"rstrip!":1,scan:1,seek:1,select:1,send:1,set_trace_func:1,shift:1,singleton_method_added:1,singleton_methods:1,size:1,sleep:1,slice:1,"slice!":1,sort:1,"sort!":1,sort_by:1,split:1,sprintf:1,squeeze:1,"squeeze!":1,srand:1,stat:1,step:1,store:1,strip:1,"strip!":1,sub:1,"sub!":1,succ:1,"succ!":1,sum:1,superclass:1,swapcase:1,"swapcase!":1,sync:1,syscall:1,sysopen:1,sysread:1,sysseek:1,system:1,syswrite:1,taint:1,"tainted?":1,tell:1,test:1,"throw":1,times:1,to_a:1,to_ary:1,to_f:1,to_hash:1,to_i:1,to_int:1,to_io:1,to_proc:1,to_s:1,to_str:1,to_sym:1,tr:1,"tr!":1,tr_s:1,"tr_s!":1,trace_var:1,transpose:1,trap:1,truncate:1,"tty?":1,type:1,ungetc:1,uniq:1,"uniq!":1,unpack:1,unshift:1,untaint:1,untrace_var:1,upcase:1,"upcase!":1,update:1,upto:1,"value?":1,values:1,values_at:1,warn:1,write:1,write_nonblock:1,"zero?":1,zip:1}};var h={cN:"yardoctag",b:"@[A-Za-z]+"};var d={cN:"comment",b:"#",e:"$",c:[h]};var c={cN:"comment",b:"^\\=begin",e:"^\\=end",c:[h],r:10};var b={cN:"comment",b:"^__END__",e:"\\n$"};var u={cN:"subst",b:"#\\{",e:"}",l:g,k:n};var p=[hljs.BE,u];var s={cN:"string",b:"'",e:"'",c:p,r:0};var r={cN:"string",b:'"',e:'"',c:p,r:0};var q={cN:"string",b:"%[qw]?\$",e:"\$",c:p,r:10};var o={cN:"string",b:"%[qw]?\\[",e:"\\]",c:p,r:10};var m={cN:"string",b:"%[qw]?{",e:"}",c:p,r:10};var l={cN:"string",b:"%[qw]?<",e:">",c:p,r:10};var k={cN:"string",b:"%[qw]?/",e:"/",c:p,r:10};var j={cN:"string",b:"%[qw]?%",e:"%",c:p,r:10};var i={cN:"string",b:"%[qw]?-",e:"-",c:p,r:10};var t={cN:"string",b:"%[qw]?\\|",e:"\\|",c:p,r:10};var e={cN:"function",b:"\\bdef\\s+",e:" |$|;",l:g,k:n,c:[{cN:"title",b:a,l:g,k:n},{cN:"params",b:"\$",e:"\$",l:g,k:n},d,c,b]};var f={cN:"identifier",b:g,l:g,k:n,r:0};var v=[d,c,b,s,r,q,o,m,l,k,j,i,t,{cN:"class",b:"\\b(class|module)\\b",e:"$|;",k:{"class":1,module:1},c:[{cN:"title",b:"[A-Za-z_]\\w*(::\\w+)*(\\?|\\!)?",r:0},{cN:"inheritance",b:"<\\s*",c:[{cN:"parent",b:"("+hljs.IR+"::)?"+hljs.IR}]},d,c,b]},e,{cN:"constant",b:"(::)?([A-Z]\\w*(::)?)+",r:0},{cN:"symbol",b:":",c:[s,r,q,o,m,l,k,j,i,t,f],r:0},{cN:"number",b:"(\\b0[0-7_]+)|(\\b0x[0-9a-fA-F_]+)|(\\b[1-9][0-9_]*(\\.[0-9_]+)?)|[0_]\\b",r:0},{cN:"number",b:"\\?\\w"},{cN:"variable",b:"(\\$\\W)|((\\$|\\@\\@?)(\\w+))"},f,{b:"("+hljs.RSR+")\\s*",c:[d,c,b,{cN:"regexp",b:"/",e:"/[a-z]*",i:"\\n",c:[hljs.BE]}],r:0}];u.c=v;e.c[1].c=v;return{dM:{l:g,k:n,c:v}}}();hljs.LANGUAGES.javascript={dM:{k:{keyword:{"in":1,"if":1,"for":1,"while":1,"finally":1,"var":1,"new":1,"function":1,"do":1,"return":1,"void":1,"else":1,"break":1,"catch":1,"instanceof":1,"with":1,"throw":1,"case":1,"default":1,"try":1,"this":1,"switch":1,"continue":1,"typeof":1,"delete":1},literal:{"true":1,"false":1,"null":1}},c:[hljs.ASM,hljs.QSM,hljs.CLCM,hljs.CBLCLM,hljs.CNM,{b:"("+hljs.RSR+"|case|return|throw)\\s*",k:{"return":1,"throw":1,"case":1},c:[hljs.CLCM,hljs.CBLCLM,{cN:"regexp",b:"/",e:"/[gim]*",c:[{b:"\\\\/"}]}],r:0},{cN:"function",b:"\\bfunction\\b",e:"{",k:{"function":1},c:[{cN:"title",b:"[A-Za-z$_][0-9A-Za-z$_]*"},{cN:"params",b:"\$",e:"\$",c:[hljs.ASM,hljs.QSM,hljs.CLCM,hljs.CBLCLM]}]}]}};hljs.LANGUAGES.css=function(){var a={cN:"function",b:hljs.IR+"\$",e:"\$",c:[{eW:true,eE:true,c:[hljs.NM,hljs.ASM,hljs.QSM]}]};return{cI:true,dM:{i:"[=/|']",c:[hljs.CBLCLM,{cN:"id",b:"\\#[A-Za-z0-9_-]+"},{cN:"class",b:"\\.[A-Za-z0-9_-]+",r:0},{cN:"attr_selector",b:"\\[",e:"\\]",i:"$"},{cN:"pseudo",b:":(:)?[a-zA-Z0-9\\_\\-\\+\$\$\\\"\\']+"},{cN:"at_rule",b:"@(font-face|page)",l:"[a-z-]+",k:{"font-face":1,page:1}},{cN:"at_rule",b:"@",e:"[{;]",eE:true,k:{"import":1,page:1,media:1,charset:1},c:[a,hljs.ASM,hljs.QSM,hljs.NM]},{cN:"tag",b:hljs.IR,r:0},{cN:"rules",b:"{",e:"}",i:"[^\\s]",r:0,c:[hljs.CBLCLM,{cN:"rule",b:"[^\\s]",rB:true,e:";",eW:true,c:[{cN:"attribute",b:"[A-Z\\_\\.\\-]+",e:":",eE:true,i:"[^\\s]",starts:{cN:"value",eW:true,eE:true,c:[a,hljs.NM,hljs.QSM,hljs.ASM,hljs.CBLCLM,{cN:"hexcolor",b:"\\#[0-9A-F]+"},{cN:"important",b:"!important"}]}}]}]}]}}}();hljs.LANGUAGES.xml=function(){var b="[A-Za-z0-9\\._:-]+";var a={eW:true,c:[{cN:"attribute",b:b,r:0},{b:'="',rB:true,e:'"',c:[{cN:"value",b:'"',eW:true}]},{b:"='",rB:true,e:"'",c:[{cN:"value",b:"'",eW:true}]},{b:"=",c:[{cN:"value",b:"[^\\s/>]+"}]}]};return{cI:true,dM:{c:[{cN:"pi",b:"<\\?",e:"\\?>",r:10},{cN:"doctype",b:"",r:10,c:[{b:"\\[",e:"\\]"}]},{cN:"comment",b:"",r:10},{cN:"cdata",b:"<\\!\\[CDATA\\[",e:"\\]\\]>",r:10},{cN:"tag",b:"",k:{title:{style:1}},c:[a],starts:{cN:"css",e:"",rE:true,sL:"css"}},{cN:"tag",b:"",k:{title:{script:1}},c:[a],starts:{cN:"javascript",e:"<\/script>",rE:true,sL:"javascript"}},{cN:"vbscript",b:"<%",e:"%>",sL:"vbscript"},{cN:"tag",b:"",c:[{cN:"title",b:"[^ />]+"},a]}]}}}();hljs.LANGUAGES.java={dM:{k:{"false":1,"synchronized":1,"int":1,"abstract":1,"float":1,"private":1,"char":1,"interface":1,"boolean":1,"static":1,"null":1,"if":1,"const":1,"for":1,"true":1,"while":1,"long":1,"throw":1,strictfp:1,"finally":1,"protected":1,"extends":1,"import":1,"native":1,"final":1,"implements":1,"return":1,"void":1,"enum":1,"else":1,"break":1,"transient":1,"new":1,"catch":1,"instanceof":1,"byte":1,"super":1,"class":1,"volatile":1,"case":1,assert:1,"short":1,"package":1,"default":1,"double":1,"public":1,"try":1,"this":1,"switch":1,"continue":1,"throws":1},c:[{cN:"javadoc",b:"/\\*\\*",e:"\\*/",c:[{cN:"javadoctag",b:"@[A-Za-z]+"}],r:10},hljs.CLCM,hljs.CBLCLM,hljs.ASM,hljs.QSM,{cN:"class",b:"(class |interface )",e:"{",k:{"class":1,"interface":1},i:":",c:[{b:"(implements|extends)",k:{"extends":1,"implements":1},r:10},{cN:"title",b:hljs.UIR}]},hljs.CNM,{cN:"annotation",b:"@[A-Za-z]+"}]}};hljs.LANGUAGES.php={cI:true,dM:{k:{and:1,include_once:1,list:1,"abstract":1,global:1,"private":1,echo:1,"interface":1,as:1,"static":1,endswitch:1,array:1,"null":1,"if":1,endwhile:1,or:1,"const":1,"for":1,endforeach:1,self:1,"var":1,"while":1,isset:1,"public":1,"protected":1,exit:1,foreach:1,"throw":1,elseif:1,"extends":1,include:1,__FILE__:1,empty:1,require_once:1,"function":1,"do":1,xor:1,"return":1,"implements":1,parent:1,clone:1,use:1,__CLASS__:1,__LINE__:1,"else":1,"break":1,print:1,"eval":1,"new":1,"catch":1,__METHOD__:1,"class":1,"case":1,exception:1,php_user_filter:1,"default":1,die:1,require:1,__FUNCTION__:1,enddeclare:1,"final":1,"try":1,"this":1,"switch":1,"continue":1,endfor:1,endif:1,declare:1,unset:1,"true":1,"false":1,namespace:1},c:[hljs.CLCM,hljs.HCM,{cN:"comment",b:"/\\*",e:"\\*/",c:[{cN:"phpdoc",b:"\\s@[A-Za-z]+",r:10}]},hljs.CNM,hljs.inherit(hljs.ASM,{i:null}),hljs.inherit(hljs.QSM,{i:null}),{cN:"variable",b:"\\$[a-zA-Z_\x7f-\xff][a-zA-Z0-9_\x7f-\xff]*"},{cN:"preprocessor",b:"<\\?php",r:10},{cN:"preprocessor",b:"\\?>"}]}};hljs.LANGUAGES.python=function(){var c={cN:"string",b:"(u|b)?r?'''",e:"'''",r:10};var b={cN:"string",b:'(u|b)?r?"""',e:'"""',r:10};var a={cN:"string",b:"(u|r|ur|b|br)'",e:"'",c:[hljs.BE],r:10};var f={cN:"string",b:'(u|r|ur|b|br)"',e:'"',c:[hljs.BE],r:10};var d={cN:"title",b:hljs.UIR};var e={cN:"params",b:"\$",e:"\$",c:[c,b,a,f,hljs.ASM,hljs.QSM]};return{dM:{k:{keyword:{and:1,elif:1,is:1,global:1,as:1,"in":1,"if":1,from:1,raise:1,"for":1,except:1,"finally":1,print:1,"import":1,pass:1,"return":1,exec:1,"else":1,"break":1,not:1,"with":1,"class":1,assert:1,yield:1,"try":1,"while":1,"continue":1,del:1,or:1,def:1,lambda:1,nonlocal:10},built_in:{None:1,True:1,False:1,Ellipsis:1,NotImplemented:1}},i:"(|\\?)",c:[hljs.HCM,c,b,a,f,hljs.ASM,hljs.QSM,{cN:"function",b:"\\bdef ",e:":",i:"$",k:{def:1},c:[d,e],r:10},{cN:"class",b:"\\bclass ",e:":",i:"[${]",k:{"class":1},c:[d,e],r:10},hljs.CNM,{cN:"decorator",b:"@",e:"$"}]}}}();hljs.LANGUAGES.perl=function(){var c={getpwent:1,getservent:1,quotemeta:1,msgrcv:1,scalar:1,kill:1,dbmclose:1,undef:1,lc:1,ma:1,syswrite:1,tr:1,send:1,umask:1,sysopen:1,shmwrite:1,vec:1,qx:1,utime:1,local:1,oct:1,semctl:1,localtime:1,readpipe:1,"do":1,"return":1,format:1,read:1,sprintf:1,dbmopen:1,pop:1,getpgrp:1,not:1,getpwnam:1,rewinddir:1,qq:1,fileno:1,qw:1,endprotoent:1,wait:1,sethostent:1,bless:1,s:1,opendir:1,"continue":1,each:1,sleep:1,endgrent:1,shutdown:1,dump:1,chomp:1,connect:1,getsockname:1,die:1,socketpair:1,close:1,flock:1,exists:1,index:1,shmget:1,sub:1,"for":1,endpwent:1,redo:1,lstat:1,msgctl:1,setpgrp:1,abs:1,exit:1,select:1,print:1,ref:1,gethostbyaddr:1,unshift:1,fcntl:1,syscall:1,"goto":1,getnetbyaddr:1,join:1,gmtime:1,symlink:1,semget:1,splice:1,x:1,getpeername:1,recv:1,log:1,setsockopt:1,cos:1,last:1,reverse:1,gethostbyname:1,getgrnam:1,study:1,formline:1,endhostent:1,times:1,chop:1,length:1,gethostent:1,getnetent:1,pack:1,getprotoent:1,getservbyname:1,rand:1,mkdir:1,pos:1,chmod:1,y:1,substr:1,endnetent:1,printf:1,next:1,open:1,msgsnd:1,readdir:1,use:1,unlink:1,getsockopt:1,getpriority:1,rindex:1,wantarray:1,hex:1,system:1,getservbyport:1,endservent:1,"int":1,chr:1,untie:1,rmdir:1,prototype:1,tell:1,listen:1,fork:1,shmread:1,ucfirst:1,setprotoent:1,"else":1,sysseek:1,link:1,getgrgid:1,shmctl:1,waitpid:1,unpack:1,getnetbyname:1,reset:1,chdir:1,grep:1,split:1,require:1,caller:1,lcfirst:1,until:1,warn:1,"while":1,values:1,shift:1,telldir:1,getpwuid:1,my:1,getprotobynumber:1,"delete":1,and:1,sort:1,uc:1,defined:1,srand:1,accept:1,"package":1,seekdir:1,getprotobyname:1,semop:1,our:1,rename:1,seek:1,"if":1,q:1,chroot:1,sysread:1,setpwent:1,no:1,crypt:1,getc:1,chown:1,sqrt:1,write:1,setnetent:1,setpriority:1,foreach:1,tie:1,sin:1,msgget:1,map:1,stat:1,getlogin:1,unless:1,elsif:1,truncate:1,exec:1,keys:1,glob:1,tied:1,closedir:1,ioctl:1,socket:1,readlink:1,"eval":1,xor:1,readline:1,binmode:1,setservent:1,eof:1,ord:1,bind:1,alarm:1,pipe:1,atan2:1,getgrent:1,exp:1,time:1,push:1,setgrent:1,gt:1,lt:1,or:1,ne:1,m:1};var d={cN:"subst",b:"[$@]\\{",e:"}",k:c,r:10};var b={cN:"variable",b:"\\$\\d"};var a={cN:"variable",b:"[\\$\\%\\@\\*](\\^\\w\\b|#\\w+(\\:\\:\\w+)*|[^\\s\\w{]|{\\w+}|\\w+(\\:\\:\\w*)*)"};var g=[hljs.BE,d,b,a];var f={b:"->",c:[{b:hljs.IR},{b:"{",e:"}"}]};var e=[b,a,hljs.HCM,{cN:"comment",b:"^(__END__|__DATA__)",e:"\\n$",r:5},f,{cN:"string",b:"q[qwxr]?\\s*\$",e:"\$",c:g,r:5},{cN:"string",b:"q[qwxr]?\\s*\\[",e:"\\]",c:g,r:5},{cN:"string",b:"q[qwxr]?\\s*\\{",e:"\\}",c:g,r:5},{cN:"string",b:"q[qwxr]?\\s*\\|",e:"\\|",c:g,r:5},{cN:"string",b:"q[qwxr]?\\s*\\<",e:"\\>",c:g,r:5},{cN:"string",b:"qw\\s+q",e:"q",c:g,r:5},{cN:"string",b:"'",e:"'",c:[hljs.BE],r:0},{cN:"string",b:'"',e:'"',c:g,r:0},{cN:"string",b:"`",e:"`",c:[hljs.BE]},{cN:"string",b:"{\\w+}",r:0},{cN:"string",b:"-?\\w+\\s*\\=\\>",r:0},{cN:"number",b:"(\\b0[0-7_]+)|(\\b0x[0-9a-fA-F_]+)|(\\b[1-9][0-9_]*(\\.[0-9_]+)?)|[0_]\\b",r:0},{cN:"regexp",b:"(s|tr|y)/(\\\\.|[^/])*/(\\\\.|[^/])*/[a-z]*",r:10},{cN:"regexp",b:"(m|qr)?/",e:"/[a-z]*",c:[hljs.BE],r:0},{cN:"sub",b:"\\bsub\\b",e:"(\\s*\$.*?\$)?[;{]",k:{sub:1},r:5},{cN:"operator",b:"-\\w\\b",r:0},{cN:"pod",b:"\\=\\w",e:"\\=cut"}];d.c=e;f.c[1].c=e;return{dM:{k:c,c:e}}}();hljs.LANGUAGES.cpp=function(){var b={keyword:{"false":1,"int":1,"float":1,"while":1,"private":1,"char":1,"catch":1,"export":1,virtual:1,operator:2,sizeof:2,dynamic_cast:2,typedef:2,const_cast:2,"const":1,struct:1,"for":1,static_cast:2,union:1,namespace:1,unsigned:1,"long":1,"throw":1,"volatile":2,"static":1,"protected":1,bool:1,template:1,mutable:1,"if":1,"public":1,friend:2,"do":1,"return":1,"goto":1,auto:1,"void":2,"enum":1,"else":1,"break":1,"new":1,extern:1,using:1,"true":1,"class":1,asm:1,"case":1,typeid:1,"short":1,reinterpret_cast:2,"default":1,"double":1,register:1,explicit:1,signed:1,typename:1,"try":1,"this":1,"switch":1,"continue":1,wchar_t:1,inline:1,"delete":1,alignof:1,char16_t:1,char32_t:1,constexpr:1,decltype:1,noexcept:1,nullptr:1,static_assert:1,thread_local:1},built_in:{std:1,string:1,cin:1,cout:1,cerr:1,clog:1,stringstream:1,istringstream:1,ostringstream:1,auto_ptr:1,deque:1,list:1,queue:1,stack:1,vector:1,map:1,set:1,bitset:1,multiset:1,multimap:1,unordered_set:1,unordered_map:1,unordered_multiset:1,unordered_multimap:1,array:1,shared_ptr:1}};var a={cN:"stl_container",b:"\\b(deque|list|queue|stack|vector|map|set|bitset|multiset|multimap|unordered_map|unordered_set|unordered_multiset|unordered_multimap|array)\\s*<",e:">",k:b,r:10};a.c=[a];return{dM:{k:b,i:" +based on dark.css by Ivan Sagalaev + +*/ + +pre code { + display: block; padding: 0.5em; + background: #3F3F3F; + color: #DCDCDC; +} + +pre .keyword, +pre .tag, +pre .django .tag, +pre .django .keyword, +pre .css .class, +pre .css .id, +pre .lisp .title { + color: #E3CEAB; +} + +pre .django .template_tag, +pre .django .variable, +pre .django .filter .argument { + color: #DCDCDC; +} + +pre .number, +pre .date { + color: #8CD0D3; +} + +pre .dos .envvar, +pre .dos .stream, +pre .variable, +pre .apache .sqbracket { + color: #EFDCBC; +} + +pre .dos .flow, +pre .diff .change, +pre .python .exception, +pre .python .built_in, +pre .literal, +pre .tex .special { + color: #EFEFAF; +} + +pre .diff .chunk, +pre .ruby .subst { + color: #8F8F8F; +} + +pre .dos .keyword, +pre .python .decorator, +pre .class .title, +pre .haskell .label, +pre .function .title, +pre .ini .title, +pre .diff .header, +pre .ruby .class .parent, +pre .apache .tag, +pre .nginx .built_in, +pre .tex .command, +pre .input_number { + color: #efef8f; +} + +pre .dos .winutils, +pre .ruby .symbol, +pre .ruby .symbol .string, +pre .ruby .symbol .keyword, +pre .ruby .symbol .keymethods, +pre .ruby .string, +pre .ruby .instancevar { + color: #DCA3A3; +} + +pre .diff .deletion, +pre .string, +pre .tag .value, +pre .preprocessor, +pre .built_in, +pre .sql .aggregate, +pre .javadoc, +pre .smalltalk .class, +pre .smalltalk .localvars, +pre .smalltalk .array, +pre .css .rules .value, +pre .attr_selector, +pre .pseudo, +pre .apache .cbracket, +pre .tex .formula { + color: #CC9393; +} + +pre .shebang, +pre .diff .addition, +pre .comment, +pre .java .annotation, +pre .template_comment, +pre .pi, +pre .doctype { + color: #7F9F7F; +} + +pre .xml .css, +pre .xml .javascript, +pre .xml .vbscript, +pre .tex .formula { + opacity: 0.5; +} + -- 2.26.2