meemoo app: digital rainbow clock (alternate setup)

rainbowclock2.json

{
  "info": {
    "title": "hackable digital rainbow clock",
    "author": "forresto",
    "description": "hackable clock for summer code party 2012, digital rainbow version",
    "url": "rainbowclock",
    "appview": 17,
    "parents": [
      "https://gist.github.com/2760122",
      "https://gist.github.com/2923185",
      "https://gist.github.com/2930234"
    ]
  },
  "nodes": [
    {
      "src": "http://forresto.github.com/meemoo-modules/clock.html",
      "x": 33,
      "y": 250,
      "z": 0,
      "w": 140,
      "h": 122,
      "state": {},
      "id": 3
    },
    {
      "src": "http://forresto.github.com/meemoo-image/text.html",
      "x": 982,
      "y": 269,
      "z": 0,
      "w": 263,
      "h": 150,
      "state": {
        "x": 10,
        "y": "100",
        "font": "bold 75px Tahoma",
        "strokecolor": "rgba(0, 0, 0, 0.25)",
        "strokewidth": "1",
        "fillcolor": "white"
      },
      "id": 5
    },
    {
      "src": "http://forresto.github.com/meemoo-modules/string-join.html",
      "x": 552,
      "y": 70,
      "z": 0,
      "w": 149,
      "h": 128,
      "state": {
        "join": ":"
      },
      "id": 7
    },
    {
      "src": "http://forresto.github.com/meemoo-modules/color-hsla.html",
      "x": 553,
      "y": 250,
      "z": 0,
      "w": 157,
      "h": 132,
      "state": {
        "saturation": 1,
        "lightness": ".75",
        "alpha": ".9"
      },
      "id": 9
    },
    {
      "src": "http://forresto.github.com/meemoo-image/rectangle.html",
      "x": 981,
      "y": 47,
      "z": 0,
      "w": 161,
      "h": 174,
      "state": {
        "w": "500",
        "h": "500",
        "x": "0",
        "y": "0",
        "stroke": "",
        "strokewidth": "5",
        "color": "rgba(100%, 100%, 100%, 0.025)"
      },
      "id": 10
    },
    {
      "src": "http://forresto.github.com/meemoo-image/circle.html",
      "x": 655,
      "y": 469,
      "z": 0,
      "w": 168,
      "h": 187,
      "state": {
        "x": "250",
        "y": "250",
        "r": "240",
        "end": ".25",
        "color": "",
        "stroke": "orange",
        "strokewidth": "20",
        "start": "0"
      },
      "id": 11
    },
    {
      "src": "http://forresto.github.com/meemoo-image/transform.html",
      "x": 1485,
      "y": 636,
      "z": 0,
      "w": 175,
      "h": 196,
      "state": {
        "scale": 1,
        "clearEvery": false,
        "rotate": "-0.25"
      },
      "id": 13
    },
    {
      "src": "http://forresto.github.com/meemoo-image/transform.html",
      "x": 1497,
      "y": 394,
      "z": 0,
      "w": 165,
      "h": 176,
      "state": {
        "scale": 1,
        "clearEvery": true,
        "rotate": "-0.25"
      },
      "id": 14
    },
    {
      "src": "http://forresto.github.com/meemoo-image/circle.html",
      "x": 656,
      "y": 707,
      "z": 0,
      "w": 171,
      "h": 189,
      "state": {
        "x": 250,
        "y": 250,
        "r": "220",
        "end": 1,
        "color": "",
        "stroke": "red",
        "strokewidth": "20"
      },
      "id": 16
    },
    {
      "src": "http://forresto.github.com/meemoo-image/circle.html",
      "x": 658,
      "y": 970,
      "z": 0,
      "w": 517,
      "h": 518,
      "state": {
        "x": 250,
        "y": 250,
        "r": "200",
        "end": 1,
        "color": "",
        "stroke": "green",
        "strokewidth": "20"
      },
      "id": 17
    }
  ],
  "edges": [
    {
      "source": [
        3,
        "hours"
      ],
      "target": [
        7,
        "string1"
      ]
    },
    {
      "source": [
        3,
        "minutes"
      ],
      "target": [
        7,
        "string2"
      ]
    },
    {
      "source": [
        3,
        "seconds"
      ],
      "target": [
        7,
        "string3"
      ]
    },
    {
      "source": [
        3,
        "secondsPercent"
      ],
      "target": [
        9,
        "hue"
      ]
    },
    {
      "source": [
        7,
        "string"
      ],
      "target": [
        5,
        "text"
      ]
    },
    {
      "source": [
        9,
        "color"
      ],
      "target": [
        5,
        "fillcolor"
      ]
    },
    {
      "source": [
        5,
        "image"
      ],
      "target": [
        14,
        "image"
      ]
    },
    {
      "source": [
        14,
        "image"
      ],
      "target": [
        13,
        "image"
      ]
    },
    {
      "source": [
        10,
        "image"
      ],
      "target": [
        14,
        "background"
      ]
    },
    {
      "source": [
        3,
        "secondsPercent"
      ],
      "target": [
        14,
        "rotate"
      ]
    },
    {
      "source": [
        3,
        "hoursPercent"
      ],
      "target": [
        11,
        "end"
      ]
    },
    {
      "source": [
        3,
        "minutesPercent"
      ],
      "target": [
        16,
        "end"
      ]
    },
    {
      "source": [
        3,
        "secondsPercent"
      ],
      "target": [
        17,
        "end"
      ]
    },
    {
      "source": [
        13,
        "image"
      ],
      "target": [
        11,
        "background"
      ]
    },
    {
      "source": [
        11,
        "image"
      ],
      "target": [
        16,
        "background"
      ]
    },
    {
      "source": [
        16,
        "image"
      ],
      "target": [
        17,
        "background"
      ]
    }
  ]
}