anchor.diff:                  a(href="#start")
                       img(src="../img/logo.png")#header-logo.two.columns.u-pull-left
                   div#header-links
  -                    a(href="#about").two.columns.offset-by-three About
  +                    a(href="#about").two.columns.offset-by-two About
                       a(href="#schedule").two.columns Schedule
                       a(href="#sponsors").two.columns Sponsors
                       a(href="#faq").two.columns FAQ
  
positive.code:                 len = Math.sqrt(dx * dx + dy * dy);
              dx /= len ? len : 1.0; dy /= len ? len : 1.0;
              // get current direction
              var dirx = Math.cos(curDegree),
                diry = Math.sin(curDegree);
              // ease the current direction to the target direction
              dirx += (dx - dirx) * 0.1;
              diry += (dy - diry) * 0.1;
  
              curDegree = Math.atan2(diry, dirx);
              console.log(dirx)
  
              var filterVal = 'hue-rotate('+ ((curDegree*180)/Math.PI - 90) +'deg)';
              $('#start-logo')
                .css('filter',filterVal)
                .css('webkitFilter',filterVal)
  
negative.code:     footer
  
      script(type='text/javascript').
          var curAngle = 0.0; //Current Hue Shift degrees
  
          var mx = 0, my = 0; // relative to the logo
          var $logo = $('#start-logo');
  