//Chris's original is here: http://codepen.io/chrisgannon/pen/wKReBX
//Gannon Gannon decomposition notes...to see what the "unadultrated svg" looks like remove/comment out the filter in the <defs> ... it's just a bunch of squares...it's the goo filter and the animation of the hsl which makes this whole thing interesting.

var xmlns = "http://www.w3.org/2000/svg",
  select = function(s) {
    return document.querySelector(s);
  },
  selectAll = function(s) {
    return document.querySelectorAll(s);
  },
  container = select('.container')


//center the container cos it's pretty an' that
TweenMax.set(container, {
  position: 'absolute',
  top: '50%',
  left: '50%',
  xPercent: -50,
  yPercent: -50
})
TweenMax.set('svg', {
  visibility:'visible'
})


var tl = new TimelineMax();
tl.staggerTo('#rectGroup *',10 /*slowed way down*/, {
  rotation:90,
  ease:Power1.easeInOut,
  transformOrigin:'50% 50%',
  repeat:-1, //forever and ever
  yoyo:true,
  fill:"hsl(+=360, +=360%, +=0%)" //hue, saturation, ligthness
  //his original settings were +=360, +=60%, +=0% which looks better
},2.6)
tl.seek(250);