pencil 0.2.9 → 0.2.10

data/lib/public/js/pencil.js

@@ -0,0 +1,89 @@
+/**
+ * Created by JetBrains PhpStorm.
+ * User: dan.staley
+ * Date: 8/28/11
+ * Time: 4:04 PM
+ * To change this template use File | Settings | File Templates.
+ */
+
+var pencil = {
+    selectors : {
+      image_container : 'div#main img',
+      timeslice : '#timeslice'
+    },
+    urls : {
+      update : 'controller/update/action'
+    },
+    params : {
+      //any params we need to send back.
+    },
+    config_version : '',
+    reload_time : 20, //in seconds
+    timer : null,
+    bind : function(){
+      pencil.timer = setInterval('pencil.reload_graphs()', pencil.reload_time*1000);
+    },
+    set_version : function(vers){
+        pencil.config_version = vers;
+    },
+    stop_reloading : function(){
+      clearInterval(pencil.timer);
+    },
+    check_config_version : function(vers){
+        if(pencil.config_version == vers){
+            //its same version, no need to refresh
+        }else{
+            //its not the same, lets reload teh page
+            pencil.reload_page();
+        }
+    },
+    check_for_updates : function(){
+        /*
+         * Response should look like this
+         *
+         * {
+         *  status : true|false,
+         *  version: version_number,
+         *  timeslice: timeslice_text
+         *  [,error : optional error]
+         *  }
+         */
+        jQuery.post(pencil.urls.update, pencil.params, function(data){
+            if(data.status){
+                //update our timeslice html
+                jQuery(pencil.selectors.timeslice).html(data.timeslice);
+                //lets update the version and check it if we need to update the page
+                pencil .check_config_version(data.version);
+            }else{
+                //there was a problem with our update
+                error = (typeof(data.error) == "undefined") ? "There was a problem updating the page." : data.error;
+                //alert(error); //removed for now while testing 
+                pencil.log(error);
+            }
+        }, 'json');
+    },
+    reload_page : function(){
+        document.location.reload();
+    },
+    reload_graphs : function(){
+        //process each image
+        jQuery(pencil.selectors.image_container).each(function(i,img){
+            var src = jQuery(this).attr('src');
+            var cnt = jQuery(this).attr('cnt');
+            if(typeof(cnt) == "undefined"){
+                cnt = 0;
+                jQuery(this).attr('cnt', 0);
+            }
+            cnt = parseInt(cnt)+parseInt(1);
+            jQuery(this).attr('src', src);
+            jQuery(this).attr('cnt', cnt);
+            jQuery(this).attr('alt','This image has been reload '+cnt+' times.');
+        });
+    },
+    log : function(msg){
+        try{ console.log(msg); }catch(e){/* do nothing */ }
+    }
+};
+
+//bind our reload..
+pencil.bind();

data/lib/public/js/product-design.font.js

