From 7895f36ae3f39713e3721b23d2dd97fe5cf3e70f Mon Sep 17 00:00:00 2001
From: jonobr1 <jonobrandel@gmail.com>
Date: Tue, 25 Jan 2011 14:16:30 -0800
Subject: [PATCH] changed around folder structure and updated the styling

---
 demo/assets/a.svg                      |  22 ++++++++++++++++++++++
 demo/assets/b.svg                      |  18 ++++++++++++++++++
 demo/assets/c.svg                      |  17 +++++++++++++++++
 demo/assets/d.svg                      |  17 +++++++++++++++++
 demo/assets/e.svg                      |  18 ++++++++++++++++++
 demo/assets/f.svg                      |  15 +++++++++++++++
 favicon.gif => demo/assets/favicon.gif | Bin
 demo/assets/g.svg                      |  20 ++++++++++++++++++++
 demo/assets/h.svg                      |  16 ++++++++++++++++
 demo/assets/i.svg                      |  13 +++++++++++++
 demo/assets/j.svg                      |  15 +++++++++++++++
 demo/assets/k.svg                      |  13 +++++++++++++
 demo/assets/l.svg                      |  13 +++++++++++++
 demo/assets/m.svg                      |  19 +++++++++++++++++++
 demo/assets/n.svg                      |  15 +++++++++++++++
 demo/assets/o.svg                      |  17 +++++++++++++++++
 demo/assets/p.svg                      |  18 ++++++++++++++++++
 demo/assets/q.svg                      |  18 ++++++++++++++++++
 demo/assets/r.svg                      |  15 +++++++++++++++
 demo/assets/s.svg                      |  20 ++++++++++++++++++++
 demo/assets/t.svg                      |  15 +++++++++++++++
 demo/assets/u.svg                      |  16 ++++++++++++++++
 demo/assets/v.svg                      |  13 +++++++++++++
 demo/assets/w.svg                      |  14 ++++++++++++++
 demo/assets/x.svg                      |  13 +++++++++++++
 demo/assets/y.svg                      |  16 ++++++++++++++++
 demo/assets/z.svg                      |  13 +++++++++++++
 demo.css => demo/demo.css              |  10 ++++++----
 demo/demo.js                           |   0
 gui.css                                |   1 +
 index.html                             |   7 ++++---
 31 files changed, 430 insertions(+), 7 deletions(-)
 create mode 100644 demo/assets/a.svg
 create mode 100644 demo/assets/b.svg
 create mode 100644 demo/assets/c.svg
 create mode 100644 demo/assets/d.svg
 create mode 100644 demo/assets/e.svg
 create mode 100644 demo/assets/f.svg
 rename favicon.gif => demo/assets/favicon.gif (100%)
 create mode 100644 demo/assets/g.svg
 create mode 100644 demo/assets/h.svg
 create mode 100644 demo/assets/i.svg
 create mode 100644 demo/assets/j.svg
 create mode 100644 demo/assets/k.svg
 create mode 100644 demo/assets/l.svg
 create mode 100644 demo/assets/m.svg
 create mode 100644 demo/assets/n.svg
 create mode 100644 demo/assets/o.svg
 create mode 100644 demo/assets/p.svg
 create mode 100644 demo/assets/q.svg
 create mode 100644 demo/assets/r.svg
 create mode 100644 demo/assets/s.svg
 create mode 100644 demo/assets/t.svg
 create mode 100644 demo/assets/u.svg
 create mode 100644 demo/assets/v.svg
 create mode 100644 demo/assets/w.svg
 create mode 100644 demo/assets/x.svg
 create mode 100644 demo/assets/y.svg
 create mode 100644 demo/assets/z.svg
 rename demo.css => demo/demo.css (89%)
 create mode 100644 demo/demo.js

