From 829df907f4d2867c35280edf1267de5cdd9da16f Mon Sep 17 00:00:00 2001
From: Garrett Finucane <garrettdreyfus@gmail.com>
Date: Fri, 4 Jul 2014 21:14:39 -0400
Subject: [PATCH]  new demo play

---
 js/intro.js | 914 ++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 914 insertions(+)
 create mode 100644 js/intro.js

diff --git a/js/intro.js b/js/intro.js
new file mode 100644
index 0000000..908b581
--- /dev/null
+++ b/js/intro.js
@@ -0,0 +1,914 @@
+introJSON = {
+  "120": {
+    "block": {
+      "blocklane": 2,
+      "color": "#2ecc71",
+      "iter": 1.1778650000157
+    }
+  },
+  "240": {
+    "block": {
+      "blocklane": 0,
+      "color": "#2ecc71",
+      "iter": 1.2013300000627
+    }
+  },
+  "360": {
+    "block": {
+      "blocklane": 0,
+      "color": "#e74c3c",
+      "iter": 1.2403950001408
+    }
+  },
+  "399": {
+    "rotate": -1
+  },
+  "480": {
+    "block": {
+      "blocklane": 1,
+      "color": "#e74c3c",
+      "iter": 1.2950600002501
+    }
+  },
+  "491": {
+    "rotate": 1
+  },
+  "506": {
+    "rotate": 1
+  },
+  "600": {
+    "block": {
+      "blocklane": 1,
+      "color": "#2ecc71",
+      "iter": 1.3653250003907
+    }
+  },
+  "708": {
+    "rotate": 1
+  },
+  "720": {
+    "rotate": 1,
+    "block": {
+      "blocklane": 1,
+      "color": "#3498db",
+      "iter": 1.4511900005624
+    }
+  },
+  "731": {
+    "rotate": 1
+  },
+  "839": {
+    "block": {
+      "blocklane": 5,
+      "color": "#f1c40f",
+      "iter": 1.5673450007635
+    }
+  },
+  "958": {
+    "block": {
+      "blocklane": 0,
+      "color": "#3498db",
+      "iter": 1.6832410843286
+    }
+  },
+  "1077": {
+    "block": {
+      "blocklane": 3,
+      "color": "#2ecc71",
+      "iter": 1.8144782512578
+    }
+  },
+  "1143": {
+    "block": {
+      "blocklane": 5,
+      "color": "#f1c40f",
+      "iter": 1.4019395007083
+    }
+  },
+  "1154": {
+    "rotate": 1
+  },
+  "1209": {
+    "block": {
+      "blocklane": 1,
+      "color": "#e74c3c",
+      "iter": 1.4439993757924
+    }
+  },
+  "1266": {
+    "rotate": -1
+  },
+  "1275": {
+    "block": {
+      "blocklane": 2,
+      "color": "#e74c3c",
+      "iter": 1.4884187508812
+    }
+  },
+  "1341": {
+    "block": {
+      "blocklane": 2,
+      "color": "#3498db",
+      "iter": 1.4973469342324
+    }
+  },
+  "1347": {
+    "rotate": 1
+  },
+  "1358": {
+    "rotate": 1
+  },
+  "1368": {
+    "rotate": 1
+  },
+  "1384": {
+    "rotate": 1
+  },
+  "1406": {
+    "block": {
+      "blocklane": 4,
+      "color": "#2ecc71",
+      "iter": 1.5075657467373
+    }
+  },
+  "1426": {
+    "rotate": 1
+  },
+  "1471": {
+    "block": {
+      "blocklane": 5,
+      "color": "#3498db",
+      "iter": 1.5100989863257
+    }
+  },
+  "1496": {
+    "rotate": 1
+  },
+  "1504": {
+    "rotate": 1
+  },
+  "1535": {
+    "block": {
+      "blocklane": 0,
+      "color": "#e74c3c",
+      "iter": 1.5205050529975
+    }
+  },
+  "1560": {
+    "rotate": 1
+  },
+  "1599": {
+    "block": {
+      "blocklane": 1,
+      "color": "#2ecc71",
+      "iter": 1.523222053003
+    }
+  },
+  "1603": {
+    "rotate": 1
+  },
+  "1615": {
+    "rotate": 1
+  },
+  "1663": {
+    "block": {
+      "blocklane": 3,
+      "color": "#e74c3c",
+      "iter": 1.526049986342
+    }
+  },
+  "1680": {
+    "rotate": -1
+  },
+  "1712": {
+    "rotate": 1
+  },
+  "1727": {
+    "block": {
+      "blocklane": 3,
+      "color": "#e74c3c",
+      "iter": 1.5289888530145
+    }
+  },
+  "1729": {
+    "rotate": 1
+  },
+  "1775": {
+    "rotate": 1
+  },
+  "1790": {
+    "block": {
+      "blocklane": 1,
+      "color": "#e74c3c",
+      "iter": 1.5397901467705
+    }
+  },
+  "1852": {
+    "block": {
+      "blocklane": 0,
+      "color": "#2ecc71",
+      "iter": 1.55064874886
+    }
+  },
+  "1933": {
+    "rotate": -1
+  },
+  "1963": {
+    "block": {
+      "blocklane": 3,
+      "color": "#e74c3c",
+      "iter": 2.2027693477429
+    }
+  },
+  "1986": {
+    "rotate": 1
+  },
+  "2074": {
+    "block": {
+      "blocklane": 2,
+      "color": "#2ecc71",
+      "iter": 2.2149085852672
+    }
+  },
+  "2116": {
+    "rotate": 1
+  },
+  "2132": {
+    "rotate": 1
+  },
+  "2184": {
+    "block": {
+      "blocklane": 5,
+      "color": "#e74c3c",
+      "iter": 2.2431968561259
+    }
+  },
+  "2293": {
+    "rotate": 1
+  },
+  "2294": {
+    "block": {
+      "blocklane": 0,
+      "color": "#2ecc71",
+      "iter": 2.2565405436526
+    }
+  },
+  "2341": {
+    "rotate": 1
+  },
+  "2354": {
+    "rotate": 1
+  },
+  "2368": {
+    "rotate": 1
+  },
+  "2404": {
+    "block": {
+      "blocklane": 2,
+      "color": "#2ecc71",
+      "iter": 2.2705396478472
+    }
+  },
+  "2478": {
+    "rotate": -1
+  },
+  "2512": {
+    "block": {
+      "blocklane": 3,
+      "color": "#3498db",
+      "iter": 2.300521872876
+    }
+  },
+  "2550": {
+    "rotate": 1
+  },
+  "2563": {
+    "rotate": 1
+  },
+  "2578": {
+    "rotate": 1
+  },
+  "2620": {
+    "block": {
+      "blocklane": 2,
+      "color": "#e74c3c",
+      "iter": 2.315535897906
+    }
+  },
+  "2660": {
+    "rotate": -1
+  },
+  "2679": {
+    "rotate": -1
+  },
+  "2728": {
+    "block": {
+      "blocklane": 2,
+      "color": "#f1c40f",
+      "iter": 2.3311817229373
+    }
+  },
+  "2774": {
+    "rotate": -1
+  },
+  "2788": {
+    "rotate": -1
+  },
+  "2809": {
+    "rotate": -1
+  },
+  "2853": {
+    "rotate": 1
+  },
+  "2864": {
+    "block": {
+      "blocklane": 5,
+      "color": "#3498db",
+      "iter": 2.3023826063118
+    }
+  },
+  "2876": {
+    "rotate": 1
+  },
+  "2909": {
+    "rotate": 1
+  },
+  "2970": {
+    "block": {
+      "blocklane": 1,
+      "color": "#2ecc71",
+      "iter": 2.3191339188453
+    }
+  },
+  "3050": {
+    "rotate": 1
+  },
+  "3055": {
+    "rotate": -1
+  },
+  "3066": {
+    "rotate": -1
+  },
+  "3074": {
+    "rotate": -1,
+    "block": {
+      "blocklane": 2,
+      "color": "#f1c40f",
+      "iter": 2.3517606688794
+    }
+  },
+  "3146": {
+    "rotate": 1
+  },
+  "3178": {
+    "block": {
+      "blocklane": 1,
+      "color": "#f1c40f",
+      "iter": 2.3693732855813
+    }
+  },
+  "3236": {
+    "rotate": 1
+  },
+  "3247": {
+    "rotate": 1
+  },
+  "3259": {
+    "rotate": 1
+  },
+  "3267": {
+    "rotate": 1
+  },
+  "3277": {
+    "rotate": 1
+  },
+  "3282": {
+    "block": {
+      "blocklane": 1,
+      "color": "#e74c3c",
+      "iter": 2.387571768951
+    }
+  },
+  "3332": {
+    "rotate": 1
+  },
+  "3338": {
+    "rotate": -1
+  },
+  "3349": {
+    "rotate": -1
+  },
+  "3374": {
+    "rotate": -1
+  },
+  "3386": {
+    "block": {
+      "blocklane": 3,
+      "color": "#e74c3c",
+      "iter": 2.4063561189886
+    }
+  },
+  "3404": {
+    "rotate": -1
+  },
+  "3432": {
+    "rotate": 1
+  },
+  "3490": {
+    "block": {
+      "blocklane": 1,
+      "color": "#2ecc71",
+      "iter": 2.490726335694
+    }
+  },
+  "3575": {
+    "rotate": 1
+  },
+  "3586": {
+    "block": {
+      "blocklane": 3,
+      "color": "#f1c40f",
+      "iter": 2.5767265357308
+    }
+  },
+  "3655": {
+    "rotate": -1
+  },
+  "3682": {
+    "block": {
+      "blocklane": 2,
+      "color": "#2ecc71",
+      "iter": 2.5956259357686
+    }
+  },
+  "3732": {
+    "rotate": 1
+  },
+  "3744": {
+    "rotate": 1
+  },
+  "3778": {
+    "block": {
+      "blocklane": 5,
+      "color": "#f1c40f",
+      "iter": 2.6150245358074
+    }
+  },
+  "3858": {
+    "rotate": -1
+  },
+  "3874": {
+    "block": {
+      "blocklane": 3,
+      "color": "#2ecc71",
+      "iter": 2.6349223358472
+    }
+  },
+  "3912": {
+    "rotate": -1
+  },
+  "3928": {
+    "rotate": -1
+  },
+  "3939": {
+    "rotate": -1
+  },
+  "3954": {
+    "rotate": -1
+  },
+  "3970": {
+    "block": {
+      "blocklane": 5,
+      "color": "#e74c3c",
+      "iter": 2.655319335888
+    }
+  },
+  "4012": {
+    "rotate": 1
+  },
+  "4027": {
+    "rotate": 1
+  },
+  "4065": {
+    "block": {
+      "blocklane": 5,
+      "color": "#e74c3c",
+      "iter": 2.6915952942627
+    }
+  },
+  "4157": {
+    "block": {
+      "blocklane": 0,
+      "color": "#3498db",
+      "iter": 2.7328842693037
+    }
+  },
+  "4277": {
+    "block": {
+      "blocklane": 5,
+      "color": "#e74c3c",
+      "iter": 2.7108980193585
+    }
+  },
+  "4367": {
+    "block": {
+      "blocklane": 4,
+      "color": "#2ecc71",
+      "iter": 2.1469702069006
+    }
+  },
+  "4454": {
+    "block": {
+      "blocklane": 4,
+      "color": "#2ecc71",
+      "iter": 2.1937570444422
+    }
+  },
+  "4541": {
+    "block": {
+      "blocklane": 0,
+      "color": "#f1c40f",
+      "iter": 2.2149538694846
+    }
+  },
+  "4628": {
+    "block": {
+      "blocklane": 4,
+      "color": "#2ecc71",
+      "iter": 2.2365606820278
+    }
+  },
+  "4715": {
+    "block": {
+      "blocklane": 4,
+      "color": "#3498db",
+      "iter": 2.2585774820718
+    }
+  },
+  "4799": {
+    "block": {
+      "blocklane": 0,
+      "color": "#2ecc71",
+      "iter": 2.3114241071151
+    }
+  },
+  "4867": {
+    "rotate": -1
+  },
+  "4883": {
+    "block": {
+      "blocklane": 3,
+      "color": "#2ecc71",
+      "iter": 2.3334529321592
+    }
+  },
+  "4967": {
+    "block": {
+      "blocklane": 4,
+      "color": "#2ecc71",
+      "iter": 2.9900829321725
+    }
+  },
+  "5032": {
+    "rotate": 1
+  },
+  "5051": {
+    "block": {
+      "blocklane": 5,
+      "color": "#2ecc71",
+      "iter": 2.9900829321725
+    }
+  },
+  "5101": {
+    "rotate": -1
+  },
+  "5112": {
+    "rotate": -1
+  },
+  "5133": {
+    "block": {
+      "blocklane": 2,
+      "color": "#e74c3c",
+      "iter": 2.99
+    }
+  },
+  "5173": {
+    "rotate": 1
+  },
+  "5185": {
+    "rotate": 1
+  },
+  "5213": {
+    "block": {
+      "blocklane": 3,
+      "color": "#e74c3c",
+      "iter": 2.99
+    }
+  },
+  "5290": {
+    "block": {
+      "blocklane": 2,
+      "color": "#f1c40f",
+      "iter": 2.99
+    }
+  },
+  "5291": {
+    "rotate": 1
+  },
+  "5324": {
+    "rotate": -1
+  },
+  "5340": {
+    "rotate": 1
+  },
+  "5352": {
+    "rotate": 1
+  },
+  "5366": {
+    "rotate": 1
+  },
+  "5367": {
+    "block": {
+      "blocklane": 4,
+      "color": "#f1c40f",
+      "iter": 2.99
+    }
+  },
+  "5398": {
+    "rotate": 1
+  },
+  "5415": {
+    "rotate": 1
+  },
+  "5444": {
+    "block": {
+      "blocklane": 3,
+      "color": "#e74c3c",
+      "iter": 2.99
+    }
+  },
+  "5490": {
+    "rotate": 1
+  },
+  "5519": {
+    "block": {
+      "blocklane": 0,
+      "color": "#2ecc71",
+      "iter": 2.99
+    }
+  },
+  "5594": {
+    "block": {
+      "blocklane": 4,
+      "color": "#e74c3c",
+      "iter": 2.99
+    }
+  },
+  "5634": {
+    "rotate": 1
+  },
+  "5669": {
+    "block": {
+      "blocklane": 4,
+      "color": "#e74c3c",
+      "iter": 2.99
+    }
+  },
+  "5742": {
+    "block": {
+      "blocklane": 2,
+      "color": "#f1c40f",
+      "iter": 2.99
+    }
+  },
+  "5783": {
+    "block": {
+      "blocklane": 5,
+      "color": "#f1c40f",
+      "iter": 1.95
+    }
+  },
+  "5784": {
+    "rotate": -1
+  },
+  "5824": {
+    "block": {
+      "blocklane": 4,
+      "color": "#e74c3c",
+      "iter": 1.95
+    }
+  },
+  "5851": {
+    "rotate": -1
+  },
+  "5862": {
+    "rotate": -1
+  },
+  "5865": {
+    "block": {
+      "blocklane": 3,
+      "color": "#f1c40f",
+      "iter": 1.95
+    }
+  },
+  "5887": {
+    "rotate": -1
+  },
+  "5906": {
+    "block": {
+      "blocklane": 3,
+      "color": "#f1c40f",
+      "iter": 1.95
+    }
+  },
+  "5924": {
+    "rotate": -1
+  },
+  "5941": {
+    "rotate": -1
+  },
+  "5947": {
+    "block": {
+      "blocklane": 1,
+      "color": "#e74c3c",
+      "iter": 1.95
+    }
+  },
+  "5988": {
+    "block": {
+      "blocklane": 5,
+      "color": "#3498db",
+      "iter": 1.95
+    }
+  },
+  "6028": {
+    "block": {
+      "blocklane": 5,
+      "color": "#2ecc71",
+      "iter": 1.95
+    }
+  },
+  "6061": {
+    "rotate": -1
+  },
+  "6068": {
+    "block": {
+      "blocklane": 4,
+      "color": "#3498db",
+      "iter": 1.95
+    }
+  },
+  "6072": {
+    "rotate": -1
+  },
+  "6082": {
+    "rotate": -1
+  },
+  "6092": {
+    "rotate": -1
+  },
+  "6107": {
+    "block": {
+      "blocklane": 2,
+      "color": "#2ecc71",
+      "iter": 1.95
+    }
+  },
+  "6120": {
+    "rotate": 1
+  },
+  "6146": {
+    "block": {
+      "blocklane": 3,
+      "color": "#2ecc71",
+      "iter": 1.95
+    }
+  },
+  "6159": {
+    "rotate": 1
+  },
+  "6185": {
+    "block": {
+      "blocklane": 4,
+      "color": "#e74c3c",
+      "iter": 1.95
+    }
+  },
+  "6238": {
+    "rotate": 1
+  },
+  "6254": {
+    "block": {
+      "blocklane": 0,
+      "color": "#2ecc71",
+      "iter": 2.99
+    }
+  },
+  "6270": {
+    "rotate": 1
+  },
+  "6322": {
+    "block": {
+      "blocklane": 4,
+      "color": "#2ecc71",
+      "iter": 2.99
+    }
+  },
+  "6334": {
+    "rotate": -1
+  },
+  "6368": {
+    "rotate": -1
+  },
+  "6379": {
+    "rotate": -1
+  },
+  "6390": {
+    "block": {
+      "blocklane": 3,
+      "color": "#f1c40f",
+      "iter": 2.99
+    }
+  },
+  "6428": {
+    "rotate": -1
+  },
+  "6440": {
+    "rotate": -1
+  },
+  "6452": {
+    "rotate": -1
+  },
+  "6456": {
+    "block": {
+      "blocklane": 3,
+      "color": "#2ecc71",
+      "iter": 2.99
+    }
+  },
+  "6506": {
+    "rotate": 1
+  },
+  "6517": {
+    "rotate": 1
+  },
+  "6522": {
+    "block": {
+      "blocklane": 4,
+      "color": "#2ecc71",
+      "iter": 2.99
+    }
+  },
+  "6571": {
+    "rotate": 1
+  },
+  "6588": {
+    "block": {
+      "blocklane": 3,
+      "color": "#e74c3c",
+      "iter": 2.99
+    }
+  },
+  "6628": {
+    "rotate": 1
+  },
+  "6644": {
+    "rotate": 1
+  },
+  "6654": {
+    "block": {
+      "blocklane": 3,
+      "color": "#f1c40f",
+      "iter": 2.99
+    }
+  },
+  "6701": {
+    "rotate": 1
+  },
+  "6720": {
+    "block": {
+      "blocklane": 1,
+      "color": "#e74c3c",
+      "iter": 2.99
+    }
+  },
+  "6780": {
+    "rotate": -1
+  },
+  "6784": {
+    "block": {
+      "blocklane": 4,
+      "color": "#3498db",
+      "iter": 2.99
+    }
+  },
+  "6789": {
+    "rotate": -1
+  },
+  "6799": {
+    "rotate": -1
+  },
+  "6843": {
+    "rotate": 1
+  }
+}