@@ -0,0 +1,8 @@
+/*!
+ * The following copyright notice may not be removed under any circumstances.
+ * 
+ * Copyright:
+ * Created by U-DOFRAMAS\R.Boyd,S-1-5-21-886778479-440038715-654 with FontForge
+ * 2.0 (http://fontforge.sf.net)
+ */
+Cufon.registerFont({"w":660,"face":{"font-family":"product-design","font-weight":500,"font-stretch":"normal","units-per-em":"1024","panose-1":"2 0 6 3 0 0 0 0 0 0","ascent":"819","descent":"-205","cap-height":"35","bbox":"-17.7043 -802.031 997.014 209","underline-thickness":"51","underline-position":"-102","unicode-range":"U+0020-U+007A"},"glyphs":{" ":{"w":383},"!":{"d":"233,-698v21,51,-11,108,-33,138v-9,74,-57,306,-68,375v-15,-4,-26,-5,-33,-4v-25,-39,0,-106,8,-143r71,-326v7,-23,19,-51,55,-40xm52,4v-45,-22,-31,-115,18,-120v14,-1,29,0,46,7v28,52,-13,119,-64,113","w":268},"\"":{"d":"461,-612r-22,9v-27,55,-50,97,-50,172v42,-14,71,-10,88,13v-3,52,-41,88,-100,75v-54,-47,-45,-145,28,-294v23,-14,56,-1,56,25xm411,-384v11,3,20,0,25,-9v-6,-7,-27,-1,-25,9xm324,-603v-15,58,-65,116,-57,194v60,-38,86,32,58,77v-30,48,-90,13,-97,-34v-15,-95,29,-190,64,-249v8,1,23,11,32,12xm292,-359v-1,7,4,7,8,3v3,-2,3,-5,2,-9v-5,-2,-9,0,-10,6xm436,-393v-6,-7,-27,-1,-25,9v11,3,20,0,25,-9xm296,-353v1,-2,10,-6,6,-12v-5,-2,-9,0,-10,6v-1,3,1,5,4,6","w":1024},"#":{"d":"307,-651v-18,33,-12,201,-34,231v12,18,40,4,52,-5v-3,-96,27,-168,43,-255v7,-35,43,-45,78,-28v-26,72,-35,179,-46,265v89,2,201,-31,283,0v-49,69,-202,49,-283,87v-8,4,5,50,0,58v29,14,212,-20,242,0v-1,22,-31,11,-46,17v1,9,10,12,29,11v-31,25,-187,47,-220,70v0,67,13,144,-28,179v-11,4,-20,-8,-29,-6v-7,-49,-4,-123,-23,-162v-20,-1,-57,23,-76,23v-31,58,29,141,-11,191v-69,-3,-57,-99,-69,-162v-37,15,-93,40,-137,21v-25,-11,-26,-55,-3,-72v36,-27,112,-24,151,-47v3,-11,2,-46,6,-58v-46,1,-99,39,-133,52v-40,-24,-27,-74,11,-91v41,-18,84,-37,134,-47v27,-74,-4,-205,42,-269v13,-18,44,-16,67,-3xm255,-258r64,-17r0,-58v-22,3,-43,8,-64,17r0,58","w":700},"$":{"d":"334,-701v31,24,22,75,18,120v12,8,44,0,60,6r0,54v-18,7,-35,23,-60,13v-15,68,-42,131,-30,216v75,12,136,28,181,48v-10,98,-74,133,-163,157v-33,41,-31,104,-18,161v9,39,2,77,-18,105v-78,-27,-65,-132,-72,-230v-107,15,-215,-16,-211,-127v65,25,116,94,211,60v9,-31,5,-75,6,-114v-74,-34,-208,-37,-193,-150v13,-99,141,-124,205,-175v14,-59,-8,-162,84,-144xm124,-364v34,33,74,49,120,48v8,-23,1,-136,6,-162v-61,22,-107,53,-126,114xm400,-202r-54,-12r-18,60v21,-10,71,-17,72,-48","w":531},"%":{"d":"248,-517v-39,24,-48,82,-102,88v-75,8,-147,-64,-124,-147v19,-67,152,-53,195,-6v19,20,31,40,31,65xm205,-12v-76,-23,-36,-117,-5,-171v61,-105,160,-214,223,-312v41,-63,68,-98,89,-101v27,-6,49,57,30,95v-33,68,-80,124,-133,174v-20,19,-65,114,-80,132v-7,-2,-13,-11,-22,-8v-29,30,-71,164,-102,191xm717,-232v17,101,-56,165,-132,190v-94,-28,-79,-130,-13,-181v48,-37,103,-38,145,-9","w":744},"&":{"d":"356,79v-15,1,-37,-14,-42,5v-48,-35,-78,-86,-90,-154v-104,0,-215,-11,-206,-121v4,-38,41,-55,58,-80v-43,-26,-75,-75,-44,-127v44,-74,132,-113,213,-153v15,-51,-1,-137,26,-182v12,-20,29,-19,54,-9v-4,57,-17,101,-11,164v15,0,83,-36,93,-4v4,6,7,10,8,15v-20,14,-43,49,-80,47v-44,19,-28,112,-37,164v25,1,51,-4,69,6v-14,23,-17,66,-58,63v-1,20,-30,109,-16,138v44,23,115,8,169,21r0,32v-58,18,-109,30,-153,37v-2,61,31,96,47,138xm229,-472v-40,29,-118,60,-137,111v23,32,88,27,137,21v7,-33,22,-101,0,-132xm214,-266v-34,28,-104,45,-117,96v15,30,83,27,122,31v-6,-40,20,-95,-5,-127","w":486},"'":{"d":"155,-263v-175,-1,-161,-260,-104,-386v53,-11,75,-2,97,29v-10,99,-50,262,30,313v1,23,-34,15,-23,44","w":198},"(":{"d":"168,-788v49,-37,107,6,90,50v-6,6,-29,6,-34,12v-104,114,-153,283,-152,504v13,23,22,59,6,84v-4,14,22,24,22,34v2,89,59,157,79,224v-41,-6,-89,-57,-107,-90v-104,-189,-57,-597,44,-750v22,-33,37,-57,52,-68","w":284},")":{"d":"46,115v-64,-29,-24,-133,17,-182v77,-94,111,-192,141,-325v19,-85,10,-188,-30,-242v-34,-45,-73,-79,-87,-144v97,-71,155,91,177,177v77,299,-136,486,-218,716","w":294},"*":{"d":"251,-563v14,-3,21,3,32,4v17,-25,16,-192,36,-215v12,-4,33,7,40,9v5,45,-19,158,-13,202v27,-9,53,-44,89,-27v0,28,-24,35,-40,49v4,26,92,36,103,54v-29,38,-112,19,-157,9v-17,77,42,124,18,207v-21,7,-36,8,-45,4v-11,-25,-44,-170,-71,-184v-65,25,-142,72,-220,85v-6,-12,-17,-25,-14,-45v24,-19,136,-57,162,-71v-26,-8,-109,14,-135,9v-24,-26,-20,-59,12,-71v36,-13,92,-14,136,-19v-6,-24,-35,-36,-27,-72v53,-27,79,31,94,72","w":542},"+":{"d":"422,-603v-4,52,-34,222,-39,265v80,36,216,-17,303,16v-48,78,-217,41,-298,89v-7,79,68,154,17,220v-66,-45,-74,-120,-88,-226v-12,-1,-55,1,-129,8v-96,9,-153,4,-172,-17v-12,-14,-11,-35,3,-63v76,-4,192,17,262,-3v28,-8,45,-19,52,-35v-22,-78,19,-168,22,-243v17,-17,41,-27,67,-11","w":648},",":{"d":"44,209v-2,-6,-28,-16,-29,-24v44,-75,164,-111,157,-231v-2,-26,-62,-77,-18,-104v11,-7,25,-10,42,-9v88,110,-1,247,-66,306v-28,26,-57,47,-86,62","w":248},"-":{"d":"610,-321v3,40,-28,61,-48,78v-199,-4,-299,-6,-300,-6v-75,-2,-159,34,-226,7v-21,-9,-26,-34,-21,-67v216,-29,414,-33,595,-12","w":642},".":{"d":"211,-287v14,70,85,122,52,208v-68,9,-86,83,-165,78v-107,-7,-100,-131,-42,-205v45,-57,82,-87,155,-81","w":316},"\/":{"d":"466,-720v16,2,42,-6,37,13v-3,58,-12,89,-47,116v-107,226,-285,413,-385,646v-18,-4,-44,-5,-52,-19v46,-149,141,-256,219,-371v78,-115,129,-206,228,-385","w":522},"0":{"d":"660,-553v57,111,27,239,-97,379v-88,99,-194,200,-349,228v-152,27,-201,-146,-175,-293v24,-135,144,-280,242,-346v92,10,120,-77,218,-65v76,9,109,60,161,97xm136,-174v15,39,23,114,65,129v242,-27,341,-195,427,-379v-12,-33,-31,-70,-57,-113v-185,-58,-257,105,-354,194v2,86,-39,124,-81,169","w":713},"1":{"d":"58,-370v-5,-12,-37,-38,-39,-54v99,-67,117,-222,268,-237v98,182,13,456,38,696v-99,1,-95,-120,-91,-214v5,-108,18,-235,-8,-329v-47,47,-79,130,-168,138","w":383},"2":{"d":"505,-522v-95,-79,-206,29,-309,35v-49,-87,75,-115,141,-147v61,-29,169,-10,217,18v20,12,32,24,35,38v12,47,-20,111,-91,196v-50,59,-247,212,-295,274v136,-26,334,-29,449,21v5,26,-37,78,-42,91v-157,-99,-430,-31,-575,35v-16,-23,10,-79,7,-98v145,-141,354,-277,463,-463","w":687},"3":{"d":"28,-640v162,-2,431,-22,571,23v0,133,-134,143,-216,193v29,22,103,24,146,30v-2,22,56,51,62,62v53,94,3,216,-57,262v-17,13,-32,27,-51,39v-38,6,-108,28,-148,39v-80,21,-217,47,-263,-24v-22,-34,-34,-76,10,-100v47,-6,52,43,93,54v114,31,303,-43,338,-119v23,-50,6,-91,-61,-128v-70,-7,-299,29,-362,31v-21,-67,16,-107,69,-116r139,-90r100,-56v-107,-41,-256,28,-362,-16v-15,-37,-18,-65,-8,-84","w":639},"4":{"d":"499,-655v123,9,108,188,82,296v40,14,181,18,215,45v5,32,-49,64,-45,96v-55,-12,-111,-33,-178,-22v-5,97,5,183,30,260v-25,-5,-64,26,-89,22v-39,-70,-56,-161,-52,-274v-139,-30,-310,67,-437,-8v-18,-55,45,-67,74,-96r95,-92v121,-120,180,-146,305,-227xm477,-529v-96,57,-185,134,-274,200v76,24,189,-13,267,-15v25,-37,51,-148,7,-185","w":823},"5":{"d":"149,-323v-41,-10,-30,-10,-79,-6v-19,-105,29,-221,40,-314v37,-14,76,-1,86,27v25,-2,70,-5,136,-8v98,-4,331,-10,407,7v-2,24,-52,50,-54,74v-195,-20,-286,29,-489,14v-18,18,-20,54,-26,86v127,-26,288,-45,404,10v104,49,203,175,102,290v-76,87,-213,144,-357,163v-168,23,-278,-48,-283,-210v27,-4,61,-34,87,-6v-1,25,-14,53,0,73v53,79,219,84,326,47v54,-19,176,-94,187,-147v-1,-154,-181,-149,-320,-173v-25,20,-144,49,-167,73","w":771},"6":{"d":"227,23v-23,14,-5,54,-16,77v-19,-8,-30,19,-46,16v-31,-20,-26,-85,-38,-123v-5,-18,-45,-48,-54,-62v-49,-79,-59,-181,-23,-273v50,-127,152,-233,253,-310v34,-26,105,-20,154,-31v15,27,-3,46,0,77v-156,43,-275,147,-311,309v-11,52,-9,108,4,167v42,-119,165,-190,322,-190v71,0,132,39,161,90v9,217,-189,296,-406,253xm242,-69v83,36,208,30,266,-23v21,-20,39,-42,49,-69v-26,-54,-104,-74,-177,-49v-59,20,-130,75,-138,141","w":671},"7":{"d":"326,-328v38,-44,52,-145,71,-206v-29,-27,-310,-20,-339,-43v-41,-15,-50,-44,-27,-85v143,16,296,64,449,32v3,113,-32,196,-58,289v91,35,188,-3,277,38v-38,38,-93,27,-175,45v-43,10,-79,17,-108,26v-73,49,22,264,-128,250v-20,-91,-3,-195,32,-257v-53,-26,-138,0,-199,-19v-9,-38,-11,-64,-7,-77v68,-26,140,6,212,7"},"8":{"d":"527,-369v89,6,146,145,63,212v-98,80,-240,150,-418,145v-102,-3,-156,-96,-123,-206v9,-33,25,-57,48,-73v-51,-28,-77,-96,-56,-173v18,-66,78,-133,146,-150v47,-12,101,22,149,8v100,-29,213,11,258,75v21,32,17,81,-8,102v-20,18,-46,35,-59,60xm413,-381v36,-26,109,-37,119,-90v-72,-90,-305,-54,-387,0v-20,62,-23,115,48,103v66,-11,161,-60,220,-13xm162,-212v-41,45,-28,113,34,125v82,16,167,-15,230,-39v58,-22,132,-65,136,-124v-94,-70,-334,-34,-400,38","w":670},"9":{"d":"119,10v30,0,53,4,60,26v160,-52,252,-164,239,-378v-96,32,-256,140,-365,53v-45,-59,-40,-172,7,-237v66,-92,206,-175,345,-108v97,90,141,296,83,460v-54,153,-157,279,-362,276v-11,-22,-21,-66,-7,-92xm390,-412v24,-46,6,-63,-36,-110v-50,-56,-58,-72,-122,-40v-61,30,-122,99,-119,186v1,23,14,41,33,54v90,-21,207,-19,244,-90","w":541},":":{"d":"189,-557v19,64,-25,128,-59,160v-46,42,-117,32,-106,-41v9,-61,100,-177,165,-119xm219,-211v20,72,-79,139,-151,124v-52,-11,-66,-69,-36,-113v35,-50,147,-69,187,-11","w":234},";":{"d":"213,-442v31,88,-28,158,-117,143v-67,-70,31,-200,117,-143xm20,94v31,-93,129,-150,102,-286v10,-11,34,-11,51,-15v48,54,23,148,-15,194r-103,117v-7,-6,-27,-7,-35,-10","w":236},"<":{"d":"651,-604v4,22,-23,57,-21,77v-150,71,-349,125,-453,244v61,31,334,125,390,168v1,11,17,52,14,69v-228,7,-389,-106,-565,-153v-36,-145,113,-191,212,-245r178,-98v62,-29,145,-77,245,-62","w":666},"=":{"d":"692,-455v-38,42,-127,34,-191,48v-143,31,-282,111,-469,102v-11,-28,-15,-53,-14,-75v20,-32,77,-11,116,-14v179,-12,375,-148,558,-61xm746,-258v-139,108,-451,102,-680,75v-9,-19,-9,-55,0,-75v207,-20,472,-5,680,0","w":800},">":{"d":"24,39v80,-182,296,-240,409,-389v-93,-42,-236,-79,-336,-112v-29,-34,-14,-97,33,-99v59,-4,125,43,171,59v67,23,207,47,251,93v-54,183,-235,263,-363,369v-39,32,-70,102,-132,112v1,-22,-18,-25,-33,-33","w":576},"?":{"d":"310,-574v-66,-44,-169,3,-194,58v-12,27,-22,56,-66,46v-10,-11,-14,-31,-20,-45v28,-39,50,-84,88,-113v66,-51,215,-51,261,20v-15,125,-82,195,-143,275v9,42,0,99,-14,128v-14,-6,-25,10,-35,10v-32,-26,-31,-88,-34,-143v60,-70,133,-129,157,-236xm232,-92v-8,39,19,126,-53,104v-11,-4,-19,-5,-26,-5v-34,-34,-21,-99,25,-107v15,-3,33,-1,54,8","w":424},"@":{"d":"412,-191v-7,-9,-50,-20,-56,-30v-36,27,-116,113,-172,48v-58,-42,-18,-138,16,-183v43,-56,116,-147,207,-98v66,36,-33,123,15,182v122,0,191,-89,222,-186v23,-72,11,-153,-24,-204v-131,-36,-259,17,-380,162v-66,79,-142,181,-158,303v-27,216,176,246,376,260v-3,55,-83,18,-112,45v-98,-3,-180,-15,-233,-55v-94,-69,-120,-222,-66,-353v66,-161,167,-291,302,-380v95,-63,206,-93,296,-30v30,21,47,52,56,89v41,183,-35,324,-228,425v-32,-1,-37,-2,-61,5xm336,-282v-9,-26,-4,-69,0,-96v-55,23,-109,81,-101,157v31,3,64,-18,101,-61","w":732},"A":{"d":"162,-161v42,-38,90,-92,171,-93v-1,-33,-73,-159,-78,-191v-126,100,-71,377,-238,443v-33,-103,21,-202,50,-278r101,-258v15,-41,28,-83,40,-128v74,-25,66,94,130,53v45,118,79,252,158,337v59,10,131,4,148,59v-28,13,-39,31,-53,60v21,35,39,61,54,80v2,51,-33,61,-68,79v-44,-18,-135,-142,-179,-160v-68,-10,-179,58,-227,65","w":656},"B":{"d":"31,-421v0,-13,-16,-40,-15,-54v40,-37,86,-58,137,-61v-6,-48,-1,-88,15,-119v18,-37,44,-38,77,-3v5,19,2,50,-8,92v89,7,191,0,229,61v9,67,-41,96,-61,137v50,1,226,-11,287,0v49,9,88,22,117,46v6,116,-104,160,-152,221v-16,6,-59,26,-130,57v-121,53,-186,84,-328,88v13,-78,-20,-152,-30,-214v-45,9,-88,9,-130,0v-36,-84,61,-98,114,-129v-3,-44,9,-119,-7,-153v-25,3,-89,29,-115,31xm237,-452r0,92v54,-4,127,-56,145,-99v-40,-24,-104,-11,-145,7xm252,-208v15,37,-14,134,-15,160v223,-48,378,-122,465,-221v-140,-39,-290,-19,-450,61","w":840},"C":{"d":"550,-632v13,83,-80,57,-149,70v-99,19,-146,121,-220,170v-61,182,23,344,216,294v141,-37,221,-154,383,-165v-51,106,-303,266,-449,280v-170,16,-281,-65,-311,-203v-43,-197,86,-325,202,-416v107,-84,188,-96,328,-30","w":817},"D":{"d":"194,-520v-33,165,-29,290,17,434v-38,68,-74,78,-106,28v-45,-70,-72,-240,-47,-374v15,-78,17,-99,-20,-140v-15,-16,-20,-31,-17,-43v8,1,6,-2,8,-9v66,-54,112,-63,139,-26v84,-10,274,62,338,70v41,5,185,119,208,138v46,38,78,123,78,200v0,34,-25,71,-60,113v-186,120,-366,226,-642,225r0,-69v33,-6,66,-12,98,-19v159,-37,341,-85,450,-174v72,-59,43,-183,-22,-229v-104,-74,-258,-110,-422,-125","w":836},"E":{"d":"373,-313v10,216,242,212,463,217v40,1,72,6,94,12v13,68,-58,70,-119,79v-103,14,-283,0,-338,-40v-21,-5,-34,30,-60,20v-125,-49,-195,-137,-208,-268v-75,-12,-103,49,-179,40v-3,-30,-11,-61,0,-90v12,-30,134,-42,149,-69v-16,-68,-60,-157,-20,-229v280,-26,559,25,755,120v-163,63,-426,-23,-586,39v15,41,47,42,98,30v26,-7,42,-10,51,-10v121,0,220,13,298,40v-47,48,-338,82,-398,109","w":920},"F":{"d":"917,-562v-248,3,-453,28,-619,108v-2,44,4,100,-9,132v110,-32,208,-104,355,-78v33,6,68,21,105,40v-27,49,-100,69,-220,62v-142,60,-124,49,-240,134v-8,70,12,166,-62,176v-27,-18,-39,-65,-35,-141v-6,-34,-37,4,-52,-17v-22,-61,29,-80,52,-106v-7,-59,-4,-129,9,-211v-64,13,-131,30,-205,9v-11,-24,-20,-58,-8,-88v44,-18,165,-11,213,-27v-14,-50,51,-122,101,-99v17,9,27,27,31,55v89,5,130,-10,205,-20v240,-31,366,-8,379,71","w":867},"G":{"d":"389,-656v7,58,10,108,8,149v-37,9,-65,2,-84,-19v-108,33,-186,148,-164,296v6,44,26,82,55,113v59,35,147,56,224,25v55,-22,109,-56,160,-81v-21,-45,-29,-89,-86,-76v-49,11,-119,13,-165,-9v-23,-11,-44,-16,-61,-17r0,-93v49,-36,104,-61,172,-46v90,20,189,45,302,38v81,-5,68,17,144,54v-29,19,-42,30,-41,35v-15,-3,-59,-2,-73,9v0,10,16,17,10,31v-16,-9,-73,5,-93,0v0,61,-3,99,-8,112v-110,91,-262,181,-463,152v-174,-25,-248,-186,-199,-413v27,-126,119,-231,241,-266v40,-11,81,-9,121,6","w":845},"H":{"d":"800,46v-130,-34,-165,-158,-190,-300v-63,61,-246,42,-341,70v-5,37,45,83,40,120v-55,36,-103,33,-142,-10v-35,-39,-57,-90,-68,-150v-60,-14,-112,-69,-80,-150v16,-17,60,-10,80,-20v-1,-80,-1,-130,2,-149v12,-74,43,-107,118,-101v47,67,23,216,40,310v159,14,171,9,341,0v-11,-122,3,-253,80,-296v23,-13,54,-9,90,6v-23,128,-34,302,-10,440v12,71,91,153,40,230","w":824},"I":{"d":"147,-657v49,72,67,160,58,290v-3,51,-5,88,-7,111r-24,228v-7,37,-23,61,-63,63v-136,-74,-34,-349,-87,-523v-18,-60,-32,-160,44,-170v24,-3,51,-3,79,1","w":224},"J":{"d":"798,-672v-59,78,-177,77,-268,123v15,100,64,203,72,309v6,79,-27,124,-72,168v-97,96,-412,144,-496,0v-15,-25,-17,-57,-11,-92v20,-46,104,-39,140,-9v-7,43,14,70,63,83v99,24,266,-33,275,-120v13,-120,-75,-207,-96,-302v-76,1,-172,35,-247,12v-27,-8,-53,-20,-76,-40v7,-7,9,-23,6,-48v-3,-25,2,-42,16,-53v228,99,449,-41,694,-31","w":814},"K":{"d":"158,-109v-15,62,28,130,-8,179v-30,-7,-56,-36,-80,-89v-24,-53,-52,-118,-52,-199v0,-160,-5,-365,55,-475r62,0v22,146,-24,251,-8,405v23,-7,55,-18,97,-33v84,-30,128,-44,232,-50v26,-2,61,15,88,0v36,-20,88,-22,99,23r-376,122v14,33,70,32,109,40v107,21,144,106,259,119v0,15,-15,28,0,39v13,-48,92,-12,86,23r-141,-8r-118,-17"},"L":{"d":"m70,-669v29,-5,57,12,75,19v50,141,28,372,18,538v151,-57,302,-44,470,-84v59,-14,116,0,133,46v-16,29,-72,32,-75,75v-252,-2,-408,98,-659,93v-34,-148,15,-357,10,-518v0,-14,-18,-83,-10,-103v9,-22,48,-32,38,-66","w":770},"M":{"d":"m577,-313v-50,88,-93,166,-185,208v-85,-47,-126,-128,-169,-227v-46,111,-52,284,-152,344v-19,11,-40,15,-64,12v-1,-205,86,-461,123,-624v54,-12,74,-97,147,-69v33,95,53,269,91,367v29,73,64,79,98,10v43,-89,55,-250,104,-328v29,-15,61,0,84,10v46,185,37,482,162,595v-39,33,-82,43,-120,9v-72,-65,-100,-188,-119,-307","w":829},"N":{"d":"776,-650v10,60,-21,238,-20,290v3,148,81,240,90,380v-101,52,-170,-51,-210,-120v-168,-63,-247,-185,-424,-239v-57,69,-32,194,-20,290v-22,24,-97,26,-130,10v-102,-145,-22,-420,60,-520v92,-30,137,42,190,80v98,69,202,93,284,179v54,-85,-1,-285,70,-360v46,-6,74,-7,110,10","w":861},"O":{"d":"151,-442v-65,-42,-81,-81,-41,-106v147,-90,427,-4,552,57v84,42,202,128,140,245v-82,153,-298,215,-530,215v-157,0,-296,-63,-245,-227v23,-72,72,-133,124,-184xm416,-452v-88,16,-156,49,-190,123v-19,41,-68,119,-24,161v56,53,184,35,273,24v86,-11,195,-29,243,-81v49,-53,27,-72,-35,-129v-73,-67,-76,-77,-175,-94v-39,-7,-69,-7,-92,-4","w":837},"P":{"d":"154,-334v-23,136,55,210,70,325v2,20,-3,43,-15,68v-65,-63,-131,-112,-143,-232v-9,-95,1,-173,-9,-271v-67,-56,-13,-179,42,-207v109,-57,340,-20,412,47v54,51,17,111,-33,146v-74,53,-232,91,-324,124xm154,-555v10,16,-6,125,0,145v104,-23,169,-60,262,-110v-29,-74,-196,-86,-262,-35","w":559},"Q":{"d":"774,-437v0,72,-37,116,-52,173v73,49,173,76,198,168v9,33,-6,61,-25,83v-66,-69,-192,-107,-285,-147v-115,53,-226,179,-406,164v-135,-11,-208,-116,-182,-277v21,-132,121,-247,303,-345v23,11,40,22,51,34v66,-45,167,-68,260,-40v74,22,138,91,138,187xm532,-212v-48,-16,-97,-68,-86,-135v6,-40,76,-60,105,-28v24,26,43,61,85,68v43,-51,60,-186,-17,-216v-180,-7,-325,58,-411,157v-42,49,-68,115,-48,206v20,91,147,75,224,40v54,-25,115,-57,148,-92","w":872},"R":{"d":"665,-554v-25,182,-190,240,-295,340v41,21,454,98,488,130v6,21,-20,44,-18,62v-193,28,-398,-29,-577,-49v-48,9,-26,95,-90,89r-43,-150v-17,-66,-22,-135,-19,-216v-22,-22,-37,27,-71,9v-36,-41,-44,-82,-12,-125v39,-52,109,-91,128,-161v113,-47,325,-77,438,-5v32,20,56,45,71,76xm227,-473v20,86,-10,174,18,250v109,-92,272,-151,322,-304v-106,-54,-286,-24,-340,54","w":888},"S":{"d":"459,-505v-90,-72,-263,-16,-298,67v-13,30,-16,71,2,90v97,101,335,105,425,213v19,87,-53,99,-109,125v-113,21,-252,29,-418,23r0,-74v64,-45,197,-50,287,-65v-85,-96,-301,-77,-333,-222v-18,-81,50,-206,102,-240v71,-46,185,-105,303,-97v61,4,102,52,90,116v-6,28,-23,49,-51,64","w":613},"T":{"d":"26,-563v0,-37,32,-51,52,-70v228,14,415,9,600,-7v45,-4,86,11,102,42v13,24,-27,9,-17,35v-47,-14,-201,30,-251,17v-12,164,-75,354,-44,537v-15,41,-53,59,-112,52v-54,-166,7,-386,17,-554v-91,-34,-229,28,-319,-6v-19,-7,-28,-24,-28,-46","w":806},"U":{"d":"740,-588v61,234,-38,452,-203,528v-182,84,-375,-31,-455,-150v-44,-66,-77,-158,-54,-267v20,-20,86,-8,122,-11v35,83,63,139,84,169v66,92,150,132,284,120v83,-54,114,-261,33,-344v7,-74,133,-83,189,-45","w":771},"V":{"d":"693,-722v-121,131,-138,386,-179,595v-32,46,-97,90,-118,148v-67,9,-88,-69,-119,-99v-84,-81,-207,-144,-254,-264v-19,-50,-15,-102,6,-152v43,-8,74,1,109,10v39,127,159,194,228,288v75,-167,83,-427,188,-565v66,-32,113,-13,139,39","w":715},"W":{"d":"925,-636v17,153,26,262,25,328v-2,201,-58,323,-173,347v-186,38,-281,-96,-381,-193r-35,-38v-74,47,-131,142,-259,138v-92,-78,-111,-301,-74,-453v17,-7,51,-10,102,-9v41,85,14,238,56,324v121,2,35,-207,148,-222v114,-15,141,132,203,194v51,51,112,117,202,126v81,8,88,-107,85,-184v-4,-106,-31,-214,-20,-324v3,-30,14,-54,29,-71v46,-10,63,25,92,37","w":973},"X":{"d":"57,113v52,-192,161,-319,303,-429v-80,-32,-145,-115,-230,-144v-29,-10,-57,-11,-83,-2v-43,-36,-46,-88,-11,-157v164,-25,317,35,460,178v129,-96,237,-187,324,-272v52,-4,82,10,115,31v-46,146,-202,206,-293,303v94,87,272,110,355,209v1,36,-51,0,-41,53v-159,-16,-271,-47,-377,-126v-195,74,-344,192,-386,418v-20,-5,-29,8,-42,11v-22,-10,-72,-64,-94,-73","w":997},"Y":{"d":"140,-622v13,94,4,210,89,232v106,28,213,-53,294,-72v0,-87,86,-152,160,-89v18,205,-88,339,-107,525v-11,109,-14,242,-142,233v-40,-204,49,-369,71,-553v-122,19,-323,121,-436,18v-62,-57,-77,-215,-27,-303v33,-9,65,-6,98,9","w":706},"Z":{"d":"43,-614v182,28,478,-14,607,72v-16,270,-358,235,-471,408v178,-21,436,-164,598,-27v-12,39,-71,80,-118,45v-221,-2,-384,141,-616,91v-50,-213,140,-259,281,-328v52,-26,126,-62,163,-98v-127,-40,-314,2,-453,-27v-22,-40,-24,-107,9,-136","w":801},"\\":{"d":"62,-720v-12,1,-45,-8,-37,13v3,57,13,88,46,115v108,226,285,414,386,647v16,-6,45,-4,52,-20v-47,-147,-144,-254,-219,-370v-97,-149,-112,-169,-219,-371v0,-4,-9,-10,-9,-14","w":550},"_":{"d":"612,-90v4,40,-28,61,-48,78v-200,-4,-300,-6,-301,-6v-73,-1,-159,35,-225,7v-21,-9,-28,-34,-21,-67v216,-29,414,-33,595,-12","w":640},"`":{"d":"110,-782v63,60,113,142,202,175v19,7,39,5,58,0v15,10,-6,44,20,46v-38,44,-96,64,-161,37v-88,-37,-160,-119,-203,-202v20,-38,34,-59,84,-56","w":430},"a":{"d":"162,-161v42,-38,90,-92,171,-93v-1,-33,-73,-159,-78,-191v-126,100,-71,377,-238,443v-33,-103,21,-202,50,-278r101,-258v15,-41,28,-83,40,-128v74,-25,66,94,130,53v45,118,79,252,158,337v59,10,131,4,148,59v-28,13,-39,31,-53,60v21,35,39,61,54,80v2,51,-33,61,-68,79v-44,-18,-135,-142,-179,-160v-68,-10,-179,58,-227,65","w":656},"b":{"d":"31,-421v0,-13,-16,-40,-15,-54v40,-37,86,-58,137,-61v-6,-48,-1,-88,15,-119v18,-37,44,-38,77,-3v5,19,2,50,-8,92v89,7,191,0,229,61v9,67,-41,96,-61,137v50,1,226,-11,287,0v49,9,88,22,117,46v6,116,-104,160,-152,221v-16,6,-59,26,-130,57v-121,53,-186,84,-328,88v13,-78,-20,-152,-30,-214v-45,9,-88,9,-130,0v-36,-84,61,-98,114,-129v-3,-44,9,-119,-7,-153v-25,3,-89,29,-115,31xm237,-452r0,92v54,-4,127,-56,145,-99v-40,-24,-104,-11,-145,7xm252,-208v15,37,-14,134,-15,160v223,-48,378,-122,465,-221v-140,-39,-290,-19,-450,61","w":840},"c":{"d":"550,-632v13,83,-80,57,-149,70v-99,19,-146,121,-220,170v-61,182,23,344,216,294v141,-37,221,-154,383,-165v-51,106,-303,266,-449,280v-170,16,-281,-65,-311,-203v-43,-197,86,-325,202,-416v107,-84,188,-96,328,-30","w":817},"d":{"d":"194,-520v-33,165,-29,290,17,434v-38,68,-74,78,-106,28v-45,-70,-72,-240,-47,-374v15,-78,17,-99,-20,-140v-15,-16,-20,-31,-17,-43v8,1,6,-2,8,-9v66,-54,112,-63,139,-26v84,-10,274,62,338,70v41,5,185,119,208,138v46,38,78,123,78,200v0,34,-25,71,-60,113v-186,120,-366,226,-642,225r0,-69v33,-6,66,-12,98,-19v159,-37,341,-85,450,-174v72,-59,43,-183,-22,-229v-104,-74,-258,-110,-422,-125","w":836},"e":{"d":"373,-313v10,216,242,212,463,217v40,1,72,6,94,12v13,68,-58,70,-119,79v-103,14,-283,0,-338,-40v-21,-5,-34,30,-60,20v-125,-49,-195,-137,-208,-268v-75,-12,-103,49,-179,40v-3,-30,-11,-61,0,-90v12,-30,134,-42,149,-69v-16,-68,-60,-157,-20,-229v280,-26,559,25,755,120v-163,63,-426,-23,-586,39v15,41,47,42,98,30v26,-7,42,-10,51,-10v121,0,220,13,298,40v-47,48,-338,82,-398,109","w":920},"f":{"d":"917,-562v-248,3,-453,28,-619,108v-2,44,4,100,-9,132v110,-32,208,-104,355,-78v33,6,68,21,105,40v-27,49,-100,69,-220,62v-142,60,-124,49,-240,134v-8,70,12,166,-62,176v-27,-18,-39,-65,-35,-141v-6,-34,-37,4,-52,-17v-22,-61,29,-80,52,-106v-7,-59,-4,-129,9,-211v-64,13,-131,30,-205,9v-11,-24,-20,-58,-8,-88v44,-18,165,-11,213,-27v-14,-50,51,-122,101,-99v17,9,27,27,31,55v89,5,130,-10,205,-20v240,-31,366,-8,379,71","w":867},"g":{"d":"389,-656v7,58,10,108,8,149v-37,9,-65,2,-84,-19v-108,33,-186,148,-164,296v6,44,26,82,55,113v59,35,147,56,224,25v55,-22,109,-56,160,-81v-21,-45,-29,-89,-86,-76v-49,11,-119,13,-165,-9v-23,-11,-44,-16,-61,-17r0,-93v49,-36,104,-61,172,-46v90,20,189,45,302,38v81,-5,68,17,144,54v-29,19,-42,30,-41,35v-15,-3,-59,-2,-73,9v0,10,16,17,10,31v-16,-9,-73,5,-93,0v0,61,-3,99,-8,112v-110,91,-262,181,-463,152v-174,-25,-248,-186,-199,-413v27,-126,119,-231,241,-266v40,-11,81,-9,121,6","w":845},"h":{"d":"800,46v-130,-34,-165,-158,-190,-300v-63,61,-246,42,-341,70v-5,37,45,83,40,120v-55,36,-103,33,-142,-10v-35,-39,-57,-90,-68,-150v-60,-14,-112,-69,-80,-150v16,-17,60,-10,80,-20v-1,-80,-1,-130,2,-149v12,-74,43,-107,118,-101v47,67,23,216,40,310v159,14,171,9,341,0v-11,-122,3,-253,80,-296v23,-13,54,-9,90,6v-23,128,-34,302,-10,440v12,71,91,153,40,230","w":824},"i":{"d":"147,-657v49,72,67,160,58,290v-3,51,-5,88,-7,111r-24,228v-7,37,-23,61,-63,63v-136,-74,-34,-349,-87,-523v-18,-60,-32,-160,44,-170v24,-3,51,-3,79,1","w":224},"j":{"d":"798,-672v-59,78,-177,77,-268,123v15,100,64,203,72,309v6,79,-27,124,-72,168v-97,96,-412,144,-496,0v-15,-25,-17,-57,-11,-92v20,-46,104,-39,140,-9v-7,43,14,70,63,83v99,24,266,-33,275,-120v13,-120,-75,-207,-96,-302v-76,1,-172,35,-247,12v-27,-8,-53,-20,-76,-40v7,-7,9,-23,6,-48v-3,-25,2,-42,16,-53v228,99,449,-41,694,-31","w":814},"k":{"d":"158,-109v-15,62,28,130,-8,179v-30,-7,-56,-36,-80,-89v-24,-53,-52,-118,-52,-199v0,-160,-5,-365,55,-475r62,0v22,146,-24,251,-8,405v23,-7,55,-18,97,-33v84,-30,128,-44,232,-50v26,-2,61,15,88,0v36,-20,88,-22,99,23r-376,122v14,33,70,32,109,40v107,21,144,106,259,119v0,15,-15,28,0,39v13,-48,92,-12,86,23r-141,-8r-118,-17"},"l":{"d":"m70,-669v29,-5,57,12,75,19v50,141,28,372,18,538v151,-57,302,-44,470,-84v59,-14,116,0,133,46v-16,29,-72,32,-75,75v-252,-2,-408,98,-659,93v-34,-148,15,-357,10,-518v0,-14,-18,-83,-10,-103v9,-22,48,-32,38,-66","w":770},"m":{"d":"m577,-313v-50,88,-93,166,-185,208v-85,-47,-126,-128,-169,-227v-46,111,-52,284,-152,344v-19,11,-40,15,-64,12v-1,-205,86,-461,123,-624v54,-12,74,-97,147,-69v33,95,53,269,91,367v29,73,64,79,98,10v43,-89,55,-250,104,-328v29,-15,61,0,84,10v46,185,37,482,162,595v-39,33,-82,43,-120,9v-72,-65,-100,-188,-119,-307","w":829},"n":{"d":"776,-650v10,60,-21,238,-20,290v3,148,81,240,90,380v-101,52,-170,-51,-210,-120v-168,-63,-247,-185,-424,-239v-57,69,-32,194,-20,290v-22,24,-97,26,-130,10v-102,-145,-22,-420,60,-520v92,-30,137,42,190,80v98,69,202,93,284,179v54,-85,-1,-285,70,-360v46,-6,74,-7,110,10","w":861},"o":{"d":"151,-442v-65,-42,-81,-81,-41,-106v147,-90,427,-4,552,57v84,42,202,128,140,245v-82,153,-298,215,-530,215v-157,0,-296,-63,-245,-227v23,-72,72,-133,124,-184xm416,-452v-88,16,-156,49,-190,123v-19,41,-68,119,-24,161v56,53,184,35,273,24v86,-11,195,-29,243,-81v49,-53,27,-72,-35,-129v-73,-67,-76,-77,-175,-94v-39,-7,-69,-7,-92,-4","w":837},"p":{"d":"154,-334v-23,136,55,210,70,325v2,20,-3,43,-15,68v-65,-63,-131,-112,-143,-232v-9,-95,1,-173,-9,-271v-67,-56,-13,-179,42,-207v109,-57,340,-20,412,47v54,51,17,111,-33,146v-74,53,-232,91,-324,124xm154,-555v10,16,-6,125,0,145v104,-23,169,-60,262,-110v-29,-74,-196,-86,-262,-35","w":559},"q":{"d":"774,-437v0,72,-37,116,-52,173v73,49,173,76,198,168v9,33,-6,61,-25,83v-66,-69,-192,-107,-285,-147v-115,53,-226,179,-406,164v-135,-11,-208,-116,-182,-277v21,-132,121,-247,303,-345v23,11,40,22,51,34v66,-45,167,-68,260,-40v74,22,138,91,138,187xm532,-212v-48,-16,-97,-68,-86,-135v6,-40,76,-60,105,-28v24,26,43,61,85,68v43,-51,60,-186,-17,-216v-180,-7,-325,58,-411,157v-42,49,-68,115,-48,206v20,91,147,75,224,40v54,-25,115,-57,148,-92","w":872},"r":{"d":"665,-554v-25,182,-190,240,-295,340v41,21,454,98,488,130v6,21,-20,44,-18,62v-193,28,-398,-29,-577,-49v-48,9,-26,95,-90,89r-43,-150v-17,-66,-22,-135,-19,-216v-22,-22,-37,27,-71,9v-36,-41,-44,-82,-12,-125v39,-52,109,-91,128,-161v113,-47,325,-77,438,-5v32,20,56,45,71,76xm227,-473v20,86,-10,174,18,250v109,-92,272,-151,322,-304v-106,-54,-286,-24,-340,54","w":888},"s":{"d":"459,-505v-90,-72,-263,-16,-298,67v-13,30,-16,71,2,90v97,101,335,105,425,213v19,87,-53,99,-109,125v-113,21,-252,29,-418,23r0,-74v64,-45,197,-50,287,-65v-85,-96,-301,-77,-333,-222v-18,-81,50,-206,102,-240v71,-46,185,-105,303,-97v61,4,102,52,90,116v-6,28,-23,49,-51,64","w":613},"t":{"d":"26,-563v0,-37,32,-51,52,-70v228,14,415,9,600,-7v45,-4,86,11,102,42v13,24,-27,9,-17,35v-47,-14,-201,30,-251,17v-12,164,-75,354,-44,537v-15,41,-53,59,-112,52v-54,-166,7,-386,17,-554v-91,-34,-229,28,-319,-6v-19,-7,-28,-24,-28,-46","w":806},"u":{"d":"740,-588v61,234,-38,452,-203,528v-182,84,-375,-31,-455,-150v-44,-66,-77,-158,-54,-267v20,-20,86,-8,122,-11v35,83,63,139,84,169v66,92,150,132,284,120v83,-54,114,-261,33,-344v7,-74,133,-83,189,-45","w":771},"v":{"d":"693,-722v-121,131,-138,386,-179,595v-32,46,-97,90,-118,148v-67,9,-88,-69,-119,-99v-84,-81,-207,-144,-254,-264v-19,-50,-15,-102,6,-152v43,-8,74,1,109,10v39,127,159,194,228,288v75,-167,83,-427,188,-565v66,-32,113,-13,139,39","w":715},"w":{"d":"925,-636v17,153,26,262,25,328v-2,201,-58,323,-173,347v-186,38,-281,-96,-381,-193r-35,-38v-74,47,-131,142,-259,138v-92,-78,-111,-301,-74,-453v17,-7,51,-10,102,-9v41,85,14,238,56,324v121,2,35,-207,148,-222v114,-15,141,132,203,194v51,51,112,117,202,126v81,8,88,-107,85,-184v-4,-106,-31,-214,-20,-324v3,-30,14,-54,29,-71v46,-10,63,25,92,37","w":973},"x":{"d":"57,113v52,-192,161,-319,303,-429v-80,-32,-145,-115,-230,-144v-29,-10,-57,-11,-83,-2v-43,-36,-46,-88,-11,-157v164,-25,317,35,460,178v129,-96,237,-187,324,-272v52,-4,82,10,115,31v-46,146,-202,206,-293,303v94,87,272,110,355,209v1,36,-51,0,-41,53v-159,-16,-271,-47,-377,-126v-195,74,-344,192,-386,418v-20,-5,-29,8,-42,11v-22,-10,-72,-64,-94,-73","w":997},"y":{"d":"140,-622v13,94,4,210,89,232v106,28,213,-53,294,-72v0,-87,86,-152,160,-89v18,205,-88,339,-107,525v-11,109,-14,242,-142,233v-40,-204,49,-369,71,-553v-122,19,-323,121,-436,18v-62,-57,-77,-215,-27,-303v33,-9,65,-6,98,9","w":706},"z":{"d":"43,-614v182,28,478,-14,607,72v-16,270,-358,235,-471,408v178,-21,436,-164,598,-27v-12,39,-71,80,-118,45v-221,-2,-384,141,-616,91v-50,-213,140,-259,281,-328v52,-26,126,-62,163,-98v-127,-40,-314,2,-453,-27v-22,-40,-24,-107,9,-136","w":801},"\u00a0":{"w":383}}});

