function ZoomGrid(a){this.rows=this.columns=0;this.zoomOnClick=false;this.foldedSize={width:0,height:0};this.paddingMarginBorder={width:0,height:0};this.timeout=50;this.tagName="DIV";this.container=null;this.cells=[];this.moveTimer=this.active=0;if(a){this.assignProperties(a);this.container&&this.create(this.container)}} ZoomGrid.prototype.create=function(a){if(a){if(a.style.position!="absolute")a.style.position="relative";this.container=a;for(var b=0;b0){if(isNaN(this.rows)||this.rows<1)this.rows=Math.round(this.cells.length/this.columns)}else this.columns=this.rows>0?this.cells.length:this.rows=Math.round(Math.sqrt(this.cells.length));if(!(this.columns+this.rows<2)){for(;this.columns* this.rows1?Math.round(this.container.offsetWidth* 0.2/(this.columns-1)):0;this.foldedSize.height=this.rows>1?Math.round(this.container.offsetHeight*0.2/(this.rows-1)):0}this.restore(true)}}}};ZoomGrid.prototype.leaveContainer=function(a){var b;if(this.zoomGrid&&(b=this.zoomGrid.zoomGrid)){if(a||(a=window.event))for(a=a.relatedTarget?a.relatedTarget:a.toElement;a;a=a.parentNode)if(a==b.container)return;b.restore()}};ZoomGrid.prototype.enterCell=function(){var a;if(this.zoomGrid&&(a=this.zoomGrid.zoomGrid))a.active!=this&&a.zoom(this)}; ZoomGrid.prototype.restore=function(a){var b=Math.round(this.container.offsetWidth/this.columns),c=Math.round(this.container.offsetHeight/this.rows),e=0,d=0,g=0;this.clearMoveTimer();this.startMove();for(var f=this.active=0;f=this.columns){e=0;d+=c;g=0}}if(!a){var h=this;this.moveTimer=setTimeout(function(){h.move()},this.timeout)}}; ZoomGrid.prototype.zoom=function(a){var b=0,c=0,e=0,d=0,g=-1,f=-1;this.clearMoveTimer();this.startMove();this.active=0;e=this.columns-1;d=this.rows-1;b=this.foldedSize.width;c=this.foldedSize.height;e=Math.round(this.container.offsetWidth-e*b);d=Math.round(this.container.offsetHeight-d*c);for(var h=0,i=0,k=0;k=this.columns){h=0;i++}}var j=a=0;for(k=i=h=0;k=this.columns){a=0;j+=m;h=0;i++}}var n=this;this.moveTimer=setTimeout(function(){n.move()},this.timeout)};ZoomGrid.prototype.startMove=function(){if(this.active)this.active.style.overflow="hidden"};ZoomGrid.prototype.moving=function(){};ZoomGrid.prototype.stopMove=function(){if(this.active)this.active.style.overflow="auto"}; ZoomGrid.prototype.move=function(){for(var a=false,b=0,c=0,e=this.columns-1;b0){d=c-1;this.setStack(d,this.columns,this.rows,"width",this.cells[c].offsetLeft-this.cells[d].offsetLeft-this.paddingMarginBorder.width+ "px")}b>=e&&this.setStack(c,this.columns,this.rows,"width",this.container.offsetWidth-this.cells[c].offsetLeft-this.paddingMarginBorder.width+"px")}c=b=0;for(e=this.rows-1;b=this.cells.length)break;if((d=this.cells[c].zoomGrid.top-this.cells[c].offsetTop)!=0)if(d=this.calculateStep(d)){this.setStack(c,1,this.columns,"top",this.cells[c].offsetTop+d+"px");a=true}else this.setStack(c,1,this.columns,"top",this.cells[c].zoomGrid.top+"px");if(c>0){d=c-this.columns;this.setStack(d, 1,this.columns,"height",this.cells[c].offsetTop-this.cells[d].offsetTop-this.paddingMarginBorder.height+"px")}if(b==e||c+this.columns>=this.cells.length)this.setStack(c,1,this.columns,"height",this.container.offsetHeight-this.cells[c].offsetTop-this.paddingMarginBorder.height+"px")}this.moving();if(a){var g=this;this.moveTimer=setTimeout(function(){g.move()},this.timeout)}else{this.clearMoveTimer();this.stopMove()}}; ZoomGrid.prototype.calculateStep=function(a){a=Math.round(a/2);if(Math.abs(a)<8)a=0;return a};ZoomGrid.prototype.assignProperties=function(a){for(var b in a)this[b]=a[b]};ZoomGrid.prototype.parsePatterns=function(a){for(var b=[],c=0;c-1){var d=a[c].substr(0,e);e=a[c].substr(e+1);b.push({tagName:d,className:e})}else if((e=a[c].indexOf("#"))>-1){d=a[c].substr(0,e);e=a[c].substr(e+1);b.push({tagName:d,id:e})}else b.push({tagName:a[c]})}return b}; ZoomGrid.prototype.setStack=function(a,b,c,e,d){for(a=a;c>0;a+=b,c--){if(a>=this.cells.length)return;this.cells[a].style[e]=d}};ZoomGrid.prototype.clearMoveTimer=function(){clearTimeout(this.moveTimer);this.moveTimer=0};ZoomGrid.prototype.opacityFocused=0.98;ZoomGrid.prototype.opacityUnfocused=0.5;ZoomGrid.prototype.opacityFolded=0.2;ZoomGrid.prototype.isIE=document.all&&!window.opera; ZoomGrid.prototype.addTransparency=function(){this.transparencyOldStartMove=this.startMove;this.startMove=function(){this.invalidateOpacity();this.transparencyOldStartMove()};this.transparencyOldStopMove=this.stopMove;this.stopMove=function(){this.invalidateOpacity();this.transparencyOldStopMove()};this.transparencyOldMoving=this.moving;this.moving=function(){this.transparencyOldMoving();if(!(this.cells.length<1||this.rows<1)){if(!this.cells[0].zoomGrid.opacity)for(var b=0;b0?this.cells[b].zoomGrid.currentOpacity:this.opacityFocused,d;d=this.cells[b]==this.active?this.opacityFocused:this.active?this.opacityFolded:this.opacityUnfocused;this.cells[b].zoomGrid.opacity={max:c,offset:e,target:d,factor:c>0?Math.abs(d-e)/c:1}}for(b=0;bthis.cells[b].zoomGrid.opacity.offset?this.cells[b].zoomGrid.opacity.offset+e:this.cells[b].zoomGrid.opacity.offset-e;this.setOpacity(this.cells[b],e)}}};for(var a=0;a0)this.cells[0].zoomGrid.opacity=0};ZoomGrid.prototype.opacityHighlighted=0.75; ZoomGrid.prototype.addHighlight=function(){if(!this.opacityFocused)return false;this.zoomOnClick=true;this.container.onmouseout=null;var a=this.container.parentNode;if(!a)a=this.container.parentElement;a.onclick=this.leaveContainer;for(a=0;a>1<<1,b=this.x-(a>>1),c=this.y-(a>>1);this.image.style.width=a+"px";this.image.style.height=a+"px";this.div.style.left=Math.round(b)+"px";this.div.style.top=Math.round(c)+"px";this.div.style.width=a+"px";this.div.style.height=a+"px";this.div.style.visibility="visible"};WebPieIcon.prototype.hide=function(){this.div.style.visibility="hidden"}; WebPieIcon.prototype.createIcon=function(a){var b=document.getElementsByTagName("div").length,c=document.createElement("img");c.id="WebPieIconImage"+b;c.src=a;a=document.createElement("div");a.id="WebPieIconObject"+b;a.style.position="absolute";a.style.left="0px";a.style.top="0px";a.style.visibility="hidden";a.appendChild(c);if((b=document.getElementsByTagName("body"))&&b.length){b[0].appendChild(a);this.div=a;this.image=c}}; function WebPie(a){this.size=320;this.startRadius=0.75;this.showOnMouseDown=this.fitts=false;this.isOpera=window.opera?1:0;this.isIE=document.all&&!window.opera?1:0;this.isMozilla=window.innerWidth&&!window.opera&&!document.layers?1:0;this.y=this.x=this.centerY=this.centerX=this.twist=this.radius=this.maxRadius=0;this.radiansPerCircle=Math.PI+Math.PI;this.pi2=Math.PI/2;this.icons=[];this.timerId=0;this.selectedIcon=-1;a&&this.assignProperties(a)} WebPie.prototype.create=function(a){a||(a=document);a.webPie=this;if(this.showOnMouseDown)a.onmousedown=this.showHide;a.onmouseup=this.showHide}; WebPie.prototype.showHide=function(a){var b=this.webPie,c=0;if(b){c=b.isIE?event.button:a.which;if(b.timerId){if(!b.preHide(this))return false;if(b.selectedIcon>-1&&b.selectedIconb.size>>1&&b.hide()}}}; WebPie.prototype.show=function(){if(!this.timerId){document.webPie=this;this.saveOnMouseMove=document.onmousemove;document.onmousemove=this.mouseMove;this.maxRadius=this.size-0.3*this.size>>1;this.radius=Math.round(this.startRadius*this.maxRadius);this.twist=-0.05*(this.maxRadius-this.radius>>1);this.centerX=this.x;this.centerY=this.y;this.draw()}}; WebPie.prototype.hide=function(){document.onmousemove=this.saveOnMouseMove;for(var a=0;a>1,n=false,o=l/m;if(lMath.PI)p-=this.radiansPerCircle}if(!n)this.selectedIcon=b;c=c/k;for(d=a;d--;)this.icons[d].size=this.icons[d].cellSize=c*this.icons[d].weight;d=c*g;if(d>j){o=j/d;for(d=a;d--;)this.icons[d].size*=o}d=this.getAngleDifference(f,i);d=this.getValidAngle(f-e*this.icons[b].cellSize/h*d);this.icons[b].x=this.centerX+Math.round(this.radius*Math.cos(d));this.icons[b].y=this.centerY+Math.round(this.radius* Math.sin(d));h=f=d;b=c=j=i=b;for(d=0;;d++){if(--i<0)i=a-1;if(j==i)break;if(++j>=a)j=0;f=this.getValidAngle(f-(0.5*this.icons[b].cellSize+0.5*this.icons[i].cellSize)*e);this.icons[i].x=this.centerX+Math.round(this.radius*Math.cos(f));this.icons[i].y=this.centerY+Math.round(this.radius*Math.sin(f));if(i==j)break;h=this.getValidAngle(h+(0.5*this.icons[c].cellSize+0.5*this.icons[j].cellSize)*e);this.icons[j].x=this.centerX+Math.round(this.radius*Math.cos(h));this.icons[j].y=this.centerY+Math.round(this.radius* Math.sin(h));c=j;b=i}for(d=0;dthis.maxRadius)this.radius=this.maxRadius;if((this.twist+=0.05)>this.radiansPerCircle)this.twist-=this.radiansPerCircle}var t=this;this.timerId=setTimeout(function(){t.draw()},10)}}; WebPie.prototype.getAngleDifference=function(a,b){var c=a-b,e;e=a>b?a-(b+this.radiansPerCircle):a-(b-this.radiansPerCircle);if(Math.abs(c)Math.PI)a-=this.radiansPerCircle;return a};WebPie.prototype.assignProperties=function(a){for(var b in a)this[b]=a[b]}; function ImageViewer(a){this.loadingText=a?a:"

Loading ...

";this.isOpera=window.opera?1:0;this.isIE=document.all&&!window.opera?1:0;this.isMozilla=window.innerWidth&&!window.opera&&!document.layers?1:0;this.imageBuffer=new Image;this.loadingTimer=0;this.shownUrl=null;if(this.div=document.createElement("div")){a={visibility:"hidden",position:"absolute",left:"0",top:"0",zIndex:"1"};for(var b in a)this.div.style[b]=a[b];this.div.imageViewer=this;this.div.className="ImageViewer";this.div.onmouseout= this.leaveThumbnail;(b=document.getElementsByTagName("body"))&&b.length&&b[0].appendChild(this.div)}}ImageViewer.prototype.createForClasses=function(a){for(var b=document.getElementsByTagName("div"),c=0;c-1&&this.create(b[c])}; ImageViewer.prototype.create=function(a){for(var b=0;b0){c[0].onmouseover=this.enterThumbnail;c[0].onmouseout=this.leaveThumbnail;c[0].imageViewer=this;c[0].imageViewerSrc=a.childNodes[b].href}}}; ImageViewer.prototype.enterThumbnail=function(a){var b;if(!(b=this.imageViewer)||b.shownUrl==this.imageViewerSrc)return true;b.show(b.getPosition(a),this.imageViewerSrc,this.alt);return false};ImageViewer.prototype.leaveThumbnail=function(a){var b;if(!(b=this.imageViewer))return true;if(a||(a=window.event)){a=a.relatedTarget?a.relatedTarget:a.toElement;if(a.imageViewerSrc&&b.shownUrl==a.imageViewerSrc)return false;for(;a;a=a.parentNode)if(a==b.div)return false}b.hide();return false}; ImageViewer.prototype.show=function(a,b,c){if(this.shownUrl!=b){this.shownUrl=b;this.imageBuffer.src=b;this.div.innerHTML=this.loadingText;this.div.style.left=a.x+"px";this.div.style.top=a.y+"px";this.div.style.visibility="visible"}if(this.imageBuffer.complete)this.div.innerHTML='
'+(c?"

"+c+"

":"")+"
";else{this.clearTimer();var e=this;this.loadingTimer=setTimeout(function(){e.show(a,b,c)},250)}}; ImageViewer.prototype.hide=function(){this.shownUrl=null;this.clearTimer();this.div.style.visibility="hidden"};ImageViewer.prototype.clearTimer=function(){if(this.loadingTimer){clearTimeout(this.loadingTimer);this.loadingTimer=0}}; ImageViewer.prototype.getPosition=function(a){var b=0,c=0;if(this.isOpera){b=a.clientX;c=a.clientY}else if(this.isIE)if(document.documentElement&&document.documentElement.scrollTop){b=event.clientX+document.documentElement.scrollLeft;c=event.clientY+document.documentElement.scrollTop}else{b=event.clientX+document.body.scrollLeft;c=event.clientY+document.body.scrollTop}else if(this.isMozilla){b=a.pageX;c=a.pageY}return{x:b,y:c}}; var DemoZoomGrid={zoomGrid:null,serial:0,create:function(a){for(var b="",c=9;c--;){DemoZoomGrid.serial++;b+='
'+DemoZoomGrid.createCell(DemoZoomGrid.serial)+"
"}a.style.height="240px";a.innerHTML=b;DemoZoomGrid.zoomGrid=new ZoomGrid({paddingMarginBorder:{width:11,height:11},container:a})},addCell:function(a){a=document.getElementById(a);if(!a||!DemoZoomGrid.zoomGrid)return true;var b=document.createElement("div");DemoZoomGrid.serial++;b.id= "DemoCell"+DemoZoomGrid.serial.toString();b.innerHTML=DemoZoomGrid.createCell(DemoZoomGrid.serial);DemoZoomGrid.zoomGrid.container.insertBefore(b,a);DemoZoomGrid.resetZoomGrid();return false},removeCell:function(a){a=document.getElementById(a);if(!a||!DemoZoomGrid.zoomGrid)return true;a.style.visibility="hidden";DemoZoomGrid.zoomGrid.container.removeChild(a);DemoZoomGrid.resetZoomGrid();return false},createCell:function(a){return"

"+a.toString()+'

Add
Remove"},resetZoomGrid:function(){DemoZoomGrid.zoomGrid.columns=0;DemoZoomGrid.zoomGrid.rows=0;DemoZoomGrid.zoomGrid.cells.length=0;DemoZoomGrid.zoomGrid.create(DemoZoomGrid.zoomGrid.container)}},DemoWebPie={webPie:null,create:function(a){a.innerHTML="

Click anywhere within this field to open a sample pie menu.

";DemoWebPie.webPie=new WebPie({icons:[new WebPieIcon("images/webpie/piedock.png", function(){App.zoom("PieDockChapter")}),new WebPieIcon("images/webpie/webpie.png",function(){App.zoom("WebPieChapter")}),new WebPieIcon("images/webpie/zoomgrid.png",function(){App.zoom("ZoomGridChapter")}),new WebPieIcon("images/webpie/cpprc.png",function(){App.zoom("CpprcChapter")}),new WebPieIcon("images/webpie/readmail.png",function(){App.zoom("ReadmailChapter")}),new WebPieIcon("images/webpie/about.png",function(){App.zoom("AboutChapter")}),new WebPieIcon("images/webpie/plus.png",function(){DemoWebPie.webPie.icons.push(new WebPieIcon("images/webpie/minus.png", function(){var b=DemoWebPie.webPie.icons.pop();b.hide();delete b;return true}));return true})]});DemoWebPie.webPie.create(a)}},Demos={setup:function(){Demos.add("DemoWebPie",DemoWebPie.create);Demos.add("DemoZoomGrid",DemoZoomGrid.create)},add:function(a,b){var c=document.getElementById(a);if(!c)return null;var e=document.createElement("a");e.href="#";e.onclick=function(){return false};e.className="Demo";e.innerHTML="Click here for a demo";c.onclick=function(){this.onclick=null;b(this)};c.appendChild(e); return c}},App={zoomGrid:null,load:function(){var a=document.getElementById("MarkusFisch");if(a){if(!App.zoomGrid){var b=App.getZoomGridContainer();if(!b)return;a.className="Dynamic";b.innerHTML="
\n

PieDock

\n
\n

Description

\n

PieDock is a task bar and application launcher in shape of\n a pie menu. It feels a little bit like the famous OS X dock\n in a circle. Here are some screenshots:

\n
\n \n \n \n \n
\n

To see the idea in action, try the WebPie demo or watch\n this video.

\n

Download

\n

Latest version:\n PieDock-1.4.3.tar.bz2

\n

Options:

\n
    \n

  • For the impatient, there are pre-compiled binaries that\n should work on any modern Linux:

    \n \n

    Give it a try with just one line:

    \n 
    \$ curl piedock.markusfisch.de/try.sh | sh
    \n

    Or, if you don't have curl,\n download the one that matches your architecture, open a\n terminal, navigate to where you saved the file and\n type (replace ARCH with your architecture):

    \n 
    \$ chmod a+x PieDockInstant-ARCH.bin\n\$ ./PieDockInstant-ARCH.bin
    \n

    Those versions are configured to use your local icon resources,\n so it may very well be possible, that you encounter some\n question marks (place holder for missing icons).\n You may deal with that by the way it is described under\n Configuration.

    \n
    • \n

  • Automatic install or update:

    \n 
    \$ curl piedock.markusfisch.de/install.sh | sh
    \n

    If you don't have curl, just download the source tarball,\n extract it, change into the new directory and type:

    \n 
    \$ sh/deploy
    \n

    This will configure, build, install and run PieDock.

    • \n

  • If you're on Gentoo Linux, you may use emerge:

    \n 
    \$ emerge piedock
    \n

    This may not always be the latest version.

    • \n

  • The development version is available on\n GitHub.
    \n You may easily clone the project by running:

    \n 
    \$ git clone git://github.com/markusfisch/PieDock
    • \n
\n

Requirements

\n

Requires a C++ compiler, headers and libraries of X11 and libpng.\n Xft and the X Rendering Extension\n (to make use of a compositing manager)\n are optional.

\n

Runs on Linux, BSD and Solaris.

\n

Installation

\n
    \n

  1. Download tarball above

    2. \n

  2. Unpack tarball:

    \n 
    \$ tar xjvf PieDock-x.x.x.tar.bz2
    3. \n

  3. Change into the new directory \"PieDock-x.x.x\" and\n compile it:

    \n 
    \$ cd PieDock-x.x.x\n\$ ./configure\n\$ make
    4. \n

  4. If everything went well, install as root:

    \n 
    # make install
    5. \n

  5. Now you need to set up your configuration, either manually\n (see below) or by running the enclosed setup script:

    \n 
    \$ sh/setup
    6. \n
\n

Configuration

\n
    \n

  1. Find some icons\n (approx. 128x128 Pixels) in PNG format.\n I'd recommend those places:

    \n \n

    You may use\n GIMP\n to convert XP icons; OS X icons can be converted by\n gthumb or\n ImageMagick.

    2. \n

  2. Create a directory named \".PieDock\" in your home\n directory:

    \n 
    \$ mkdir ~/.PieDock
    3. \n

  3. Place all your PNG icons into this directory

    4. \n

  4. Create a \".PieDockrc\" configuration file in\n your home directory; you may use the enclosed\n \"res/PieDockrc.sample\" as a template:

    \n 
    \$ cp res/PieDockrc.sample ~/.PieDockrc
    5. \n

  5. Edit \".PieDockrc\" to meet your requirements.\n The format of the file is very simple:\n Each line begins with a statement and continues with\n space-seperated arguments to this statement.\n If an argument has spaces, it must be enclosed\n in quotes, just like you do on the command line.\n There are only two statements that are important:\n icon and alias.

    \n

    Use the icon statement to specify persistent\n icons in the menu. Normally an icon would only appear\n if there is a corresponding window. icon icons\n do always appear. The statement accepts two arguments:\n the name of the application (which must also be the name\n of the icon in \"~/.PieDock/\")\n and, optionally, a string to launch the application if\n the first argument isn't enough to do that (i.e. a path\n is required or you want to give some arguments).

    \n

    The alias directive allows you to recognize\n windows that do not give the correct name of their\n corresponding executable. Every application window\n in X11 should have a resource with it's name in it\n (the so-called class hints for the interested).

    \n

    Unfortunately, this name may differ from the name of\n the executable which is where alias comes in.\n alias accepts two arguments: a string for\n recognition and the true name of the executable.\n The recognition string may be prefixed by another\n argument (either name, class or title) to specifiy\n the property which the string is checked against.

    \n

    There is a \"utils\" subdirectory which contains a\n helpful utitlity to find the right settings.\n Just change into this directory and do:

    \n 
    \$ ./PieDockUtils -l
    \n

    A list of all open windows with their properties will\n be displayed. Now you can use those values (always\n prefer the class or name property) to set up\n aliases for windows which doesn't get recognized\n the right way.

    6. \n

  6. If you have some unused button on your mouse, I suggest\n you specify its number to the trigger button\n directive like this:

    \n 
    trigger button (number of mouse button)
    \n

    You may find the right number by using the\n xev utitlity. Then you can open the\n pie menu by clicking that button.

    7. \n
\n

Documentation

\n

Browse source code documentation.

\n

License

\n

PieDock is open source and licensed under the\n MIT license.

\n
\n
\n
\n

WebPie

\n
\n

Description

\n

WebPie is a pie menu for web pages.\n Its appearance is very similar to PieDock.\n Image and animation quality depend heavily on client and\n platform.

\n
\n

Download

\n

Latest version:\n WebPieIcon.js and\n WebPie.js

\n

Those files are uncompressed. To get production\n libraries, use a\n compressor.

\n

The development version is available on\n GitHub.
\n You may easily clone the project by running:

\n 
\$ git clone git://github.com/markusfisch/WebPie
\n

How to use

\n
    \n

  1. Place both files somewhere in your web project and\n add those two lines to the <head/> element of\n your web page:

    \n 
    <script type=\"text/javascript\"\n	src=\"path/to/WebPieIcon.js\"></script>\n<script type=\"text/javascript\"\n	src=\"path/to/WebPie.js\"></script>
    2. \n

  2. Next you'll have to set up the menu, for example:

    \n 
    <script type=\"text/javascript\">\n<!--\nvar p = new WebPie( {\n	icons: [\n		new WebPieIcon(\n			\"path/to/icon.png\",\n			function(){ alert( \"First\" ); } ),\n		new WebPieIcon(\n			\"path/to/icon.png\",\n			function(){ alert( \"Second\" ); } ),\n		new WebPieIcon(\n			\"path/to/icon.png\",\n			function(){ alert( \"Third\" ); } )\n		] } );\np.create();\n-->\n</script>
    \n

    For more information browse the script files.\n For a full sample see DemoWebPie.js.

    3. \n

  3. If you want to extend WebPie, you may want to subclass it.\n For example:

    \n 
    <script type=\"text/javascript\">\n<!--\nWebPie2.prototype = new WebPie();\nWebPie2.prototype.constructor = WebPie2;\nfunction WebPie2( p )\n{\n	WebPie.call( this, p );\n}\nWebPie2.prototype.preShow = function( e )\n{\n	// do here what you want to do before the menu opens\n	return true;\n}\nvar p = new WebPie2( {\n	icons: [\n		new WebPieIcon(\n			\"path/to/icon.png\",\n			function(){ alert( \"First\" ); } ),\n		new WebPieIcon(\n			\"path/to/icon.png\",\n			function(){ alert( \"Second\" ); } ),\n		new WebPieIcon(\n			\"path/to/icon.png\",\n			function(){ alert( \"Third\" ); } )\n		] } );\np.create();\n-->\n</script>
    4. \n
\n

Compatibilty

\n

Works with the latest versions of\n Opera,\n Firefox,\n Chrome,\n Safari\n and Internet Explorer.

\n

License

\n

WebPie is licensed under the\n MIT license.

\n
\n
\n
\n

ZoomGrid

\n
\n

Description

\n

ZoomGrid is a grid which can zoom its cells.\n In other words, it's a two-dimensional accordion menu\n inside a fixed rectangle.

\n
\n

Alternatives:

\n \n

Download

\n

Latest version:\n ZoomGrid.js.

\n

Extensions:

\n \n

Those files are uncompressed. To get production\n libraries, use a\n compressor.

\n

The development version is available on\n GitHub.
\n You may easily clone the project by running:

\n 
\$ git clone git://github.com/markusfisch/ZoomGrid
\n

How to use

\n
    \n

  1. Copy ZoomGrid.js (along with any optional extension) into\n your web folder and add a corresponding <script/>\n tag for each file to the <head/> element of your\n page.

    \n 
    <script type=\"text/javascript\"\n	src=\"path/to/ZoomGrid.js\"></script>\n<script type=\"text/javascript\"\n	src=\"path/to/ZoomGridTransparency.js\"></script>\n...
    2. \n

  2. Then invoke the grid:

    \n 
    <script type=\"text/javascript\">\n<!--\nvar z = new ZoomGrid(\n	{ container: document.getElementById( \"Contents\" ) } );
    \n

    In this case, you should have a\n <div id=\"Contents\"/> somewhere\n on your page, of course.

    3. \n

  3. After that, you need to activate the\n extensions you want to use. For example, to activate\n the transparency extension do:

    \n 
    z.addTransparency();\n-->\n</script>
    \n

    Some extensions may require attributes. Just\n look at the corresponding source file.\n For a full sample see DemoZoomGrid.js.

    4. \n
\n

Compatibilty

\n

Works with the latest versions of\n Opera,\n Firefox,\n Chrome,\n Safari\n and Internet Explorer.

\n

License

\n

ZoomGrid is licensed under the\n MIT license.

\n
\n
\n
\n

cpprc

\n
\n

Description

\n

C++ resource compiler.\n cpprc will generate a C++ source file (along with\n the corresponding header file) that embeds any given\n data file and provides a Resource class which gives\n access to this data.\n The Resource class can be created in two flavours: one\n using STL streams, the other is using\n WxWidgets streams.

\n

If you know \"qtrc\" of the famous\n QT toolkit, then\n you know what this tool is doing too.

\n

Download

\n

Latest version:\n cpprc-0.4.2.tar.bz2

\n

The development version is available on\n GitHub.
\n You may easily clone the project by running:

\n 
\$ git clone git://github.com/markusfisch/cpprc
\n

Requirements

\n

This tool should run on any system that has a decent\n C++ compiler.

\n

Installation

\n
    \n

  1. Download tarball above

    2. \n

  2. Unpack tarball:

    \n 
    \$ tar xjvf cpprc-x.x.x.tar.bz2
    3. \n

  3. Change into the new directory \"cpprc\"\n and compile it by:

    \n 
    \$ cd cpprc\n\$ make
    4. \n

  4. Place the executable somewhere in your path, i.e. for\n a local install try:

    \n 
    \$ mv cpprc ~/bin
    \n

    Or, if you want to make the program available for all\n users, do this as root:

    \n 
    \$ mv cpprc /usr/local/bin
    5. \n
\n

Configuration

\n

There is no configuration necessary.

\n

If you are using Makefiles and (at least) a *nix-like environment\n and have your resources in a subdirectory called say \"data\",\n you can do something like this in your Makefile:

\n 
resources:\n	if ! [ -f Resources.cpp ] || \\\n		[ \"\`find data/ -newer Resources.cpp\`\" ]; then \\\n		cpprc -f wxWidgets -o Resources \`find data/ -type f\`; \\\n	fi
\n

License

\n

Cpprc is open source and licensed under the\n MIT license.

\n
\n
\n
\n

readmail

\n
\n

Description

\n

BASH eMail client.\n Only POP and\n SMTP are supported.

\n

Download

\n

Latest version:\n readmail

\n

The development version is available on\n GitHub.
\n You may easily clone the project by running:

\n 
\$ git clone git://github.com/markusfisch/readmail
\n

Requirements

\n

A working GNU environment having\n bash, cat, clear, date, echo, grep, kill, less, mv,\n printf and rm.

\n

Installation

\n
    \n

  1. Download the file above

    2. \n

  2. Make it executable:

    \n 
    \$ chmod a+x readmail
    3. \n

  3. Place the script somewhere in your path, i.e. for\n a local install do:

    \n 
    \$ mv readmail ~/bin/readmail
    4. \n

  4. Set up your configuration, see below

    5. \n
\n

Configuration

\n
    \n

  1. Create \".readmailrc\" in your home directory:

    \n 
    \$ vi ~/.readmailrc
    2. \n

  2. Put the following lines into it\n (fill in the values in brackets):

    \n 
    POP_HOST='(your POP3 server)'\nPOP_PORT=110\nPOP_ACCOUNT='(your POP3 account)'\nPOP_PASSWORD='(your POP3 password)'
    3. \n

  3. Append this block to configure your SMTP settings:

    \n 
    SMTP_HOST='(your SMTP server)'\nSMTP_PORT=25\nSMTP_ACCOUNT='(your SMTP account)'\nSMTP_PASSWORD='(your SMTP password, this is optional)'
    4. \n

  4. You may also add a optional notification command:

    \n 
    NOTIFICATION='xmessage \"You've got mail\" &'
    \n

    Alternatively, if you want xmessage to display\n the new messages:

    \n 
    NOTIFICATION='readmail n q | xmessage -file - -center -buttons \"\" -title \"Mail\" &'
    \n
    5. \n

  5. TIP: If you use \"@\" for\n the name of the script, you have always quick\n access and can query your eMails by:

    \n 
    \$ @ n q
    \n

    In this case your configuration file must read\n \".@rc\", of course.

    6. \n
\n

License

\n

readmail is licensed under the\n MIT license.

\n
\n
\n
\n

About

\n
\n \"Some\n

Hi, I'm Markus and I push buttons for a living.

\n

This and that

\n
    \n

  • Twitter
    \n News and noise.

    • \n

  • GitHub
    \n Find more sources on my GitHub account.

    • \n

  • Gists
    \n Some gists on GitHub. Mostly BASH scripts.

    • \n

  • Kartpokal
    \n A local indoor karting championship.

    • \n

  • Striker
    \n A (very old) vertical shooter.

    • \n
\n

For my dear fellow krauts:
\n Warum ist hier alles in Englisch?

\n

Darum:

\n

\n \"Locations\n

\n
\n
\n";App.zoomGrid=App.createZoomGrid(b);document.body.style.overflow="hidden"}Demos.setup();var c=new ImageViewer;c.showOriginal=c.show;c.show=function(e,d,g){App.zoomGrid.moveTimer||!App.zoomGrid.active||App.zoomGrid.active.id!="PieDockChapter"||this.showOriginal(e,d,g)};c.createForClasses("ImageGallery"); App.zoomGrid.imageViewerRestore=App.zoomGrid.restore;App.zoomGrid.restore=function(e){c.shownUrl||App.zoomGrid.imageViewerRestore(e)};a.style.visibility="visible";a=window.location.pathname.split("/");if(a.length>0)if(a=document.getElementById(a[a.length-1]+"Chapter")){App.zoomGrid.addHighlight();App.zoomGrid.zoom(a)}}},resize:function(){App.zoomGrid&&App.getZoomGridContainer()&&App.zoomGrid.restore()},zoom:function(a){a=document.getElementById(a);if(!a||!App.zoomGrid)return true;App.zoomGrid.zoom(a); return false},restore:function(){if(!App.zoomGrid)return true;App.zoomGrid.restore();return false},createZoomGrid:function(a){a=new ZoomGrid({foldedSize:{width:82,height:82},paddingMarginBorder:{width:0,height:0},frameSize:{width:12,height:14},container:a,opacityFocused:0.85,opacityUnfocused:0.06,opacityFolded:0.15,opacityHighlighted:0.35});a.addTransparency();a.addHighlightOnClick();a.addMaxChildWidth({maxWidth:["h1"],width:["div.ChapterContent"]});a.addFrame();a.addRestoreButton();a.addDisableFoldedLinks(); return a},getZoomGridContainer:function(){var a=document.getElementById("Contents");if(!a)return null;if(/ipad|ipod|iphone|android|blackberry|windows\sce|mini|palm/i.test(navigator.userAgent.toLowerCase()))return null;var b=App.getSize();if(screen.width<400||screen.height<400||b.width<400||b.height<400)return null;if(b.width>800)b.width=800;b.width-=16;b.height-=16;a.style.maxWidth=b.width+"px";a.style.width=b.width+"px";a.style.height=b.height+"px";return a},getSize:function(){var a,b;if(self.innerWidth){a= self.innerWidth;b=self.innerHeight}else if(document.documentElement&&document.documentElement.clientWidth){a=document.documentElement.clientWidth;b=document.documentElement.clientHeight}else{a=document.body.clientWidth;b=document.body.clientHeight}return{width:a,height:b}}};window.onload=function(){App.load()};if(window.opera||!document.all)window.onresize=App.resize;