diff --git a/demo/assets/a.svg b/demo/assets/a.svg
new file mode 100644
index 0000000..0a96e0d
--- /dev/null
+++ b/demo/assets/a.svg
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 14.0.0, SVG Export Plug-In  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd" [
+	<!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.0"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+	 x="0px" y="0px" width="800px" height="600px" viewBox="-44.44 -71.704 800 600" enable-background="new -44.44 -71.704 800 600"
+	 xml:space="preserve">
+<defs>
+</defs>
+<path d="M12.347,11.06c1.295-0.163,2.221-0.366,2.779-0.61c1-0.423,1.5-1.082,1.5-1.978c0-1.09-0.384-1.843-1.151-2.258
+	s-1.893-0.623-3.378-0.623c-1.667,0-2.846,0.407-3.539,1.221c-0.495,0.603-0.825,1.416-0.99,2.441H0.854
+	c0.147-2.327,0.801-4.24,1.961-5.737C4.663,1.172,7.834,0,12.33,0c2.926,0,5.524,0.578,7.797,1.733
+	c2.272,1.156,3.408,3.337,3.408,6.543v12.207c0,0.847,0.016,1.872,0.049,3.076c0.049,0.912,0.187,1.53,0.415,1.855
+	c0.228,0.326,0.569,0.594,1.025,0.806v1.025h-7.568c-0.212-0.537-0.358-1.042-0.439-1.514c-0.082-0.472-0.146-1.009-0.195-1.611
+	c-0.966,1.042-2.08,1.929-3.34,2.661c-1.506,0.862-3.209,1.294-5.108,1.294c-2.423,0-4.424-0.688-6.004-2.063
+	C0.79,24.638,0,22.689,0,20.166c0-3.271,1.271-5.64,3.812-7.104c1.394-0.797,3.443-1.367,6.149-1.709L12.347,11.06z M16.601,14.307
+	c-0.445,0.277-0.895,0.5-1.349,0.671c-0.454,0.171-1.077,0.33-1.869,0.476L11.8,15.747c-1.484,0.261-2.551,0.578-3.198,0.952
+	c-1.096,0.635-1.644,1.62-1.644,2.954c0,1.188,0.334,2.047,1.004,2.576c0.669,0.529,1.483,0.793,2.442,0.793
+	c1.521,0,2.921-0.439,4.202-1.318c1.281-0.879,1.946-2.482,1.996-4.81V14.307z"/>
+</svg>
diff --git a/demo/assets/b.svg b/demo/assets/b.svg
new file mode 100644
index 0000000..d12fea7
--- /dev/null
+++ b/demo/assets/b.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 14.0.0, SVG Export Plug-In  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd" [
+	<!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.0"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+	 x="0px" y="0px" width="800px" height="600px" viewBox="-73.811 -63.012 800 600" enable-background="new -73.811 -63.012 800 600"
+	 xml:space="preserve">
+<defs>
+</defs>
+<path d="M22.966,12.524c1.991,2.523,2.986,5.778,2.986,9.766c0,4.134-0.982,7.561-2.945,10.278
+	c-1.963,2.718-4.704,4.077-8.221,4.077c-2.209,0-3.984-0.439-5.325-1.318c-0.802-0.521-1.669-1.432-2.601-2.734v3.345H0V0h6.958
+	v12.793c0.884-1.237,1.859-2.181,2.924-2.832c1.261-0.813,2.867-1.221,4.816-1.221C18.22,8.74,20.976,10.002,22.966,12.524z
+	 M17.15,28.735c1.001-1.448,1.502-3.353,1.502-5.713c0-1.888-0.247-3.45-0.738-4.688c-0.936-2.344-2.659-3.516-5.169-3.516
+	c-2.544,0-4.292,1.147-5.244,3.442c-0.492,1.221-0.738,2.8-0.738,4.736c0,2.279,0.508,4.167,1.526,5.664
+	c1.017,1.498,2.568,2.246,4.652,2.246C14.747,30.908,16.149,30.184,17.15,28.735z"/>
+</svg>
diff --git a/demo/assets/c.svg b/demo/assets/c.svg
new file mode 100644
index 0000000..f768013
--- /dev/null
+++ b/demo/assets/c.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 14.0.0, SVG Export Plug-In  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd" [
+	<!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.0"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+	 x="0px" y="0px" width="800px" height="600px" viewBox="-103.083 -71.704 800 600"
+	 enable-background="new -103.083 -71.704 800 600" xml:space="preserve">
+<defs>
+</defs>
+<path d="M17.432,10.181c-0.13-0.993-0.465-1.888-1.003-2.686c-0.783-1.074-1.999-1.611-3.646-1.611c-2.35,0-3.957,1.164-4.821,3.491
+	c-0.457,1.234-0.685,2.874-0.685,4.919c0,1.949,0.228,3.515,0.685,4.7c0.832,2.214,2.398,3.32,4.699,3.32
+	c1.631,0,2.79-0.439,3.475-1.318s1.101-2.018,1.248-3.418h7.104c-0.163,2.116-0.929,4.118-2.297,6.006
+	c-2.184,3.044-5.417,4.565-9.702,4.565c-4.285,0-7.438-1.27-9.458-3.809C1.01,21.802,0,18.51,0,14.464
+	C0,9.9,1.116,6.348,3.348,3.809S8.659,0,12.586,0c3.34,0,6.072,0.749,8.199,2.246c2.126,1.498,3.384,4.143,3.776,7.935H17.432z"/>
+</svg>
diff --git a/demo/assets/d.svg b/demo/assets/d.svg
new file mode 100644
index 0000000..26fc963
--- /dev/null
+++ b/demo/assets/d.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 14.0.0, SVG Export Plug-In  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd" [
+	<!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.0"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+	 x="0px" y="0px" width="800px" height="600px" viewBox="-130.695 -63.012 800 600"
+	 enable-background="new -130.695 -63.012 800 600" xml:space="preserve">
+<defs>
+</defs>
+<path d="M15.82,9.753c1.253,0.708,2.271,1.689,3.052,2.942V0h7.056v35.938h-6.763v-3.687c-0.993,1.579-2.124,2.727-3.394,3.442
+	s-2.849,1.074-4.736,1.074c-3.109,0-5.725-1.257-7.849-3.772S0,27.254,0,23.315c0-4.541,1.045-8.113,3.137-10.718
+	c2.091-2.604,4.887-3.906,8.386-3.906C13.135,8.691,14.567,9.045,15.82,9.753z M17.529,28.711c1.025-1.465,1.538-3.361,1.538-5.688
+	c0-3.255-0.822-5.583-2.466-6.982c-1.009-0.846-2.181-1.27-3.516-1.27c-2.035,0-3.528,0.769-4.48,2.307s-1.428,3.447-1.428,5.725
+	c0,2.458,0.484,4.423,1.453,5.896c0.968,1.473,2.437,2.209,4.407,2.209C15.006,30.908,16.504,30.176,17.529,28.711z"/>
+</svg>
diff --git a/demo/assets/e.svg b/demo/assets/e.svg
new file mode 100644
index 0000000..f67668b
--- /dev/null
+++ b/demo/assets/e.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 14.0.0, SVG Export Plug-In  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd" [
+	<!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.0"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+	 x="0px" y="0px" width="800px" height="600px" viewBox="-160.847 -71.63 800 600" enable-background="new -160.847 -71.63 800 600"
+	 xml:space="preserve">
+<defs>
+</defs>
+<path d="M19.44,1.247c1.856,0.832,3.389,2.144,4.599,3.937c1.09,1.582,1.797,3.415,2.12,5.502c0.188,1.223,0.264,2.983,0.229,5.281
+	H7.007c0.108,2.669,1.036,4.541,2.783,5.615c1.063,0.667,2.342,1.001,3.836,1.001c1.585,0,2.873-0.407,3.864-1.221
+	c0.54-0.439,1.018-1.05,1.432-1.831h7.104c-0.188,1.579-1.047,3.182-2.58,4.81c-2.384,2.588-5.721,3.882-10.012,3.882
+	c-3.542,0-6.666-1.091-9.374-3.274C1.354,22.766,0,19.214,0,14.294C0,9.685,1.222,6.15,3.666,3.69C6.109,1.23,9.282,0,13.182,0
+	C15.498,0,17.584,0.416,19.44,1.247z M9.031,7.258C8.048,8.271,7.43,9.645,7.178,11.377h11.987
+	c-0.126-1.847-0.744-3.249-1.854-4.205c-1.109-0.956-2.485-1.435-4.127-1.435C11.399,5.737,10.014,6.244,9.031,7.258z"/>
+</svg>
diff --git a/demo/assets/f.svg b/demo/assets/f.svg
new file mode 100644
index 0000000..b911c4d
--- /dev/null
+++ b/demo/assets/f.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 14.0.0, SVG Export Plug-In  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd" [
+	<!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.0"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+	 x="0px" y="0px" width="800px" height="600px" viewBox="-188.02 -62.597 800 600" enable-background="new -188.02 -62.597 800 600"
+	 xml:space="preserve">
+<defs>
+</defs>
+<path d="M13.745,0.037c0.358,0.024,0.846,0.061,1.465,0.11v5.664c-0.391-0.049-1.046-0.085-1.965-0.11
+	c-0.92-0.024-1.555,0.179-1.904,0.61c-0.35,0.432-0.525,0.908-0.525,1.428c0,0.521,0,1.27,0,2.246h4.565v4.907h-4.565v21.46H3.906
+	v-21.46H0V9.985h3.809V8.276c0-2.848,0.48-4.81,1.44-5.884C6.258,0.798,8.691,0,12.549,0C12.988,0,13.387,0.012,13.745,0.037z"/>
+</svg>
diff --git a/favicon.gif b/demo/assets/favicon.gif
similarity index 100%
rename from favicon.gif
rename to demo/assets/favicon.gif
diff --git a/demo/assets/g.svg b/demo/assets/g.svg
new file mode 100644
index 0000000..2abeb04
--- /dev/null
+++ b/demo/assets/g.svg
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 14.0.0, SVG Export Plug-In  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd" [
+	<!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.0"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+	 x="0px" y="0px" width="800px" height="600px" viewBox="-205.769 -71.704 800 600"
+	 enable-background="new -205.769 -71.704 800 600" xml:space="preserve">
+<defs>
+</defs>
+<path d="M14.8,0.61c1.69,0.7,3.056,1.986,4.096,3.857V0.635h6.787v25.244c0,3.434-0.578,6.022-1.733,7.764
+	c-1.986,2.995-5.794,4.492-11.426,4.492c-3.402,0-6.177-0.667-8.325-2.002c-2.148-1.335-3.337-3.329-3.564-5.981h7.568
+	c0.195,0.813,0.513,1.399,0.952,1.758c0.749,0.635,2.01,0.952,3.784,0.952c2.506,0,4.183-0.838,5.029-2.515
+	c0.553-1.074,0.83-2.881,0.83-5.42v-1.709c-0.667,1.14-1.384,1.994-2.148,2.563c-1.384,1.058-3.182,1.587-5.396,1.587
+	c-3.418,0-6.148-1.2-8.191-3.601C1.021,21.367,0,18.115,0,14.014c0-3.955,0.983-7.279,2.95-9.973C4.917,1.347,7.705,0,11.313,0
+	C12.646,0,13.809,0.204,14.8,0.61z M17.17,19.69c1.119-1.229,1.678-3.186,1.678-5.872c0-2.522-0.531-4.443-1.593-5.762
+	s-2.483-1.978-4.266-1.978c-2.432,0-4.109,1.147-5.033,3.442c-0.486,1.221-0.729,2.727-0.729,4.517c0,1.546,0.259,2.922,0.778,4.126
+	c0.94,2.246,2.625,3.369,5.057,3.369C14.682,21.533,16.051,20.919,17.17,19.69z"/>
+</svg>
diff --git a/demo/assets/h.svg b/demo/assets/h.svg
new file mode 100644
index 0000000..953a079
--- /dev/null
+++ b/demo/assets/h.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 14.0.0, SVG Export Plug-In  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd" [
+	<!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.0"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+	 x="0px" y="0px" width="800px" height="600px" viewBox="-237.995 -63.085 800 600"
+	 enable-background="new -237.995 -63.085 800 600" xml:space="preserve">
+<defs>
+</defs>
+<path d="M19.076,9.4c1.336,0.57,2.435,1.442,3.294,2.614c0.729,0.994,1.175,2.017,1.337,3.067c0.162,1.05,0.243,2.765,0.243,5.143
+	v15.639h-7.104V19.659c0-1.434-0.243-2.591-0.727-3.47c-0.63-1.238-1.826-1.858-3.586-1.858c-1.826,0-3.211,0.615-4.157,1.846
+	c-0.945,1.23-1.417,2.986-1.417,5.267v14.421H0V0h6.958v12.695c1.005-1.546,2.167-2.625,3.488-3.235
+	c1.32-0.61,2.71-0.916,4.169-0.916C16.252,8.545,17.739,8.83,19.076,9.4z"/>
+</svg>
diff --git a/demo/assets/i.svg b/demo/assets/i.svg
new file mode 100644
index 0000000..32df9d3
--- /dev/null
+++ b/demo/assets/i.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 14.0.0, SVG Export Plug-In  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd" [
+	<!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.0"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+	 x="0px" y="0px" width="800px" height="600px" viewBox="-268.586 -62.744 800 600"
+	 enable-background="new -268.586 -62.744 800 600" xml:space="preserve">
+<defs>
+</defs>
+<path d="M7.056,6.421H0V0h7.056V6.421z M0,9.595h7.056v26.611H0V9.595z"/>
+</svg>
diff --git a/demo/assets/j.svg b/demo/assets/j.svg
new file mode 100644
index 0000000..f7ccfd3
--- /dev/null
+++ b/demo/assets/j.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 14.0.0, SVG Export Plug-In  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd" [
+	<!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.0"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+	 x="0px" y="0px" width="800px" height="600px" viewBox="-279.353 -62.744 800 600"
+	 enable-background="new -279.353 -62.744 800 600" xml:space="preserve">
+<defs>
+</defs>
+<path d="M0,41.309c0.391,0.032,0.667,0.053,0.83,0.061c0.163,0.008,0.309,0.012,0.439,0.012c0.684,0,1.2-0.167,1.55-0.5
+	c0.35-0.334,0.525-0.981,0.525-1.941V9.717h6.958v29.346c0,2.686-0.529,4.671-1.587,5.957c-1.058,1.286-3.133,1.929-6.226,1.929
+	c-0.212,0-0.525-0.008-0.94-0.024C1.135,46.907,0.618,46.891,0,46.875V41.309z M10.303,6.421H3.345V0h6.958V6.421z"/>
+</svg>
diff --git a/demo/assets/k.svg b/demo/assets/k.svg
new file mode 100644
index 0000000..f4c61d6
--- /dev/null
+++ b/demo/assets/k.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 14.0.0, SVG Export Plug-In  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd" [
+	<!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.0"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+	 x="0px" y="0px" width="800px" height="600px" viewBox="-296.198 -63.085 800 600"
+	 enable-background="new -296.198 -63.085 800 600" xml:space="preserve">
+<defs>
+</defs>
+<path d="M0,0h6.836v19.413l8.776-10.038h8.653l-9.539,9.914l9.908,16.576h-8.468l-6.448-11.37L6.836,27.49v8.374H0V0z"/>
+</svg>
diff --git a/demo/assets/l.svg b/demo/assets/l.svg
new file mode 100644
index 0000000..dc59937
--- /dev/null
+++ b/demo/assets/l.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 14.0.0, SVG Export Plug-In  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd" [
+	<!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.0"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+	 x="0px" y="0px" width="800px" height="600px" viewBox="-324.226 -62.963 800 600"
+	 enable-background="new -324.226 -62.963 800 600" xml:space="preserve">
+<defs>
+</defs>
+<path d="M6.958,35.986H0V0h6.958V35.986z"/>
+</svg>
diff --git a/demo/assets/m.svg b/demo/assets/m.svg
new file mode 100644
index 0000000..ebf2905
--- /dev/null
+++ b/demo/assets/m.svg
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 14.0.0, SVG Export Plug-In  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd" [
+	<!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.0"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+	 x="0px" y="0px" width="800px" height="600px" viewBox="-337.849 -71.752 800 600"
+	 enable-background="new -337.849 -71.752 800 600" xml:space="preserve">
+<defs>
+</defs>
+<path d="M33.325,0.684c1.139,0.456,2.173,1.253,3.101,2.393c0.749,0.928,1.253,2.067,1.514,3.418
+	c0.163,0.896,0.244,2.206,0.244,3.931l-0.049,16.772h-7.129V10.254c0-1.009-0.163-1.839-0.488-2.49
+	C29.899,6.527,28.76,5.908,27.1,5.908c-1.921,0-3.247,0.798-3.979,2.393c-0.375,0.847-0.562,1.864-0.562,3.052v15.845h-7.007V11.353
+	c0-1.579-0.163-2.726-0.488-3.442c-0.586-1.286-1.733-1.929-3.442-1.929c-1.986,0-3.32,0.643-4.004,1.929
+	c-0.375,0.732-0.562,1.823-0.562,3.271v16.016H0V0.635h6.763v3.882c0.862-1.383,1.676-2.368,2.441-2.954
+	C10.555,0.521,12.305,0,14.453,0c2.034,0,3.678,0.448,4.932,1.343c1.009,0.83,1.774,1.896,2.295,3.198
+	c0.911-1.562,2.042-2.71,3.394-3.442C26.505,0.366,28.101,0,29.858,0C31.03,0,32.186,0.228,33.325,0.684z"/>
+</svg>
diff --git a/demo/assets/n.svg b/demo/assets/n.svg
new file mode 100644
index 0000000..959f78c
--- /dev/null
+++ b/demo/assets/n.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 14.0.0, SVG Export Plug-In  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd" [
+	<!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.0"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+	 x="0px" y="0px" width="800px" height="600px" viewBox="-382.478 -71.704 800 600"
+	 enable-background="new -382.478 -71.704 800 600" xml:space="preserve">
+<defs>
+</defs>
+<path d="M21.41,2.161c1.742,1.44,2.613,3.829,2.613,7.166v17.92h-7.129V11.06c0-1.399-0.186-2.474-0.557-3.223
+	c-0.679-1.367-1.972-2.051-3.878-2.051c-2.343,0-3.95,1.001-4.823,3.003c-0.453,1.058-0.679,2.409-0.679,4.053v14.404H0V0.684h6.738
+	v3.882c0.891-1.367,1.734-2.352,2.528-2.954C10.692,0.537,12.5,0,14.688,0C17.427,0,19.667,0.72,21.41,2.161z"/>
+</svg>
diff --git a/demo/assets/o.svg b/demo/assets/o.svg
new file mode 100644
index 0000000..15ecae7
--- /dev/null
+++ b/demo/assets/o.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 14.0.0, SVG Export Plug-In  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd" [
+	<!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.0"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+	 x="0px" y="0px" width="800px" height="600px" viewBox="-411.335 -71.484 800 600"
+	 enable-background="new -411.335 -71.484 800 600" xml:space="preserve">
+<defs>
+</defs>
+<path d="M23.828,24.21c-2.246,2.772-5.656,4.159-10.229,4.159c-4.574,0-7.983-1.386-10.229-4.159S0,18.1,0,14.197
+	c0-3.837,1.123-7.163,3.369-9.977S9.024,0,13.599,0c4.573,0,7.983,1.407,10.229,4.22s3.369,6.139,3.369,9.977
+	C27.197,18.1,26.074,21.438,23.828,24.21z M18.262,20.365c1.09-1.446,1.636-3.502,1.636-6.168s-0.546-4.717-1.636-6.155
+	c-1.091-1.438-2.653-2.158-4.688-2.158c-2.035,0-3.602,0.719-4.699,2.158c-1.1,1.438-1.648,3.49-1.648,6.155
+	s0.549,4.722,1.648,6.168c1.098,1.447,2.664,2.169,4.699,2.169C15.608,22.534,17.171,21.812,18.262,20.365z"/>
+</svg>
diff --git a/demo/assets/p.svg b/demo/assets/p.svg
new file mode 100644
index 0000000..3f095d8
--- /dev/null
+++ b/demo/assets/p.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 14.0.0, SVG Export Plug-In  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd" [
+	<!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.0"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+	 x="0px" y="0px" width="800px" height="600px" viewBox="-443.317 -71.752 800 600"
+	 enable-background="new -443.317 -71.752 800 600" xml:space="preserve">
+<defs>
+</defs>
+<path d="M22.574,3.442c2.171,2.295,3.256,5.664,3.256,10.107c0,4.688-1.061,8.26-3.183,10.718c-2.121,2.458-4.853,3.687-8.194,3.687
+	c-2.13,0-3.899-0.529-5.308-1.587c-0.77-0.586-1.523-1.44-2.261-2.563v13.867H0V0.586h6.665v3.931
+	C7.418,3.361,8.221,2.45,9.073,1.782C10.629,0.594,12.479,0,14.626,0C17.754,0,20.403,1.147,22.574,3.442z M17.234,8.447
+	c-0.946-1.579-2.479-2.368-4.601-2.368c-2.549,0-4.3,1.196-5.253,3.589c-0.494,1.27-0.74,2.881-0.74,4.834
+	c0,3.093,0.83,5.266,2.489,6.519c0.986,0.732,2.154,1.099,3.503,1.099c1.957,0,3.449-0.749,4.478-2.246
+	c1.027-1.497,1.542-3.491,1.542-5.981C18.652,11.841,18.18,10.026,17.234,8.447z"/>
+</svg>
diff --git a/demo/assets/q.svg b/demo/assets/q.svg
new file mode 100644
index 0000000..f9c19c8
--- /dev/null
+++ b/demo/assets/q.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 14.0.0, SVG Export Plug-In  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd" [
+	<!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.0"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+	 x="0px" y="0px" width="800px" height="600px" viewBox="-472.272 -71.63 800 600" enable-background="new -472.272 -71.63 800 600"
+	 xml:space="preserve">
+<defs>
+</defs>
+<path d="M16.675,1.638c0.797,0.619,1.611,1.638,2.441,3.056V0.757h6.714v37.109h-6.885V24.023c-0.521,1.074-1.412,2.031-2.674,2.869
+	c-1.261,0.838-2.982,1.257-5.163,1.257c-3.076,0-5.697-1.23-7.861-3.689C1.082,22,0,18.718,0,14.612
+	c0-4.431,1.086-7.974,3.26-10.629C5.432,1.328,8.113,0,11.304,0C13.517,0,15.308,0.546,16.675,1.638z M18.162,19.112
+	c0.652-1.353,0.979-3.064,0.979-5.135c0-1.629-0.277-3.089-0.832-4.376c-0.994-2.315-2.739-3.472-5.235-3.472
+	c-1.762,0-3.177,0.677-4.244,2.029c-1.068,1.353-1.603,3.407-1.603,6.162c0,1.842,0.244,3.35,0.734,4.523
+	c0.913,2.233,2.608,3.35,5.088,3.35C15.446,22.192,17.15,21.166,18.162,19.112z"/>
+</svg>
diff --git a/demo/assets/r.svg b/demo/assets/r.svg
new file mode 100644
index 0000000..20e759e
--- /dev/null
+++ b/demo/assets/r.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 14.0.0, SVG Export Plug-In  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd" [
+	<!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.0"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+	 x="0px" y="0px" width="800px" height="600px" viewBox="-504.523 -71.704 800 600"
+	 enable-background="new -504.523 -71.704 800 600" xml:space="preserve">
+<defs>
+</defs>
+<path d="M14.855,0.012c0.09,0.008,0.289,0.021,0.599,0.037v7.129c-0.439-0.049-0.83-0.081-1.172-0.098
+	c-0.342-0.016-0.619-0.024-0.83-0.024c-2.8,0-4.68,0.912-5.64,2.734c-0.537,1.025-0.806,2.604-0.806,4.736v12.72H0V0.635h6.641
+	v4.639C7.715,3.5,8.65,2.287,9.448,1.636C10.75,0.545,12.442,0,14.526,0C14.656,0,14.767,0.004,14.855,0.012z"/>
+</svg>
diff --git a/demo/assets/s.svg b/demo/assets/s.svg
new file mode 100644
index 0000000..45e88b8
--- /dev/null
+++ b/demo/assets/s.svg
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 14.0.0, SVG Export Plug-In  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd" [
+	<!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.0"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+	 x="0px" y="0px" width="800px" height="600px" viewBox="-522.395 -71.582 800 600"
+	 enable-background="new -522.395 -71.582 800 600" xml:space="preserve">
+<defs>
+</defs>
+<path d="M7.056,18.872c0.147,1.237,0.466,2.116,0.957,2.637c0.866,0.928,2.469,1.392,4.808,1.392c1.374,0,2.466-0.203,3.275-0.61
+	c0.81-0.407,1.214-1.017,1.214-1.831c0-0.781-0.326-1.375-0.979-1.782c-0.652-0.407-3.078-1.106-7.278-2.1
+	c-3.024-0.749-5.155-1.685-6.392-2.808c-1.237-1.106-1.855-2.702-1.855-4.785c0-2.458,0.966-4.569,2.899-6.335
+	C5.638,0.883,8.357,0,11.864,0c3.327,0,6.039,0.664,8.135,1.99c2.096,1.327,3.299,3.618,3.609,6.873H16.65
+	c-0.098-0.895-0.351-1.603-0.759-2.124c-0.768-0.944-2.073-1.416-3.917-1.416c-1.519,0-2.6,0.236-3.244,0.708
+	C8.086,6.502,7.764,7.056,7.764,7.69c0,0.798,0.343,1.375,1.028,1.733c0.686,0.375,3.106,1.018,7.265,1.929
+	c2.771,0.651,4.85,1.636,6.233,2.954c1.367,1.335,2.051,3.003,2.051,5.005c0,2.637-0.982,4.79-2.948,6.458
+	c-1.965,1.668-5.002,2.502-9.112,2.502c-4.191,0-7.286-0.883-9.283-2.649C0.999,23.857,0,21.606,0,18.872H7.056z"/>
+</svg>
diff --git a/demo/assets/t.svg b/demo/assets/t.svg
new file mode 100644
index 0000000..e406c50
--- /dev/null
+++ b/demo/assets/t.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 14.0.0, SVG Export Plug-In  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd" [
+	<!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.0"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+	 x="0px" y="0px" width="800px" height="600px" viewBox="-549.128 -65.161 800 600"
+	 enable-background="new -549.128 -65.161 800 600" xml:space="preserve">
+<defs>
+</defs>
+<path d="M0,12.378V7.422h3.711V0h6.885v7.422h4.321v4.956h-4.321V26.44c0,1.091,0.138,1.77,0.415,2.039
+	c0.276,0.269,1.123,0.403,2.539,0.403c0.211,0,0.436-0.004,0.672-0.012c0.235-0.008,0.467-0.02,0.695-0.037v5.2l-3.296,0.122
+	c-3.288,0.114-5.534-0.456-6.738-1.709c-0.781-0.797-1.172-2.026-1.172-3.687V12.378H0z"/>
+</svg>
diff --git a/demo/assets/u.svg b/demo/assets/u.svg
new file mode 100644
index 0000000..04606d8
--- /dev/null
+++ b/demo/assets/u.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 14.0.0, SVG Export Plug-In  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd" [
+	<!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.0"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+	 x="0px" y="0px" width="800px" height="600px" viewBox="-568.317 -72.338 800 600"
+	 enable-background="new -568.317 -72.338 800 600" xml:space="preserve">
+<defs>
+</defs>
+<path d="M7.129,0v16.04c0,1.514,0.178,2.653,0.534,3.418c0.632,1.351,1.871,2.026,3.717,2.026c2.364,0,3.984-0.96,4.859-2.881
+	c0.453-1.042,0.68-2.417,0.68-4.126V0h7.056v26.611h-6.763v-3.76c-0.064,0.082-0.228,0.326-0.486,0.732
+	c-0.26,0.407-0.568,0.765-0.926,1.074c-1.087,0.977-2.139,1.644-3.152,2.002c-1.015,0.358-2.203,0.537-3.567,0.537
+	c-3.927,0-6.572-1.416-7.937-4.248C0.381,21.387,0,19.084,0,16.04V0H7.129z"/>
+</svg>
diff --git a/demo/assets/v.svg b/demo/assets/v.svg
new file mode 100644
index 0000000..fcba554
--- /dev/null
+++ b/demo/assets/v.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 14.0.0, SVG Export Plug-In  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd" [
+	<!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.0"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+	 x="0px" y="0px" width="800px" height="600px" viewBox="-43.623 -132.338 800 600"
+	 enable-background="new -43.623 -132.338 800 600" xml:space="preserve">
+<defs>
+</defs>
+<path d="M19.019,0h7.471L16.88,26.611H9.543L0,0h7.812l5.542,19.629L19.019,0z"/>
+</svg>
diff --git a/demo/assets/w.svg b/demo/assets/w.svg
new file mode 100644
index 0000000..384291b
--- /dev/null
+++ b/demo/assets/w.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 14.0.0, SVG Export Plug-In  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd" [
+	<!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.0"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+	 x="0px" y="0px" width="800px" height="600px" viewBox="-71.149 -132.338 800 600"
+	 enable-background="new -71.149 -132.338 800 600" xml:space="preserve">
+<defs>
+</defs>
+<path d="M15.454,0h7.056l4.053,19.165L30.713,0h7.251l-7.715,26.611h-7.153L18.921,7.227l-4.224,19.385H7.471L0,0h7.471l4.15,19.092
+	L15.454,0z"/>
+</svg>
diff --git a/demo/assets/x.svg b/demo/assets/x.svg
new file mode 100644
index 0000000..0957a24
--- /dev/null
+++ b/demo/assets/x.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 14.0.0, SVG Export Plug-In  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd" [
+	<!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.0"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+	 x="0px" y="0px" width="800px" height="600px" viewBox="-110.297 -132.387 800 600"
+	 enable-background="new -110.297 -132.387 800 600" xml:space="preserve">
+<defs>
+</defs>
+<path d="M0,26.562l9.082-13.477L0.391,0h8.521l4.446,7.708L17.7,0h8.276l-8.74,12.964l9.082,13.599h-8.667l-4.58-8l-4.624,8H0z"/>
+</svg>
diff --git a/demo/assets/y.svg b/demo/assets/y.svg
new file mode 100644
index 0000000..b442724
--- /dev/null
+++ b/demo/assets/y.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 14.0.0, SVG Export Plug-In  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd" [
+	<!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.0"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+	 x="0px" y="0px" width="800px" height="600px" viewBox="-138.007 -132.338 800 600"
+	 enable-background="new -138.007 -132.338 800 600" xml:space="preserve">
+<defs>
+</defs>
+<path d="M3.796,31.714l0.879,0.049c0.684,0.032,1.334,0.008,1.953-0.073c0.618-0.082,1.139-0.269,1.562-0.562
+	c0.407-0.277,0.785-0.854,1.135-1.733c0.35-0.879,0.5-1.416,0.452-1.611L0,0h7.739l5.811,19.629L19.043,0h7.397l-9.123,26.172
+	c-1.763,5.045-3.158,8.174-4.185,9.387c-1.026,1.212-3.08,1.819-6.159,1.819c-0.619,0-1.116-0.004-1.491-0.012
+	c-0.375-0.008-0.938-0.037-1.687-0.085V31.714z"/>
+</svg>
diff --git a/demo/assets/z.svg b/demo/assets/z.svg
new file mode 100644
index 0000000..cfff0d1
--- /dev/null
+++ b/demo/assets/z.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 14.0.0, SVG Export Plug-In  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd" [
+	<!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.0"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+	 x="0px" y="0px" width="800px" height="600px" viewBox="-166.12 -132.338 800 600"
+	 enable-background="new -166.12 -132.338 800 600" xml:space="preserve">
+<defs>
+</defs>
+<path d="M0.928,5.664V0h21.045v5.786L8.915,20.898h13.521v5.713H0v-5.42L13.191,5.664H0.928z"/>
+</svg>
diff --git a/demo.css b/demo/demo.css
similarity index 89%
rename from demo.css
rename to demo/demo.css
index ebdad16..b4a6489 100644
--- a/demo.css
+++ b/demo/demo.css
@@ -9,16 +9,15 @@ body {
 }
 
 h1, h2, h3, h4, h5, h6 {
-    font-family: helvetica, arial, sans-serif;
+    font-family: "Helvetica Neue", helvetica, arial, sans-serif;
     color: #222;
 }
 
 h1 { 
     font-size: 80px; 
-    font-weight: 900; 
+    font-weight: 800; 
     text-transform: lowercase;
     line-height: 80px;
-    text-shadow: 2px 2px 2px #ccc;
     margin: 20px 0 20px 0;
 }
 