data/lib/views/cluster.erb

@@ -5,22 +5,26 @@
    seen_hosts = Set.new %>
 
 <% boards.each do |b| %>
-<h2><a href="/dash/<%= "#{@cluster}/#{append_query_string(b.name)}" %>"><%= b.name %></a>
+<h3><a href="/dash/<%= "#{@cluster}/#{append_query_string(b.name)}" %>"><%= b.name %></a>
   <% dash_hosts = b.get_all_hosts(@cluster)[0]
      seen_hosts += dash_hosts %>
   <%= hosts_selector(dash_hosts) %>
-</h2>
+</h3>
+<ul>
 <%= b.graphs.collect do |g|
     href = append_query_string("/dash/#{@cluster}/#{b.name}/#{g}")
     "<li><a href=\"#{href}\">#{g}</a><br></li>"
     end %>
 <br>
+</ul>
 <% end %>
 
 <% if (hosts.to_set - seen_hosts).size > 0 %>
 <h3>Other Hosts (not associated with a dashboard)</h3>
+<ul>
 <%= (hosts.to_set - seen_hosts).sort.collect do |h|
     href = append_query_string("/host/#{@cluster}/#{h}")
     "<li><a href=\"#{href}\">#{h}</a></li>"
     end %>
 <% end %>
+</ul>

data/lib/views/dash-cluster-zoom.erb

@@ -1,27 +1,27 @@
+<%= header(graph_uplink) %>
 <% hosts = @dash.get_valid_hosts(@zoom, @cluster)[0].sort %>
 
 <%= cluster_switcher(@dash.clusters) %>
 <%= graph_switcher %>
-<%= graph_uplink %>
-<br>
-<br>
-<%= hosts.collect { |h| "<a href=\"##{h}\">#{h}</a>" }.join(" ") %>
+<%= shortcuts(hosts.collect { |h| "<a href=\"##{h}\">#{h}</a>" }.join(" ")) %>
 
-<div class="graphsection" style="width:<%= @zoom.width(merge_opts) %>;">
-  <span class="graphtitle"><%= @zoom.name %> / <%= @cluster %> :: summary</span>
+<div class="graph_container">
+  <h3><%= @zoom.name %> / <%= @cluster %> :: summary
+  </h3>
   <div class="graph">
     <img src="<%= @dash.render_cluster_graph(@zoom, @cluster, :dynamic_url_opts => merge_opts) %>">
   </div>
 </div>
 
 <% hosts.each do |host| %>
-<div class="graphsection" style="width:<%= @zoom.width(merge_opts) %>;">
-  <a name="<%= host %>">
-    <% image_url, zoom_url = cluster_zoom_graph(@zoom, @cluster, host, "#{@zoom.name} / #{@cluster} / #{host}") %>
-    <span class="graphtitle"><%= @zoom.name %> / <%= @cluster %> / <%= host %></span>
-    <span class="dashlinks">(<a href="<%= zoom_url %>">host</a>)</span>
-    <div class="graph">
-      <a href="<%= zoom_url %>"><img src="<%= image_url %>"></a>
-    </div>
+<div class="graph_container">
+  <a name="<%= host %>"></a>
+  <% image_url, zoom_url = cluster_zoom_graph(@zoom, @cluster, host, "#{@zoom.name} / #{@cluster} / #{host}") %>
+  <h3><%= @zoom.name %> / <%= @cluster %> / <%= host %>
+    <span class="tools">(<a href="<%= zoom_url %>">host</a>)</span>
+  </h3>
+  <div class="graph">
+    <a href="<%= zoom_url %>"><img src="<%= image_url %>"></a>
+  </div>
 </div>
 <% end %>