@@ -50,9 +49,12 @@ a:link {
 a:visited {
     color: #0fa954;
 }
-a:hover, a:active {
+a:hover {
     color: #e61d5f;
 }
+a:active {
+    color: #54396e;
+}
 
 /* SPAN elements with the classes below are added by prettyprint. */
 .str { color: #0fa954; }
diff --git a/demo/demo.js b/demo/demo.js
new file mode 100644
index 0000000..e69de29
diff --git a/gui.css b/gui.css
index 2b95151..1d8bcac 100644
--- a/gui.css
+++ b/gui.css
@@ -109,6 +109,7 @@ width: 170px;
 
 #guidat .guidat-controller.boolean input { 
 	margin-top: 6px;
+	margin-right: 2px;
 	font-size: 20px;
 }
 
diff --git a/index.html b/index.html
index 581c2d6..8415cf0 100644
--- a/index.html
+++ b/index.html
@@ -2,10 +2,10 @@
     <head>
         <title>GUI-DAT</title>
         
-        <link rel="icon" type="image/gif" href="favicon.gif">
+        <link rel="icon" type="image/gif" href="demo/assets/favicon.gif">
         
         <link href="gui.css" media="screen" rel="stylesheet" type="text/css" />
-        <link href="demo.css" media="screen" rel="stylesheet" type="text/css" />
+        <link href="demo/demo.css" media="screen" rel="stylesheet" type="text/css" />
         <script type="text/javascript" src="http://google-code-prettify.googlecode.com/svn/trunk/src/prettify.js"></script>
 
         <script type="text/javascript" src="gui.js"></script>
@@ -15,6 +15,7 @@
         <script type="text/javascript" src="controllers/controller.number.js"></script>
         <script type="text/javascript" src="controllers/controller.boolean.js"></script>
         <script type="text/javascript" src="controllers/controller.function.js"></script>
+        <script type="text/javascript" src="demo/demo.js"></script>
         <script id="demo" type="text/javascript">
             var controllableObject = 
                {   
@@ -59,7 +60,7 @@
         </script>
     </head>
     <body>
-        <h1><a href = "http://twitter.com/guidat"><img src = "favicon.gif" alt = "GUI-DAT flag" /></a>GUI-DAT</h1>
+        <h1><a href = "http://twitter.com/guidat"><img src = "demo/assets/favicon.gif" border = "0" alt = "GUI-DAT flag" /></a>GUI-DAT</h1>
         <p>
             is a super-light javascript library for making GUI elements. It is inspired by <a href = "http://www.sojamo.de/libraries/controlP5/">controlP5</a>.
         </p>