data/lib/views/dash-cluster.erb

@@ -1,18 +1,17 @@
+<%= header(dash_uplink) %>
 <%= cluster_switcher(@dash.clusters) %>
 <%= dash_switcher %>
-<%= dash_uplink %>
-<br>
-<br>
-<%= @dash.graphs.collect { |g| "<a href=\"##{g.name}\">#{g.name}</a>" }.join(" ") %>
+<%= shortcuts(@dash.graphs.collect { |g| "<a href=\"##{g.name}\">#{g.name}</a>" }.join(" ")) %>
 
 <% @dash.graphs.each do |g| %>
-<div class="graphsection" style="width:<%= g.width(merge_opts) %>;">
-  <a name="<%= g.name %>">
-    <% image_url, zoom_url = cluster_graph(g, @cluster, "#{g.name} / #{@cluster}") %>
-    <span class="graphtitle"><%= g.name %></span>
-    <span class="dashlinks">(<a href="<%= zoom_url %>">zoom</a>)</span>
-    <div class="graph">
-      <a href="<%= zoom_url %>"><img src="<%= image_url %>"></a>
-    </div>
+<div class="graph_container">
+  <a name="<%= g.name %>"></a>
+  <% image_url, zoom_url = cluster_graph(g, @cluster, "#{g.name} / #{@cluster}") %>
+  <h3><%= g.name %>
+    <span class="tools">(<a href="<%= zoom_url %>">zoom</a>)</span>
+  </h3>
+  <div class="graph">
+    <a href="<%= zoom_url %>"><img src="<%= image_url %>"></a>
+  </div>
 </div>
 <% end %>

data/lib/views/dash-global-zoom.erb

@@ -1,30 +1,28 @@
+<%= header(graph_uplink) %>
 <% hosts, clusters = @dash.get_valid_hosts(@zoom) %>
 
 <%= cluster_switcher(@dash.clusters) %>
 <%= graph_switcher %>
-<%= graph_uplink %>
-<br>
-<br>
-<%= clusters.sort.collect { |h| "<a href=\"##{h}\">#{h}</a>" }.join(" ") %>
-<br>
+<%= shortcuts(clusters.sort.collect { |h| "<a href=\"##{h}\">#{h}</a>" }.join(" ")) %>
 
-<div class="graphsection" style="width:<%= @zoom.width(merge_opts) %>;">
+<div class="graph_container">
   <% graph_name = "#{@zoom.name} overview" %>
-  <span class="graphtitle"><%= graph_name %></span>
+  <h3><%= graph_name %></h3>
   <div class="graph">
     <img src="<%= @dash.render_global_graph(@zoom, :dynamic_url_opts => merge_opts) %>">
   </div>
 </div>
 
 <% clusters.sort.each do |cluster| %>
-<div class="graphsection" style="width:<%= @zoom.width(merge_opts) %>;">
-  <a name="<%= cluster %>">
-    <% graph_name = "#{@dash.name} / #{@zoom.name} / #{cluster}" %>
-    <% image_url, zoom_url = cluster_graph(@zoom, cluster, graph_name) %>
-    <span class="graphtitle"><%= graph_name %></span>
-    <span class="dashlinks">(<a href="<%= zoom_url %>">zoom</a>)</span>
-    <div class="graph">
-      <a href="<%= zoom_url %>"><img src="<%= image_url %>"></a>
-    </div>
+<div class="graph_container">
+  <a name="<%= cluster %>"></a>
+  <% graph_name = "#{@dash.name} / #{@zoom.name} / #{cluster}" %>
+  <% image_url, zoom_url = cluster_graph(@zoom, cluster, graph_name) %>
+  <h3><%= graph_name %>
+    <span class="tools">(<a href="<%= zoom_url %>">zoom</a>)</span>
+  </h3>
+  <div class="graph">
+    <a href="<%= zoom_url %>"><img src="<%= image_url %>"></a>
+  </div>
 </div>
 <% end %>

data/lib/views/dash-global.erb

@@ -1,17 +1,17 @@
-<% clusters =  @dash.clusters %>
-
+<%= header(dash_uplink) %>
+<% clusters = @dash.clusters %>
 <%= cluster_switcher(clusters) %>
 <%= dash_switcher %>
-<%= dash_uplink %>
-<br>
-<br>
-<%= @dash.graphs.collect { |g| "<a href=\"##{g.name}\">#{g.name}</a>" }.join(" ") %>
+<%= shortcuts(@dash.graphs.collect { |g| "<a href=\"##{g.name}\">#{g.name}</a>" }.join(" ")) %>
 
 <% @dash.graphs.each do |g| %>
-<div class="graphsection" style="width:<%= g.width(merge_opts) %>;">
-  <a name="<%= g.name %>">
-    <span class="graphtitle"><%= g.name %></span>
-    <span class="dashlinks"><%= suggest_cluster_links(clusters, g) %></span>
+<div class="graph_container">
+  <a name="<%= g.name %>"></a>
+    <h3><%= g.name %>
+      <span class="tools">
+        <%= suggest_cluster_links(clusters, g) %>
+      </span>
+    </h3>
     <div class="graph">
       <% zoom_url = cluster_graph_link(@dash, g, "global") %>
       <a href="<%= zoom_url %>"><img src="<%= @dash.render_global_graph(g, :dynamic_url_opts => merge_opts) %>"></a>

data/lib/views/global.erb

@@ -5,25 +5,31 @@
    seen_hosts = Set.new %>
 
 <% boards.each do |b| %>
-<h2><a href="/dash/<%= "#{@cluster}/#{append_query_string(b.name)}" %>"><%= b.name %></a>
+<h3><a href="/dash/<%= "#{@cluster}/#{append_query_string(b.name)}" %>"><%= b.name %></a>
   <% dash_hosts = b.get_all_hosts()[0]
      seen_hosts += dash_hosts %>
   <%= hosts_selector(dash_hosts, true) %>
-</h2>
+</h3>
+<ul>
 <%= b.graphs.collect do |g|
     href = append_query_string("/dash/#{@cluster}/#{b.name}/#{g}")
-    "<li><a href=\"#{href}\">#{g}</a><br></li>"
+    "<li><a href=\"#{href}\">#{g}</a></li>"
     end %>
 <br>
+</ul>
 <% end %>
 
-<h3>clusters :: hosts</h3>
+<h2>clusters :: hosts</h2>
+<ul>
 <% map = Hash.new([])
    hosts.each { |h| map[h.cluster] = map[h.cluster] + [h] }
    map.sort.each do |k, v| %>
-<h3><a href="/dash/<%= append_query_string(k) %>"><%= k %></h3>
+</ul>
+<h3><a href="/dash/<%= append_query_string(k) %>"><%= k %></a></h3>
+<ul>
 <%= v.sort.collect do |h|
     href = append_query_string("/host/#{h.cluster}/#{h}")
     "<li><a href=\"#{href}\">#{h}</a></li>"
     end %>
 <% end %>
+</ul>

data/lib/views/host.erb

@@ -1,12 +1,12 @@
-<%= host_uplink %>
-<br><br>
-<%= @host.graphs.collect { |g| "<a href=\"##{g.name}\">#{g.name}</a>" }.join(" ") %>
+<%= header(host_uplink) %>
+<%= shortcuts(@host.graphs.collect { |g| "<a href=\"##{g.name}\">#{g.name}</a>" }.join(" ")) %>
 
 <% @host.graphs.each do |g| %>
-  <div class="graphsection" style="width:<%= g.width(merge_opts) %>;">
-    <a name="<%= g.name %>">
-    <span class="graphtitle"><%= g.name %></span>
-    <span class="dashlinks"><%= suggest_dashboards_links(@host, g) %></span>
+  <div class="graph_container">
+    <a name="<%= g.name %>"></a>
+      <h3><%= g.name %>
+        <span class="tools"><%= suggest_dashboards_links(@host, g) %></span>
+      </h3>
     <div class="graph">
       <img src="<%= g.render_url([@host.name], [@host.cluster], :title => "#{g.name} / #{@host.cluster} / #{@host.name}", :dynamic_url_opts => merge_opts) %>">
     </div>

data/lib/views/layout.erb

@@ -1,63 +1,77 @@
 <html>
   <head>
-    <%= css_url %>
+    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+    <link href="/css/thedoc.css" rel="stylesheet" type="text/css">
+    <link href="/css/jquery_themes/pencil/jquery-ui-1.8.16.custom.css" rel="stylesheet" type="text/css">
     <link href="/favicon.ico" rel="icon" type="text/x-icon">
     <link href="/favicon.ico" rel="shortcut icon" type="text/x-icon">
+    <script type="text/javascript" src="/js/jquery-1.6.2.min.js"></script>
+    <script type="text/javascript" src="/js/jquery-ui-1.8.16.custom.min.js"></script>
+    <script type="text/javascript" src="/js/cufon.js"></script>
+    <script type="text/javascript" src="/js/product-design.font.js"></script>
+    <script type="text/javascript" src="/js/gotham.font.js"></script>
+    <title><%= @title %></title>
+    <script type="text/javascript">
+        Cufon.replace('#header h1, #header h4', { fontFamily: 'product-design'});
+        Cufon.replace('#main h2, #main h3, #main h4, #nav h3, #timeslice_container a, span.zoom', { fontFamily: 'gotham'});
+    </script>
     <%= refresh unless @no_graphs %>
   </head>
-  <body bgcolor="black">
-
-    <div id="wrap">
+  <body>
+    <div id="container">
       <div id="header">
-        <h2><%= @title %></h2>
-        <h3><%= range_string %></h3>
-        <%= permalink unless @no_graphs %>
+        <h1>Pencil</h1>
+        <h4>Powered by graphite</h4>
       </div>
 
-      <div id="nav">
-        <% if @cluster %>
-        <ul>
-          <!-- fixme change this to the cluster overview link when there's only one cluster-->
-          Global Views:
-          <li><a href="<%= cluster_link("global") %>">overview</a></li>
-          <br>
-          <% clusters = settings.config.clusters %>
-          <% if clusters.size > 1 %>
-          Cluster Views:
-          <br>
-
-          <% clusters.sort.each do |cluster| %>
-          <li><a href="<%= cluster_link(cluster) %>"><%= cluster %></a></li>
-          <% end %>
-          <br>
-          <% end %>
-          Dashboards: (<%= @cluster %>)
-          <br>
-          <% @dashboards.select do |d|
-             @cluster == "global" || d.clusters.member?(@cluster)
-             end.sort.each do |dash| %>
-          <li><a href="<%= dash_link(dash, @cluster) %>"><%= dash["title"] %></a></li>
+      <div id="middle">
+        <div id="left_pane">
+          <div id="nav" class="ui-corner-bottom">
+            <% if @cluster %>
+            <!-- fixme change this to the cluster overview link when there's only one cluster-->
+            <h3>Global Views:</h3>
+            <ul>
+              <li><a href="<%= cluster_link("global") %>">overview</a></li>
+              <% clusters = settings.config.clusters %>
+            </ul>
+            <% if clusters.size > 1 %>
+            <h3>Cluster Views:</h3>
+            <ul>
+              <% clusters.sort.each do |cluster| -%>
+              <li><a href="<%= cluster_link(cluster) %>"><%= cluster %></a></li>
+              <% end %>
+            </ul>
+            <% end %>
+            <h3>Dashboards: (<%= @cluster %>)</h3>
+            <ul>
+              <% @dashboards.select do |d|
+                 @cluster == "global" || d.clusters.member?(@cluster)
+                 end.sort.each do |dash| -%>
+              <li><a href="<%= dash_link(dash, @cluster) %>"><%= dash["title"] %></a></li>
+              <% end %>
+            </ul>
+            <div class="jump-box">
+              <h3>Jump to Host:</h3>
+              <%= hosts_selector(* @cluster == "global" ? [Host.all, true] : [Host.find_by_cluster(@cluster), false]) %>
+            </div>
+            <%= input_boxes %>
+          </div>
           <% end %>
-          <br>
-          Jump to Host:
-          <br>
-          <%= hosts_selector(* @cluster == "global" ? [Host.all, true] : [Host.find_by_cluster(@cluster), false]) %>
-          <br>
-          <br>
-          <%= input_boxes %>
-          <%= refresh_button %>
-          <div id="footer"> <%= cookies_form %></div>
-        </ul>
-      </div>
-      <% end %>
-
-      <div id="main">
-        <%= yield %>
+        </div>
+        <div id="right_pane">
+          <div id="main">
+            <%= yield %>
+          </div>
+          <div style="clear:both;"></div>
+        </div><!--/closes right_pane -->
+      </div><!--/closes middle-->
+      <div style="clear:both;"></div>
+      <div id="footer">
+        generated <%= @request_time %> by <a href="https://github.com/fetep/pencil" target="_blank">pencil</a> v<%= PENCIL_VERSION %>
       </div>
     </div>
-
+    <script type="text/javascript">
+      Cufon.now();
+    </script>
   </body>
-  <div id="footer" style="color:green;">
-    generated <%= @request_time %> by <a href="https://github.com/fetep/pencil">pencil</a> v<%= PENCIL_VERSION %>
-  </div>
 </html>