refactoring, use Handlebars instead of jQuery objects, updated toolbar styles

Makefile

@@ -3,10 +3,15 @@ SOURCES = lib/pixastic/pixastic.core.js \
           lib/pixastic/actions/brightness.js \
           lib/pixastic/actions/desaturate.js \
           lib/pixastic/actions/sharpen.js \
+          lib/vendor/handlebars.runtime-1.0.rc.1.min.js \
+          lib/templates.js \
           lib/ComicBook.js
 
 all: reset lib/ComicBook.combined.js lib/ComicBook.min.js clean
 
+lib/templates.js: templates/*.handlebars
+	handlebars $< -f $@
+
 lib/ComicBook.combined.js: ${SOURCES}
 	cat > $@ $^
 
@@ -14,6 +19,7 @@ lib/ComicBook.min.js: lib/ComicBook.combined.js
 	java -jar bin/closure-complier/compiler.jar --compilation_level SIMPLE_OPTIMIZATIONS --js $< --js_output_file $@
 
 reset:
+	touch lib/ComicBook.min.js
 	rm lib/ComicBook.min.js
 
 clean:

css/styles.css

@@ -19,7 +19,7 @@
 	margin: 0 0 4px;
 }
 
-.cb-control.cb-navigate {
+.navigate {
 	top: 0;
 	margin: 0;
 	cursor: pointer;
@@ -31,16 +31,16 @@
 	box-shadow: none;
 }
 
-.cb-control.cb-navigate:hover {
+.navigate:hover {
 	opacity: 1;
 }
 
-.cb-control.cb-navigate.left {
+.navigate-left {
 	left: 0;
 	background-image: url(../img/left.png);
 }
 
-.cb-control.cb-navigate.right {
+.navigate-right {
 	right: 0;
 	background-image: url(../img/right.png);
 }
@@ -79,10 +79,15 @@
 
 #cb-progress-bar {
 	width: 200px;
+}
+
+#cb-progress-bar,
+#cb-progress-bar .progressbar-value {
 	height: 3px;
 }
 
-#cb-progress-bar .ui-widget-header {
+#cb-progress-bar .progressbar-value {
+	width: 0;
 	background: #86C441;
 	border-color: #3E7600;
 }

css/toolbar.css

@@ -0,0 +1,118 @@
+
+body {
+	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+	font-size: 12px;
+	line-height: 20px;
+	color: #333;
+}
+
+button, input, label {
+	cursor: pointer;
+}
+
+.pull-left {
+	float: left;
+}
+
+.pull-right {
+	float: right;
+}
+
+.toolbar {
+	color: white;
+	background-color: black;
+	background-image: linear-gradient(to bottom, rgb(80, 80, 80), rgb(17, 17, 17));
+	overflow: visible;
+	padding: 8px;
+	position: fixed;
+	left: 0;
+	right: 0;
+	z-index: 99;
+	margin-bottom: 0;
+	box-shadow: 0 1px 10px rgba(0, 0, 0, 0.4);
+	opacity: 0;
+  transition: opacity 0.2s ease-in-out;
+}
+
+.toolbar:hover {
+	opacity: 1;
+}
+
+.toolbar li {
+	display: inline-block;
+	position: relative;
+}
+
+.toolbar .separator {
+	border: solid 1px;
+	height: 1em;
+}
+
+.toolbar button {
+	color: white;
+	border: none;
+	background-color: transparent;
+	padding: 0;
+}
+
+.toolbar li > button {
+	font-size: 16px;
+	padding: 0 12px;
+}
+
+.toolbar li > button:hover {
+	color: #8CC746;
+}
+
+.toolbar button[data-action=close]:hover {
+	color: #FF6464;
+}
+
+.toolbar .dropdown {
+	font-size: 12px;
+	position: absolute;
+	width: 212px;
+	background-color: white;
+	color: #111;
+	border-radius: 4px;
+	box-shadow: 0 1px 10px rgba(0, 0, 0, 0.4);
+	top: 2em;
+	padding: 4px 0;
+	display: none;
+}
+
+.toolbar li:hover > .dropdown {
+	display: block;
+}
+
+/* dropdown arrow code taken from Twitter Bootstrap 2.3.1 */
+.toolbar .dropdown:after {
+	position: absolute;
+	top: -4px;
+	left: 15px;
+	display: inline-block;
+	border-right: 6px solid transparent;
+	border-bottom: 6px solid #ffffff;
+	border-left: 6px solid transparent;
+	content: '';
+}
+
+.dropdown .control-group {
+	padding: 8px;
+}
+
+.dropdown .sliders {
+	font-size: 16px;
+}
+
+.dropdown .control-group span {
+	float: left;
+	margin: 0 2px;
+	clear: both;
+}
+
+.dropdown .control-group input[type=range] {
+	width: 171px;
+	float: right;
+	margin: 0;
+}

examples/dev.html

@@ -4,16 +4,18 @@
 		<meta charset="utf8">
 		<title>Dev</title>
 
-		<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
+		<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
-		<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/jquery-ui.min.js"></script>
 		<script src="../lib/pixastic/pixastic.core.js"></script>
 		<script src="../lib/pixastic/actions/brightness.js"></script>
 		<script src="../lib/pixastic/actions/desaturate.js"></script>
 		<script src="../lib/pixastic/actions/sharpen.js"></script>
+		<script src="../lib/vendor/handlebars.runtime-1.0.rc.1.min.js"></script>
+		<script src="../lib/templates.js"></script>
 		<script src="../lib/ComicBook.js"></script>
 		<link rel="stylesheet" href="../css/reset.css">
-		<link rel="stylesheet" href="../css/Aristo/css/Aristo/Aristo.css">
+		<link rel="stylesheet" href="../fonts/icomoon-toolbar/style.css">
 		<link rel="stylesheet" href="../css/styles.css">
+		<link rel="stylesheet" href="../css/toolbar.css">
 	</head>
 	<body>
 
@@ -48,11 +50,11 @@
 				'goldenboy/goldenboy_23.jpg',
 				'goldenboy/goldenboy_24.jpg',
 				'goldenboy/goldenboy_25.jpg'
-   			]);
+   		]);
 
 			book.draw();
 
-			$(window).resize(function(event) {
+			$(window).on('resize', function () {
 				book.draw();
 			});
 		</script>

fonts/icomoon-toolbar/Read Me.txt

@@ -0,0 +1,3 @@
+To modify your generated font, use the *dev.svg* file, located in the *fonts* folder in this package. You can import this dev.svg file to the IcoMoon app. All the tags (class names) and the Unicode points of your glyphs are saved in this file.
+
+See the documentation for more info on how to use this package: http://icomoon.io/#docs/font-face

fonts/icomoon-toolbar/fonts/toolbar.dev.svg

@@ -0,0 +1,108 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
+<svg xmlns="http://www.w3.org/2000/svg">
+<metadata>
+This is a custom SVG font generated by IcoMoon.
+<iconset grid="20"></iconset>
+</metadata>
+<defs>
+<font id="toolbar" horiz-adv-x="640" >
+<font-face units-per-em="640" ascent="608" descent="-32" />
+<missing-glyph horiz-adv-x="640" />
+<glyph unicode="&#xe000;" d="M 557.574,490.426l-75.146,75.148C 459.091,588.909, 413.00,608.00, 380.00,608.00L 100.00,608.00 C 67.00,608.00, 40.00,581.00, 40.00,548.00l0.00-520.00 c0.00-33.00, 27.00-60.00, 60.00-60.00l 440.00,0.00 
+	c 33.00,0.00, 60.00,27.00, 60.00,60.00L 600.00,388.00 C 600.00,421.00, 580.909,467.091, 557.574,490.426z M 400.00,523.274c 1.373-0.503, 2.782-1.05, 4.224-1.647
+	c 11.287-4.676, 19.124-10.11, 21.635-12.621l 75.148-75.149c 2.511-2.511, 7.945-10.346, 12.621-21.634c 0.597-1.441, 1.145-2.851, 1.647-4.223
+	L 400.00,408.00 L 400.00,523.274 z M 520.00,48.00L 120.00,48.00 L 120.00,528.00 l 240.00,0.00 l0.00-160.00 l 160.00,0.00 L 520.00,48.00 z" data-tags="file, paper, page, new, empty, blank, document" />
+<glyph unicode="&#xe001;" d="M 560.00,488.00 L 80.00,488.00 L 80.00,88.00 L 560.00,88.00 L 560.00,488.00 Z M 640.00,568.00 L 640.00,568.00 L 640.00,8.00 L 0.00,8.00 L 0.00,568.00 L 640.00,568.00 ZM 520.00,128.00 L 120.00,128.00 L 120.00,208.00 L 240.00,408.00 L 404.375,208.00 L 520.00,288.00 L 520.00,248.00 ZM 400.00,388.00A60.00,60.00 2700.00 1 1 520.00,388A60.00,60.00 2700.00 1 1 400.00,388z" data-tags="image, picture, photo, graphic" />
+<glyph unicode="&#xe002;" d="M 620.164,63.378L 468.569,192.311c-15.671,14.104-32.431,20.579-45.97,19.954C 458.384,254.183, 480.00,308.564, 480.00,368.00
+		C 480.00,500.549, 372.549,608.00, 240.00,608.00C 107.453,608.00,0.00,500.549,0.00,368.00c0.00-132.549, 107.451-240.00, 240.00-240.00c 59.436,0.00, 113.817,21.616, 155.735,57.402
+		c-0.625-13.539, 5.85-30.299, 19.954-45.97l 128.934-151.595c 22.076-24.529, 58.139-26.596, 80.138-4.598S 644.692,41.301, 620.164,63.378
+		z M 240.00,208.00c-88.365,0.00-160.00,71.635-160.00,160.00S 151.635,528.00, 240.00,528.00s 160.00-71.635, 160.00-160.00S 328.366,208.00, 240.00,208.00zM 120.00,408.00L 360.00,408.00L 360.00,328.00L 120.00,328.00z" data-tags="zoom out, smaller, scale, reduce" />
+<glyph unicode="&#xe003;" d="M 620.164,63.378L 468.569,192.311c-15.671,14.104-32.431,20.579-45.97,19.954C 458.384,254.183, 480.00,308.564, 480.00,368.00
+		C 480.00,500.549, 372.549,608.00, 240.00,608.00C 107.453,608.00,0.00,500.549,0.00,368.00c0.00-132.549, 107.451-240.00, 240.00-240.00c 59.436,0.00, 113.817,21.616, 155.735,57.402
+		c-0.625-13.539, 5.85-30.299, 19.954-45.97l 128.934-151.595c 22.076-24.529, 58.139-26.596, 80.138-4.598S 644.692,41.301, 620.164,63.378
+		z M 240.00,208.00c-88.365,0.00-160.00,71.635-160.00,160.00S 151.635,528.00, 240.00,528.00s 160.00-71.635, 160.00-160.00S 328.366,208.00, 240.00,208.00zM 280.00,488.00L 200.00,488.00L 200.00,408.00L 120.00,408.00L 120.00,328.00L 200.00,328.00L 200.00,248.00L 280.00,248.00L 280.00,328.00L 360.00,328.00L 360.00,408.00L 280.00,408.00 	z" data-tags="zoom in, enlarge, scale" />
+<glyph unicode="&#xe004;" d="M 640.00,608.00 L 640.00,348.00 L 540.00,448.00 L 420.00,328.00 L 360.00,388.00 L 480.00,508.00 L 380.00,608.00 ZM 280.00,188.00 L 160.00,68.00 L 260.00-32.00 L 0.00-32.00 L 0.00,228.00 L 100.00,128.00 L 220.00,248.00 Z" data-tags="expand, enlarge, maximize, fullscreen" />
+<glyph unicode="&#xe005;" d="M 640.00,608.00 L 640.00,368.00 L 553.587,454.412 L 421.087,321.913 L 353.913,389.088 L 486.413,521.588 L 400.00,608.00 ZM 153.588,521.588 L 286.087,389.088 L 218.912,321.913 L 86.412,454.412 L 0.00,368.00 L 0.00,608.00 L 240.00,608.00 ZM 553.587,121.587 L 640.00,208.00 L 640.00-32.00 L 400.00-32.00 L 486.413,54.413 L 353.913,186.913 L 421.087,254.087 ZM 286.087,186.913 L 153.588,54.413 L 240.00-32.00 L 0.00-32.00 L 0.00,208.00 L 86.412,121.587 L 218.912,254.087 Z" data-tags="expand, enlarge, maximize, fullscreen" />
+<glyph unicode="&#xe006;" d="M 520.00,8.00L 640.00,328.00L 120.00,328.00L0.00,8.00 zM 80.00,368.00 L 0.00,8.00 L 0.00,528.00 L 180.00,528.00 L 260.00,448.00 L 520.00,448.00 L 520.00,368.00 Z" data-tags="folder-open, directory, category, browse" />
+<glyph unicode="&#xe007;" d="M 0.00,408.00 L 640.00,408.00 L 600.00,8.00 L 40.00,8.00 L 0.00,408.00 Z M 580.00,488.00 L 600.00,448.00 L 40.00,448.00 L 80.00,528.00 L 300.00,528.00 L 320.00,488.00 L 580.00,488.00 Z" data-tags="folder, directory, category, browse" />
+<glyph unicode="&#xe008;" d="M 583.619,226.594c-33.579,58.159-13.385,132.69, 45.095,166.555l-62.891,108.933c-17.969-10.534-38.86-16.574-61.154-16.574
+	c-67.21,0.00-121.692,54.841-121.692,122.494L 257.19,608.001 c 0.166-20.881-5.046-42.051-16.224-61.407
+	c-33.578-58.16-108.222-77.939-166.789-44.224L 11.287,393.437c 18.106-10.295, 33.781-25.367, 44.929-44.674
+	c 33.524-58.068, 13.445-132.45-44.817-166.39l 62.891-108.933c 17.906,10.435, 38.697,16.409, 60.875,16.409
+	c 66.998,0.00, 121.34-54.495, 121.688-121.849l 125.784,0.00 c-0.054,20.671, 5.17,41.606, 16.229,60.761
+	c 33.523,58.066, 107.985,77.871, 166.509,44.383l 62.891,108.931C 610.277,192.368, 594.707,207.387, 583.619,226.594z M 320.00,158.418
+	c-71.567,0.00-129.585,58.015-129.585,129.584c0.00,71.567, 58.016,129.584, 129.585,129.584c 71.567,0.00, 129.582-58.016, 129.582-129.584
+	C 449.581,216.433, 391.567,158.418, 320.00,158.418z" data-tags="cog, preferences, settings, gear, generate, control, options" />
+<glyph unicode="&#xe009;" d="M 40.00,488.00L 600.00,488.00L 600.00,368.00L 40.00,368.00zM 40.00,328.00L 600.00,328.00L 600.00,208.00L 40.00,208.00zM 40.00,168.00L 600.00,168.00L 600.00,48.00L 40.00,48.00z" data-tags="menu, list, items, lines, options" />
+<glyph unicode="&#xe00a;" d="M 626.834,96.827l-287.845,246.725C 352.394,368.739, 360.00,397.479, 360.00,428.00C 360.00,527.411, 279.411,608.00, 180.00,608.00
+	c-18.184,0.00-35.733-2.708-52.279-7.721l 103.994-103.994c 15.556-15.556, 15.556-41.013,0.00-56.569l-63.431-63.431
+	c-15.556-15.556-41.013-15.556-56.569,0.00L 7.721,480.279C 2.708,463.732,0.00,446.184,0.00,428.00c0.00-99.411, 80.589-180.00, 180.00-180.00
+	c 30.521,0.00, 59.261,7.606, 84.448,21.012l 246.725-287.845c 14.318-16.703, 38.76-17.641, 54.315-2.086l 63.433,63.433
+	C 644.475,58.069, 643.536,82.51, 626.834,96.827z" data-tags="wrench, settings, control, tool, options, preferences, fix" />
+<glyph unicode="&#xe00b;" d="M 280.00,528.00l0.00,10.00 c0.00,16.50-13.50,30.00-30.00,30.00l-100.00,0.00 c-16.50,0.00-30.00-13.50-30.00-30.00l0.00-10.00 L0.00,528.00 l0.00-80.00 l 120.00,0.00 l0.00-10.00 c0.00-16.50, 13.50-30.00, 30.00-30.00l 100.00,0.00 c 16.50,0.00, 30.00,13.50, 30.00,30.00l0.00,10.00 
+		l 360.00,0.00 L 640.00,528.00 L 280.00,528.00 z M 160.00,448.00L 160.00,528.00 l 80.00,0.00 l0.00-80.00 L 160.00,448.00 zM 520.00,338.00c0.00,16.50-13.50,30.00-30.00,30.00l-100.00,0.00 c-16.50,0.00-30.00-13.50-30.00-30.00l0.00-10.00 L0.00,328.00 l0.00-80.00 l 360.00,0.00 l0.00-10.00 c0.00-16.50, 13.50-30.00, 30.00-30.00l 100.00,0.00 c 16.50,0.00, 30.00,13.50, 30.00,30.00l0.00,10.00 
+		l 120.00,0.00 l0.00,80.00 l-120.00,0.00 L 520.00,338.00 z M 400.00,248.00l0.00,80.00 l 80.00,0.00 l0.00-80.00 L 400.00,248.00 zM 280.00,138.00c0.00,16.50-13.50,30.00-30.00,30.00l-100.00,0.00 c-16.50,0.00-30.00-13.50-30.00-30.00l0.00-10.00 L0.00,128.00 l0.00-80.00 l 120.00,0.00 l0.00-10.00 c0.00-16.50, 13.50-30.00, 30.00-30.00l 100.00,0.00 c 16.50,0.00, 30.00,13.50, 30.00,30.00l0.00,10.00 
+		l 360.00,0.00 l0.00,80.00 L 280.00,128.00 L 280.00,138.00 z M 160.00,48.00l0.00,80.00 l 80.00,0.00 l0.00-80.00 L 160.00,48.00 z" data-tags="settings, preferences, options" />
+<glyph unicode="&#xe00c;" d="M 546.264,514.263C 488.356,572.172, 408.366,608.00, 320.00,608.00C 182.82,608.00, 65.819,521.67, 20.314,400.382l 74.922-28.096
+		C 129.364,463.252, 217.115,528.00, 320.00,528.00c 66.275,0.00, 126.263-26.875, 169.691-70.309L 400.00,368.00l 240.00,0.00 L 640.00,608.00 L 546.264,514.263zM 320.00,48.00c-66.275,0.00-126.266,26.87-169.695,70.305L 240.00,208.00L0.00,208.00 l0.00-240.00 l 93.746,93.746C 151.65,3.832, 231.633-32.00, 320.00-32.00
+		c 137.181,0.00, 254.183,86.33, 299.688,207.618l-74.922,28.096C 510.637,112.748, 422.886,48.00, 320.00,48.00z" data-tags="loop, repeat, reload, refresh, update, upgrade, synchronize, media control, arrows" />
+<glyph unicode="&#xe00d;" d="M 640.00,448.00c0.00,88.32-71.72,160.00-160.00,160.00c-59.68,0.00-111.24-33.16-138.76-81.72c0.00,0.04, 0.08,0.08, 0.08,0.12
+		c-7.34,0.70-14.46,2.22-21.96,2.22c-132.58,0.00-240.00-107.42-240.00-240.00c0.00-50.54, 15.78-97.34, 42.42-135.94L0.00-32.00l 185.78,121.24
+		c 38.20-25.62, 84.14-40.62, 133.60-40.62c 132.58,0.00, 240.00,107.42, 240.00,240.00c0.00,6.92-1.40,13.40-2.04,20.16C 606.40,336.12, 640.00,387.88, 640.00,448.00z
+		 M 319.38,128.62c-88.28,0.00-160.00,71.72-160.00,160.00c0.00,88.24, 71.72,160.00, 160.00,160.00c 0.24,0.00, 0.46-0.08, 0.62-0.08c0.00,0.16, 0.08,0.28, 0.08,0.40
+		C 320.08,448.62, 320.00,448.32, 320.00,448.00c0.00-13.90, 2.34-27.10, 5.62-39.96l-63.44-63.48c-31.24-31.24-31.24-81.88,0.00-113.12s 81.88-31.24, 113.12,0.00
+		l 62.82,62.82c 13.20-3.60, 26.88-6.10, 41.18-6.18C 478.98,200.04, 407.42,128.62, 319.38,128.62z M 480.00,368.00c-44.06,0.00-80.00,35.90-80.00,80.00
+		s 35.94,80.00, 80.00,80.00s 80.00-35.90, 80.00-80.00S 524.06,368.00, 480.00,368.00z" data-tags="pin, location" />
+<glyph unicode="&#xe00e;" d="M 239.52,288.00c0.00-8.256, 8.384-14.144, 8.384-14.144l 232.80-146.208C 497.952,116.352, 512.00,124.672, 512.00,146.048L 512.00,429.952 
+		c0.00,21.408-14.048,29.728-31.296,18.432l-232.80-146.24C 247.904,302.112, 239.52,296.256, 239.52,288.00z M 128.00,436.576l0.00-297.152 c0.00-28.416, 19.584-37.12, 48.00-37.12
+		S 224.00,111.008, 224.00,139.392L 224.00,436.576 c0.00,28.448-19.584,37.152-48.00,37.152S 128.00,464.992, 128.00,436.576z" data-tags="first, start, media control" />
+<glyph unicode="&#xe00f;" d="M 392.096,302.144l-232.80,146.24C 142.08,459.648, 128.00,451.36, 128.00,429.92l0.00-283.872 c0.00-21.44, 14.08-29.696, 31.296-18.432l 232.80,146.208
+		c0.00,0.00, 8.416,5.92, 8.416,14.144S 392.096,302.144, 392.096,302.144z M 464.00,473.728c-28.416,0.00-48.00-8.736-48.00-37.152l0.00-297.152 
+		c0.00-28.448, 19.584-37.184, 48.00-37.184s 48.00,8.736, 48.00,37.184L 512.00,436.576 C 512.00,464.992, 492.416,473.728, 464.00,473.728z" data-tags="last, end, media control" />
+<glyph unicode="&#xe011;" d="M 614.40,288.00c0.00,162.592-131.808,294.40-294.40,294.40S 25.60,450.592, 25.60,288.00c0.00-162.624, 131.808-294.432, 294.40-294.432S 614.40,125.408, 614.40,288.00z M 89.60,288.00
+		c0.00,127.232, 103.168,230.40, 230.40,230.40s 230.40-103.168, 230.40-230.40c0.00-127.264-103.168-230.432-230.40-230.432S 89.60,160.736, 89.60,288.00z M 443.20,230.40L 443.20,345.60 L 312.32,345.60 L 312.32,417.60 
+		L 190.40,288.00l 121.92-129.60L 312.32,230.40 L 443.20,230.40 z" data-tags="arrow-left, left, previous" />
+<glyph unicode="&#xe010;" d="M 25.60,288.00c0.00-162.592, 131.84-294.40, 294.40-294.40c 162.592,0.00, 294.40,131.808, 294.40,294.40C 614.40,450.592, 482.592,582.40, 320.00,582.40C 157.408,582.40, 25.60,450.592, 25.60,288.00z
+		 M 550.40,288.00c0.00-127.232-103.168-230.40-230.40-230.40S 89.60,160.736, 89.60,288.00C 89.60,415.264, 192.736,518.40, 320.00,518.40S 550.40,415.264, 550.40,288.00z M 196.80,345.60l0.00-115.20 l 130.88,0.00 l0.00-72.00 
+		L 449.60,288.00l-121.92,129.60L 327.68,345.60 L 196.80,345.60 z" data-tags="arrow-right, right, next" />
+<glyph unicode="&#xe012;" d="M 447.968,435.20L 448.00,140.80L 192.00,288.00 z" data-tags="arrow-left, left, triangle, previous" />
+<glyph unicode="&#xe013;" d="M 192.032,435.20L 192.00,140.80L 448.00,288.00 z" data-tags="arrow-right, triangle, right, next" />
+<glyph unicode="&#xe014;" d="M 319.52,531.20L 319.52,408.704L 544.064,408.736L 544.064,167.072L 319.52,167.072L 319.52,44.80L 76.864,288.00 	z" data-tags="arrow-left, left, previous" />
+<glyph unicode="&#xe015;" d="M 320.48,531.20L 320.48,408.704L 95.936,408.736L 95.936,167.072L 320.48,167.072L 320.48,44.80L 563.136,288.00 	z" data-tags="arrow-right, right, next" />
+<glyph unicode="&#xe016;" d="M 44.768,288.00c0.00-8.928, 8.928-15.328, 8.928-15.328l 238.816-158.368c 18.304-12.256, 33.344-3.264, 33.344,19.968L 325.856,441.76 
+		c0.00,23.232-15.04,32.192-33.344,20.00l-238.816-158.40C 53.728,303.328, 44.768,296.928, 44.768,288.00z M 335.20,288.00c0.00-8.928, 8.928-15.328, 8.928-15.328
+		l 230.496-158.368c 18.336-12.256, 33.344-3.264, 33.344,19.968L 607.968,441.76 c0.00,23.232-15.008,32.192-33.344,20.00l-230.496-158.40
+		C 344.128,303.328, 335.20,296.928, 335.20,288.00z" data-tags="previous, media control" />
+<glyph unicode="&#xe017;" d="M 586.272,303.328l-238.784,158.40C 329.152,473.952, 314.112,464.96, 314.112,441.76l0.00-307.488 c0.00-23.232, 15.04-32.224, 33.376-19.968l 238.784,158.368
+		c0.00,0.00, 8.928,6.40, 8.928,15.328S 586.272,303.328, 586.272,303.328z M 295.872,303.328L 65.344,461.76C 47.04,473.952, 32.032,464.96, 32.032,441.76l0.00-307.488 
+		c0.00-23.232, 15.008-32.224, 33.344-19.968l 230.528,158.368c0.00,0.00, 8.928,6.40, 8.928,15.328S 295.872,303.328, 295.872,303.328z" data-tags="next, media control" />
+<glyph unicode="&#xe01a;" d="M 559.963,212.061c-0.007,0.441-0.019,0.876-0.026,1.316c-0.02,0.892-0.044,1.784-0.074,2.675C 553.594,413.332, 320.00,608.00, 320.00,608.00
+		S 86.404,413.332, 80.138,216.049c-0.027-0.894-0.055-1.782-0.075-2.676c-0.009-0.44-0.019-0.876-0.026-1.316
+		c-0.022-1.35-0.035-2.702-0.035-4.06c0.00-1.48, 0.018-2.951, 0.044-4.424c 0.003-0.122, 0.004-0.244, 0.009-0.366
+		C 82.602,72.874, 189.051-32.00, 320.00-32.00c 130.947,0.00, 237.395,104.874, 239.949,235.21c 0.003,0.122, 0.005,0.245, 0.006,0.366
+		c 0.026,1.472, 0.045,2.946, 0.045,4.424C 560.00,209.358, 559.985,210.71, 559.963,212.061z M 479.969,205.038l-0.005-0.254
+		c-0.824-42.054-17.832-81.459-47.891-110.968C 401.984,64.271, 362.179,48.00, 320.00,48.00c-7.789,0.00-15.496,0.559-23.078,1.649
+		c 86.91,51.779, 145.135,146.69, 145.135,255.201c0.00,12.16-0.737,24.146-2.157,35.925c 25.17-46.212, 38.79-89.25, 40.001-127.266
+		l 0.003-0.09c 0.02-0.593, 0.033-1.182, 0.049-1.777l 0.018-0.905C 479.988,209.826, 480.00,208.913, 480.00,208.00
+		C 480.00,207.01, 479.988,206.024, 479.969,205.038z" data-tags="droplet, colors, water" />
+<glyph unicode="&#xf042;" d="M 274.286,562.286q 74.643,0.00 137.679-36.786t 99.821-99.821t 36.786-137.679t-36.786-137.679t-99.821-99.821t-137.679-36.786t-137.679,36.786t-99.821,99.821t-36.786,137.679t 36.786,137.679t 99.821,99.821t 137.679,36.786zM 91.429,288.00q0.00-37.143 14.464-70.893t 39.107-58.393t 58.393-39.107t 70.893-14.464l0.00,365.714 q-37.143,0.00 -70.893-14.464 t-58.393-39.107t-39.107-58.393t-14.464-70.893z" horiz-adv-x="548.5714285714286" data-tags="adjust, contrast" />
+<glyph unicode="&#xe018;" d="M 608.00,313.60c-5.824,0.00-25.568,0.00-31.36,0.00c-17.664,0.00-32.00-11.456-32.00-25.60s 14.336-25.60, 32.00-25.60c 5.824,0.00, 25.568,0.00, 31.36,0.00c 17.696,0.00, 32.00,11.456, 32.00,25.60
+	S 625.696,313.60, 608.00,313.60z M 320.00,464.00C 222.40,464.00, 144.00,385.60, 144.00,288.00c0.00-97.632, 78.40-176.00, 176.00-176.00c 97.632,0.00, 176.00,78.368, 176.00,176.00
+	C 496.00,385.60, 417.632,464.00, 320.00,464.00z M 320.00,160.00c-70.72,0.00-128.00,57.28-128.00,128.00c0.00,70.688, 57.28,128.00, 128.00,128.00s 128.00-57.312, 128.00-128.00C 448.00,217.28, 390.72,160.00, 320.00,160.00z M 95.328,288.00
+	c0.00,14.144-13.664,25.60-31.328,25.60c-5.92,0.00-26.112,0.00-32.00,0.00c-17.664,0.00-32.00-11.456-32.00-25.60s 14.336-25.60, 32.00-25.60c 5.888,0.00, 26.08,0.00, 32.00,0.00
+	C 81.664,262.40, 95.328,273.856, 95.328,288.00z M 320.00,512.00c 14.112,0.00, 25.60,14.336, 25.60,32.00c0.00,5.856,0.00,26.144,0.00,32.00c0.00,17.664-11.456,32.00-25.60,32.00S 294.40,593.664, 294.40,576.00
+	c0.00-5.856,0.00-26.144,0.00-32.00C 294.40,526.336, 305.888,512.00, 320.00,512.00z M 320.00,64.00c-14.112,0.00-25.60-14.336-25.60-32.00c0.00-5.856,0.00-26.144,0.00-32.00c0.00-17.696, 11.456-32.00, 25.60-32.00
+	s 25.60,14.304, 25.60,32.00c0.00,5.856,0.00,26.144,0.00,32.00C 345.60,49.664, 334.112,64.00, 320.00,64.00z M 555.68,487.488c 12.512,12.512, 14.528,30.752, 4.544,40.736
+	s-28.224,7.968-40.704-4.544c-3.424-3.456-18.944-18.944-22.40-22.40c-12.512-12.512-14.528-30.72-4.544-40.704s 28.256-8.00, 40.736,4.512
+	C 536.736,468.544, 552.256,484.032, 555.68,487.488z M 106.688,110.912c-3.456-3.456-18.944-18.976-22.40-22.40c-12.48-12.512-14.496-30.72-4.512-40.704
+	c 9.984-9.984, 28.224-7.968, 40.704,4.512c 3.456,3.424, 18.976,18.944, 22.40,22.40c 12.512,12.512, 14.528,30.72, 4.512,40.704
+	S 119.168,123.36, 106.688,110.912z M 120.512,523.712C 108.00,536.192, 89.792,538.24, 79.776,528.224S 71.808,500.00, 84.288,487.488
+	c 3.456-3.456, 18.944-18.944, 22.40-22.40c 12.512-12.48, 30.72-14.528, 40.704-4.512s 8.00,28.224-4.512,40.704C 139.456,504.736, 123.968,520.256, 120.512,523.712z
+	 M 497.088,74.688c 3.456-3.456, 18.976-18.976, 22.40-22.40c 12.512-12.48, 30.752-14.496, 40.736-4.512c 9.984,9.984, 7.936,28.224-4.544,40.704
+	c-3.456,3.424-18.976,18.944-22.40,22.40c-12.512,12.48-30.752,14.496-40.736,4.512S 484.64,87.20, 497.088,74.688z" data-tags="sun, brightness, lightness" />
+<glyph unicode="&#xf057;" d="M 410.357,207.286q0.00,9.286 -6.786,16.071l-64.643,64.643l 64.643,64.643q 6.786,6.786 6.786,16.071q0.00,9.643 -6.786,16.429l-32.143,32.143q-6.786,6.786 -16.429,6.786q-9.286,0.00 -16.071-6.786l-64.643-64.643l-64.643,64.643q-6.786,6.786 -16.071,6.786q-9.643,0.00 -16.429-6.786l-32.143-32.143q-6.786-6.786 -6.786-16.429q0.00-9.286 6.786-16.071l 64.643-64.643l-64.643-64.643q-6.786-6.786 -6.786-16.071q0.00-9.643 6.786-16.429l 32.143-32.143q 6.786-6.786 16.429-6.786 q 9.286,0.00 16.071,6.786l 64.643,64.643l 64.643-64.643q 6.786-6.786 16.071-6.786q 9.643,0.00 16.429,6.786l 32.143,32.143q 6.786,6.786 6.786,16.429zM 548.571,288.00q0.00-74.643 -36.786-137.679t-99.821-99.821t-137.679-36.786t-137.679,36.786t-99.821,99.821t-36.786,137.679t 36.786,137.679t 99.821,99.821t 137.679,36.786t 137.679-36.786t 99.821-99.821t 36.786-137.679z" horiz-adv-x="548.5714285714286" data-tags="remove-sign, cancel, remove, delete, close, sign" />
+<glyph unicode="&#xf00d;" d="M 463.571,135.857q0.00-14.286 -10.00-24.286l-48.571-48.571q-10.00-10.00 -24.286-10.00t-24.286,10.00l-105.00,105.00l-105.00-105.00q-10.00-10.00 -24.286-10.00t-24.286,10.00l-48.571,48.571q-10.00,10.00 -10.00,24.286t 10.00,24.286l 105.00,105.00l-105.00,105.00q-10.00,10.00 -10.00,24.286t 10.00,24.286l 48.571,48.571q 10.00,10.00 24.286,10.00t 24.286-10.00l 105.00-105.00l 105.00,105.00q 10.00,10.00 24.286,10.00t 24.286-10.00l 48.571-48.571q 10.00-10.00 10.00-24.286 t-10.00-24.286l-105.00-105.00l 105.00-105.00q 10.00-10.00 10.00-24.286z" horiz-adv-x="502.8571428571429" data-tags="remove, cancel, close, delete, mutiply" />
+<glyph unicode="&#x20;" horiz-adv-x="320" />
+<glyph class="hidden" unicode="&#xf000;" d="M0,608L 640 -32L0 -32 z" horiz-adv-x="0" />
+</font></defs></svg>

fonts/icomoon-toolbar/fonts/toolbar.svg

@@ -0,0 +1,108 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
+<svg xmlns="http://www.w3.org/2000/svg">
+<metadata>
+This is a custom SVG font generated by IcoMoon.
+<iconset grid="20"></iconset>
+</metadata>
+<defs>
+<font id="toolbar" horiz-adv-x="640" >
+<font-face units-per-em="640" ascent="608" descent="-32" />
+<missing-glyph horiz-adv-x="640" />
+<glyph unicode="&#xe000;" d="M 557.574,490.426l-75.146,75.148C 459.091,588.909, 413.00,608.00, 380.00,608.00L 100.00,608.00 C 67.00,608.00, 40.00,581.00, 40.00,548.00l0.00-520.00 c0.00-33.00, 27.00-60.00, 60.00-60.00l 440.00,0.00 
+	c 33.00,0.00, 60.00,27.00, 60.00,60.00L 600.00,388.00 C 600.00,421.00, 580.909,467.091, 557.574,490.426z M 400.00,523.274c 1.373-0.503, 2.782-1.05, 4.224-1.647
+	c 11.287-4.676, 19.124-10.11, 21.635-12.621l 75.148-75.149c 2.511-2.511, 7.945-10.346, 12.621-21.634c 0.597-1.441, 1.145-2.851, 1.647-4.223
+	L 400.00,408.00 L 400.00,523.274 z M 520.00,48.00L 120.00,48.00 L 120.00,528.00 l 240.00,0.00 l0.00-160.00 l 160.00,0.00 L 520.00,48.00 z"  />
+<glyph unicode="&#xe001;" d="M 560.00,488.00 L 80.00,488.00 L 80.00,88.00 L 560.00,88.00 L 560.00,488.00 Z M 640.00,568.00 L 640.00,568.00 L 640.00,8.00 L 0.00,8.00 L 0.00,568.00 L 640.00,568.00 ZM 520.00,128.00 L 120.00,128.00 L 120.00,208.00 L 240.00,408.00 L 404.375,208.00 L 520.00,288.00 L 520.00,248.00 ZM 400.00,388.00A60.00,60.00 2700.00 1 1 520.00,388A60.00,60.00 2700.00 1 1 400.00,388z"  />
+<glyph unicode="&#xe002;" d="M 620.164,63.378L 468.569,192.311c-15.671,14.104-32.431,20.579-45.97,19.954C 458.384,254.183, 480.00,308.564, 480.00,368.00
+		C 480.00,500.549, 372.549,608.00, 240.00,608.00C 107.453,608.00,0.00,500.549,0.00,368.00c0.00-132.549, 107.451-240.00, 240.00-240.00c 59.436,0.00, 113.817,21.616, 155.735,57.402
+		c-0.625-13.539, 5.85-30.299, 19.954-45.97l 128.934-151.595c 22.076-24.529, 58.139-26.596, 80.138-4.598S 644.692,41.301, 620.164,63.378
+		z M 240.00,208.00c-88.365,0.00-160.00,71.635-160.00,160.00S 151.635,528.00, 240.00,528.00s 160.00-71.635, 160.00-160.00S 328.366,208.00, 240.00,208.00zM 120.00,408.00L 360.00,408.00L 360.00,328.00L 120.00,328.00z"  />
+<glyph unicode="&#xe003;" d="M 620.164,63.378L 468.569,192.311c-15.671,14.104-32.431,20.579-45.97,19.954C 458.384,254.183, 480.00,308.564, 480.00,368.00
+		C 480.00,500.549, 372.549,608.00, 240.00,608.00C 107.453,608.00,0.00,500.549,0.00,368.00c0.00-132.549, 107.451-240.00, 240.00-240.00c 59.436,0.00, 113.817,21.616, 155.735,57.402
+		c-0.625-13.539, 5.85-30.299, 19.954-45.97l 128.934-151.595c 22.076-24.529, 58.139-26.596, 80.138-4.598S 644.692,41.301, 620.164,63.378
+		z M 240.00,208.00c-88.365,0.00-160.00,71.635-160.00,160.00S 151.635,528.00, 240.00,528.00s 160.00-71.635, 160.00-160.00S 328.366,208.00, 240.00,208.00zM 280.00,488.00L 200.00,488.00L 200.00,408.00L 120.00,408.00L 120.00,328.00L 200.00,328.00L 200.00,248.00L 280.00,248.00L 280.00,328.00L 360.00,328.00L 360.00,408.00L 280.00,408.00 	z"  />
+<glyph unicode="&#xe004;" d="M 640.00,608.00 L 640.00,348.00 L 540.00,448.00 L 420.00,328.00 L 360.00,388.00 L 480.00,508.00 L 380.00,608.00 ZM 280.00,188.00 L 160.00,68.00 L 260.00-32.00 L 0.00-32.00 L 0.00,228.00 L 100.00,128.00 L 220.00,248.00 Z"  />
+<glyph unicode="&#xe005;" d="M 640.00,608.00 L 640.00,368.00 L 553.587,454.412 L 421.087,321.913 L 353.913,389.088 L 486.413,521.588 L 400.00,608.00 ZM 153.588,521.588 L 286.087,389.088 L 218.912,321.913 L 86.412,454.412 L 0.00,368.00 L 0.00,608.00 L 240.00,608.00 ZM 553.587,121.587 L 640.00,208.00 L 640.00-32.00 L 400.00-32.00 L 486.413,54.413 L 353.913,186.913 L 421.087,254.087 ZM 286.087,186.913 L 153.588,54.413 L 240.00-32.00 L 0.00-32.00 L 0.00,208.00 L 86.412,121.587 L 218.912,254.087 Z"  />
+<glyph unicode="&#xe006;" d="M 520.00,8.00L 640.00,328.00L 120.00,328.00L0.00,8.00 zM 80.00,368.00 L 0.00,8.00 L 0.00,528.00 L 180.00,528.00 L 260.00,448.00 L 520.00,448.00 L 520.00,368.00 Z"  />
+<glyph unicode="&#xe007;" d="M 0.00,408.00 L 640.00,408.00 L 600.00,8.00 L 40.00,8.00 L 0.00,408.00 Z M 580.00,488.00 L 600.00,448.00 L 40.00,448.00 L 80.00,528.00 L 300.00,528.00 L 320.00,488.00 L 580.00,488.00 Z"  />
+<glyph unicode="&#xe008;" d="M 583.619,226.594c-33.579,58.159-13.385,132.69, 45.095,166.555l-62.891,108.933c-17.969-10.534-38.86-16.574-61.154-16.574
+	c-67.21,0.00-121.692,54.841-121.692,122.494L 257.19,608.001 c 0.166-20.881-5.046-42.051-16.224-61.407
+	c-33.578-58.16-108.222-77.939-166.789-44.224L 11.287,393.437c 18.106-10.295, 33.781-25.367, 44.929-44.674
+	c 33.524-58.068, 13.445-132.45-44.817-166.39l 62.891-108.933c 17.906,10.435, 38.697,16.409, 60.875,16.409
+	c 66.998,0.00, 121.34-54.495, 121.688-121.849l 125.784,0.00 c-0.054,20.671, 5.17,41.606, 16.229,60.761
+	c 33.523,58.066, 107.985,77.871, 166.509,44.383l 62.891,108.931C 610.277,192.368, 594.707,207.387, 583.619,226.594z M 320.00,158.418
+	c-71.567,0.00-129.585,58.015-129.585,129.584c0.00,71.567, 58.016,129.584, 129.585,129.584c 71.567,0.00, 129.582-58.016, 129.582-129.584
+	C 449.581,216.433, 391.567,158.418, 320.00,158.418z"  />
+<glyph unicode="&#xe009;" d="M 40.00,488.00L 600.00,488.00L 600.00,368.00L 40.00,368.00zM 40.00,328.00L 600.00,328.00L 600.00,208.00L 40.00,208.00zM 40.00,168.00L 600.00,168.00L 600.00,48.00L 40.00,48.00z"  />
+<glyph unicode="&#xe00a;" d="M 626.834,96.827l-287.845,246.725C 352.394,368.739, 360.00,397.479, 360.00,428.00C 360.00,527.411, 279.411,608.00, 180.00,608.00
+	c-18.184,0.00-35.733-2.708-52.279-7.721l 103.994-103.994c 15.556-15.556, 15.556-41.013,0.00-56.569l-63.431-63.431
+	c-15.556-15.556-41.013-15.556-56.569,0.00L 7.721,480.279C 2.708,463.732,0.00,446.184,0.00,428.00c0.00-99.411, 80.589-180.00, 180.00-180.00
+	c 30.521,0.00, 59.261,7.606, 84.448,21.012l 246.725-287.845c 14.318-16.703, 38.76-17.641, 54.315-2.086l 63.433,63.433
+	C 644.475,58.069, 643.536,82.51, 626.834,96.827z"  />
+<glyph unicode="&#xe00b;" d="M 280.00,528.00l0.00,10.00 c0.00,16.50-13.50,30.00-30.00,30.00l-100.00,0.00 c-16.50,0.00-30.00-13.50-30.00-30.00l0.00-10.00 L0.00,528.00 l0.00-80.00 l 120.00,0.00 l0.00-10.00 c0.00-16.50, 13.50-30.00, 30.00-30.00l 100.00,0.00 c 16.50,0.00, 30.00,13.50, 30.00,30.00l0.00,10.00 
+		l 360.00,0.00 L 640.00,528.00 L 280.00,528.00 z M 160.00,448.00L 160.00,528.00 l 80.00,0.00 l0.00-80.00 L 160.00,448.00 zM 520.00,338.00c0.00,16.50-13.50,30.00-30.00,30.00l-100.00,0.00 c-16.50,0.00-30.00-13.50-30.00-30.00l0.00-10.00 L0.00,328.00 l0.00-80.00 l 360.00,0.00 l0.00-10.00 c0.00-16.50, 13.50-30.00, 30.00-30.00l 100.00,0.00 c 16.50,0.00, 30.00,13.50, 30.00,30.00l0.00,10.00 
+		l 120.00,0.00 l0.00,80.00 l-120.00,0.00 L 520.00,338.00 z M 400.00,248.00l0.00,80.00 l 80.00,0.00 l0.00-80.00 L 400.00,248.00 zM 280.00,138.00c0.00,16.50-13.50,30.00-30.00,30.00l-100.00,0.00 c-16.50,0.00-30.00-13.50-30.00-30.00l0.00-10.00 L0.00,128.00 l0.00-80.00 l 120.00,0.00 l0.00-10.00 c0.00-16.50, 13.50-30.00, 30.00-30.00l 100.00,0.00 c 16.50,0.00, 30.00,13.50, 30.00,30.00l0.00,10.00 
+		l 360.00,0.00 l0.00,80.00 L 280.00,128.00 L 280.00,138.00 z M 160.00,48.00l0.00,80.00 l 80.00,0.00 l0.00-80.00 L 160.00,48.00 z"  />
+<glyph unicode="&#xe00c;" d="M 546.264,514.263C 488.356,572.172, 408.366,608.00, 320.00,608.00C 182.82,608.00, 65.819,521.67, 20.314,400.382l 74.922-28.096
+		C 129.364,463.252, 217.115,528.00, 320.00,528.00c 66.275,0.00, 126.263-26.875, 169.691-70.309L 400.00,368.00l 240.00,0.00 L 640.00,608.00 L 546.264,514.263zM 320.00,48.00c-66.275,0.00-126.266,26.87-169.695,70.305L 240.00,208.00L0.00,208.00 l0.00-240.00 l 93.746,93.746C 151.65,3.832, 231.633-32.00, 320.00-32.00
+		c 137.181,0.00, 254.183,86.33, 299.688,207.618l-74.922,28.096C 510.637,112.748, 422.886,48.00, 320.00,48.00z"  />
+<glyph unicode="&#xe00d;" d="M 640.00,448.00c0.00,88.32-71.72,160.00-160.00,160.00c-59.68,0.00-111.24-33.16-138.76-81.72c0.00,0.04, 0.08,0.08, 0.08,0.12
+		c-7.34,0.70-14.46,2.22-21.96,2.22c-132.58,0.00-240.00-107.42-240.00-240.00c0.00-50.54, 15.78-97.34, 42.42-135.94L0.00-32.00l 185.78,121.24
+		c 38.20-25.62, 84.14-40.62, 133.60-40.62c 132.58,0.00, 240.00,107.42, 240.00,240.00c0.00,6.92-1.40,13.40-2.04,20.16C 606.40,336.12, 640.00,387.88, 640.00,448.00z
+		 M 319.38,128.62c-88.28,0.00-160.00,71.72-160.00,160.00c0.00,88.24, 71.72,160.00, 160.00,160.00c 0.24,0.00, 0.46-0.08, 0.62-0.08c0.00,0.16, 0.08,0.28, 0.08,0.40
+		C 320.08,448.62, 320.00,448.32, 320.00,448.00c0.00-13.90, 2.34-27.10, 5.62-39.96l-63.44-63.48c-31.24-31.24-31.24-81.88,0.00-113.12s 81.88-31.24, 113.12,0.00
+		l 62.82,62.82c 13.20-3.60, 26.88-6.10, 41.18-6.18C 478.98,200.04, 407.42,128.62, 319.38,128.62z M 480.00,368.00c-44.06,0.00-80.00,35.90-80.00,80.00
+		s 35.94,80.00, 80.00,80.00s 80.00-35.90, 80.00-80.00S 524.06,368.00, 480.00,368.00z"  />
+<glyph unicode="&#xe00e;" d="M 239.52,288.00c0.00-8.256, 8.384-14.144, 8.384-14.144l 232.80-146.208C 497.952,116.352, 512.00,124.672, 512.00,146.048L 512.00,429.952 
+		c0.00,21.408-14.048,29.728-31.296,18.432l-232.80-146.24C 247.904,302.112, 239.52,296.256, 239.52,288.00z M 128.00,436.576l0.00-297.152 c0.00-28.416, 19.584-37.12, 48.00-37.12
+		S 224.00,111.008, 224.00,139.392L 224.00,436.576 c0.00,28.448-19.584,37.152-48.00,37.152S 128.00,464.992, 128.00,436.576z"  />
+<glyph unicode="&#xe00f;" d="M 392.096,302.144l-232.80,146.24C 142.08,459.648, 128.00,451.36, 128.00,429.92l0.00-283.872 c0.00-21.44, 14.08-29.696, 31.296-18.432l 232.80,146.208
+		c0.00,0.00, 8.416,5.92, 8.416,14.144S 392.096,302.144, 392.096,302.144z M 464.00,473.728c-28.416,0.00-48.00-8.736-48.00-37.152l0.00-297.152 
+		c0.00-28.448, 19.584-37.184, 48.00-37.184s 48.00,8.736, 48.00,37.184L 512.00,436.576 C 512.00,464.992, 492.416,473.728, 464.00,473.728z"  />
+<glyph unicode="&#xe011;" d="M 614.40,288.00c0.00,162.592-131.808,294.40-294.40,294.40S 25.60,450.592, 25.60,288.00c0.00-162.624, 131.808-294.432, 294.40-294.432S 614.40,125.408, 614.40,288.00z M 89.60,288.00
+		c0.00,127.232, 103.168,230.40, 230.40,230.40s 230.40-103.168, 230.40-230.40c0.00-127.264-103.168-230.432-230.40-230.432S 89.60,160.736, 89.60,288.00z M 443.20,230.40L 443.20,345.60 L 312.32,345.60 L 312.32,417.60 
+		L 190.40,288.00l 121.92-129.60L 312.32,230.40 L 443.20,230.40 z"  />
+<glyph unicode="&#xe010;" d="M 25.60,288.00c0.00-162.592, 131.84-294.40, 294.40-294.40c 162.592,0.00, 294.40,131.808, 294.40,294.40C 614.40,450.592, 482.592,582.40, 320.00,582.40C 157.408,582.40, 25.60,450.592, 25.60,288.00z
+		 M 550.40,288.00c0.00-127.232-103.168-230.40-230.40-230.40S 89.60,160.736, 89.60,288.00C 89.60,415.264, 192.736,518.40, 320.00,518.40S 550.40,415.264, 550.40,288.00z M 196.80,345.60l0.00-115.20 l 130.88,0.00 l0.00-72.00 
+		L 449.60,288.00l-121.92,129.60L 327.68,345.60 L 196.80,345.60 z"  />
+<glyph unicode="&#xe012;" d="M 447.968,435.20L 448.00,140.80L 192.00,288.00 z"  />
+<glyph unicode="&#xe013;" d="M 192.032,435.20L 192.00,140.80L 448.00,288.00 z"  />
+<glyph unicode="&#xe014;" d="M 319.52,531.20L 319.52,408.704L 544.064,408.736L 544.064,167.072L 319.52,167.072L 319.52,44.80L 76.864,288.00 	z"  />
+<glyph unicode="&#xe015;" d="M 320.48,531.20L 320.48,408.704L 95.936,408.736L 95.936,167.072L 320.48,167.072L 320.48,44.80L 563.136,288.00 	z"  />
+<glyph unicode="&#xe016;" d="M 44.768,288.00c0.00-8.928, 8.928-15.328, 8.928-15.328l 238.816-158.368c 18.304-12.256, 33.344-3.264, 33.344,19.968L 325.856,441.76 
+		c0.00,23.232-15.04,32.192-33.344,20.00l-238.816-158.40C 53.728,303.328, 44.768,296.928, 44.768,288.00z M 335.20,288.00c0.00-8.928, 8.928-15.328, 8.928-15.328
+		l 230.496-158.368c 18.336-12.256, 33.344-3.264, 33.344,19.968L 607.968,441.76 c0.00,23.232-15.008,32.192-33.344,20.00l-230.496-158.40
+		C 344.128,303.328, 335.20,296.928, 335.20,288.00z"  />
+<glyph unicode="&#xe017;" d="M 586.272,303.328l-238.784,158.40C 329.152,473.952, 314.112,464.96, 314.112,441.76l0.00-307.488 c0.00-23.232, 15.04-32.224, 33.376-19.968l 238.784,158.368
+		c0.00,0.00, 8.928,6.40, 8.928,15.328S 586.272,303.328, 586.272,303.328z M 295.872,303.328L 65.344,461.76C 47.04,473.952, 32.032,464.96, 32.032,441.76l0.00-307.488 
+		c0.00-23.232, 15.008-32.224, 33.344-19.968l 230.528,158.368c0.00,0.00, 8.928,6.40, 8.928,15.328S 295.872,303.328, 295.872,303.328z"  />
+<glyph unicode="&#xe01a;" d="M 559.963,212.061c-0.007,0.441-0.019,0.876-0.026,1.316c-0.02,0.892-0.044,1.784-0.074,2.675C 553.594,413.332, 320.00,608.00, 320.00,608.00
+		S 86.404,413.332, 80.138,216.049c-0.027-0.894-0.055-1.782-0.075-2.676c-0.009-0.44-0.019-0.876-0.026-1.316
+		c-0.022-1.35-0.035-2.702-0.035-4.06c0.00-1.48, 0.018-2.951, 0.044-4.424c 0.003-0.122, 0.004-0.244, 0.009-0.366
+		C 82.602,72.874, 189.051-32.00, 320.00-32.00c 130.947,0.00, 237.395,104.874, 239.949,235.21c 0.003,0.122, 0.005,0.245, 0.006,0.366
+		c 0.026,1.472, 0.045,2.946, 0.045,4.424C 560.00,209.358, 559.985,210.71, 559.963,212.061z M 479.969,205.038l-0.005-0.254
+		c-0.824-42.054-17.832-81.459-47.891-110.968C 401.984,64.271, 362.179,48.00, 320.00,48.00c-7.789,0.00-15.496,0.559-23.078,1.649
+		c 86.91,51.779, 145.135,146.69, 145.135,255.201c0.00,12.16-0.737,24.146-2.157,35.925c 25.17-46.212, 38.79-89.25, 40.001-127.266
+		l 0.003-0.09c 0.02-0.593, 0.033-1.182, 0.049-1.777l 0.018-0.905C 479.988,209.826, 480.00,208.913, 480.00,208.00
+		C 480.00,207.01, 479.988,206.024, 479.969,205.038z"  />
+<glyph unicode="&#xf042;" d="M 274.286,562.286q 74.643,0.00 137.679-36.786t 99.821-99.821t 36.786-137.679t-36.786-137.679t-99.821-99.821t-137.679-36.786t-137.679,36.786t-99.821,99.821t-36.786,137.679t 36.786,137.679t 99.821,99.821t 137.679,36.786zM 91.429,288.00q0.00-37.143 14.464-70.893t 39.107-58.393t 58.393-39.107t 70.893-14.464l0.00,365.714 q-37.143,0.00 -70.893-14.464 t-58.393-39.107t-39.107-58.393t-14.464-70.893z" horiz-adv-x="548.5714285714286"  />
+<glyph unicode="&#xe018;" d="M 608.00,313.60c-5.824,0.00-25.568,0.00-31.36,0.00c-17.664,0.00-32.00-11.456-32.00-25.60s 14.336-25.60, 32.00-25.60c 5.824,0.00, 25.568,0.00, 31.36,0.00c 17.696,0.00, 32.00,11.456, 32.00,25.60
+	S 625.696,313.60, 608.00,313.60z M 320.00,464.00C 222.40,464.00, 144.00,385.60, 144.00,288.00c0.00-97.632, 78.40-176.00, 176.00-176.00c 97.632,0.00, 176.00,78.368, 176.00,176.00
+	C 496.00,385.60, 417.632,464.00, 320.00,464.00z M 320.00,160.00c-70.72,0.00-128.00,57.28-128.00,128.00c0.00,70.688, 57.28,128.00, 128.00,128.00s 128.00-57.312, 128.00-128.00C 448.00,217.28, 390.72,160.00, 320.00,160.00z M 95.328,288.00
+	c0.00,14.144-13.664,25.60-31.328,25.60c-5.92,0.00-26.112,0.00-32.00,0.00c-17.664,0.00-32.00-11.456-32.00-25.60s 14.336-25.60, 32.00-25.60c 5.888,0.00, 26.08,0.00, 32.00,0.00
+	C 81.664,262.40, 95.328,273.856, 95.328,288.00z M 320.00,512.00c 14.112,0.00, 25.60,14.336, 25.60,32.00c0.00,5.856,0.00,26.144,0.00,32.00c0.00,17.664-11.456,32.00-25.60,32.00S 294.40,593.664, 294.40,576.00
+	c0.00-5.856,0.00-26.144,0.00-32.00C 294.40,526.336, 305.888,512.00, 320.00,512.00z M 320.00,64.00c-14.112,0.00-25.60-14.336-25.60-32.00c0.00-5.856,0.00-26.144,0.00-32.00c0.00-17.696, 11.456-32.00, 25.60-32.00
+	s 25.60,14.304, 25.60,32.00c0.00,5.856,0.00,26.144,0.00,32.00C 345.60,49.664, 334.112,64.00, 320.00,64.00z M 555.68,487.488c 12.512,12.512, 14.528,30.752, 4.544,40.736
+	s-28.224,7.968-40.704-4.544c-3.424-3.456-18.944-18.944-22.40-22.40c-12.512-12.512-14.528-30.72-4.544-40.704s 28.256-8.00, 40.736,4.512
+	C 536.736,468.544, 552.256,484.032, 555.68,487.488z M 106.688,110.912c-3.456-3.456-18.944-18.976-22.40-22.40c-12.48-12.512-14.496-30.72-4.512-40.704
+	c 9.984-9.984, 28.224-7.968, 40.704,4.512c 3.456,3.424, 18.976,18.944, 22.40,22.40c 12.512,12.512, 14.528,30.72, 4.512,40.704
+	S 119.168,123.36, 106.688,110.912z M 120.512,523.712C 108.00,536.192, 89.792,538.24, 79.776,528.224S 71.808,500.00, 84.288,487.488
+	c 3.456-3.456, 18.944-18.944, 22.40-22.40c 12.512-12.48, 30.72-14.528, 40.704-4.512s 8.00,28.224-4.512,40.704C 139.456,504.736, 123.968,520.256, 120.512,523.712z
+	 M 497.088,74.688c 3.456-3.456, 18.976-18.976, 22.40-22.40c 12.512-12.48, 30.752-14.496, 40.736-4.512c 9.984,9.984, 7.936,28.224-4.544,40.704
+	c-3.456,3.424-18.976,18.944-22.40,22.40c-12.512,12.48-30.752,14.496-40.736,4.512S 484.64,87.20, 497.088,74.688z"  />
+<glyph unicode="&#xf057;" d="M 410.357,207.286q0.00,9.286 -6.786,16.071l-64.643,64.643l 64.643,64.643q 6.786,6.786 6.786,16.071q0.00,9.643 -6.786,16.429l-32.143,32.143q-6.786,6.786 -16.429,6.786q-9.286,0.00 -16.071-6.786l-64.643-64.643l-64.643,64.643q-6.786,6.786 -16.071,6.786q-9.643,0.00 -16.429-6.786l-32.143-32.143q-6.786-6.786 -6.786-16.429q0.00-9.286 6.786-16.071l 64.643-64.643l-64.643-64.643q-6.786-6.786 -6.786-16.071q0.00-9.643 6.786-16.429l 32.143-32.143q 6.786-6.786 16.429-6.786 q 9.286,0.00 16.071,6.786l 64.643,64.643l 64.643-64.643q 6.786-6.786 16.071-6.786q 9.643,0.00 16.429,6.786l 32.143,32.143q 6.786,6.786 6.786,16.429zM 548.571,288.00q0.00-74.643 -36.786-137.679t-99.821-99.821t-137.679-36.786t-137.679,36.786t-99.821,99.821t-36.786,137.679t 36.786,137.679t 99.821,99.821t 137.679,36.786t 137.679-36.786t 99.821-99.821t 36.786-137.679z" horiz-adv-x="548.5714285714286"  />
+<glyph unicode="&#xf00d;" d="M 463.571,135.857q0.00-14.286 -10.00-24.286l-48.571-48.571q-10.00-10.00 -24.286-10.00t-24.286,10.00l-105.00,105.00l-105.00-105.00q-10.00-10.00 -24.286-10.00t-24.286,10.00l-48.571,48.571q-10.00,10.00 -10.00,24.286t 10.00,24.286l 105.00,105.00l-105.00,105.00q-10.00,10.00 -10.00,24.286t 10.00,24.286l 48.571,48.571q 10.00,10.00 24.286,10.00t 24.286-10.00l 105.00-105.00l 105.00,105.00q 10.00,10.00 24.286,10.00t 24.286-10.00l 48.571-48.571q 10.00-10.00 10.00-24.286 t-10.00-24.286l-105.00-105.00l 105.00-105.00q 10.00-10.00 10.00-24.286z" horiz-adv-x="502.8571428571429"  />
+<glyph unicode="&#x20;" horiz-adv-x="320" />
+<glyph class="hidden" unicode="&#xf000;" d="M0,608L 640 -32L0 -32 z" horiz-adv-x="0" />
+</font></defs></svg>

fonts/icomoon-toolbar/index.html

@@ -0,0 +1,343 @@
+<!doctype html>
+<html>
+<head>
+<title>Your Font/Glyphs</title>
+<link rel="stylesheet" href="style.css" />
+<!--[if lte IE 7]><script src="lte-ie7.js"></script><![endif]-->
+<style>
+	section, header, footer {display: block;}
+	body {
+		font-family: sans-serif;
+		color: #444;
+		line-height: 1.5;
+		font-size: 1em;
+	}
+	* {
+		-moz-box-sizing: border-box;
+		-webkit-box-sizing: border-box;
+		box-sizing: border-box;
+		margin: 0;
+		padding: 0;
+	}
+	.glyph {
+		font-size: 20px;
+		float: left;
+		text-align: center;
+		background: #eee;
+		padding: .75em;
+		margin: .75em 1.5em .75em 0;
+		width: 7.5em;
+		border-radius: .25em;
+		box-shadow: inset 0 0 0 1px #f8f8f8, 0 0 0 1px #CCC;
+	}
+	.glyph input {
+		font-family: consolas, monospace;
+		font-size: 13px;
+		width: 100%;
+		text-align: center;
+		border: 0;
+		box-shadow: 0 0 0 1px #ccc;
+		padding: .125em;
+	}
+	.w-main {
+		width: 80%;
+	}
+	.centered {
+		margin-left: auto;
+		margin-right: auto;
+	}
+	.fs1 {
+		font-size: 2em;
+	}
+	header {
+		margin: 2em 0;
+		padding-bottom: .5em;
+		color: #666;
+		box-shadow: 0 2px #eee;
+	}
+	header h1 {
+		font-size: 2em;
+		font-weight: normal;
+	}
+	.clearfix:before, .clearfix:after { content: ""; display: table; }
+	.clearfix:after, .clear { clear: both; }
+	footer {
+		margin-top: 2em;
+		padding: .5em 0;
+		box-shadow: 0 -2px #eee;
+	}
+	a, a:visited {
+		color: #B35047;
+		text-decoration: none;
+	}
+	a:hover, a:focus {color: #000;}
+	.box1 {
+		font-size: 20px;
+		display: inline-block;
+		width: 15em;
+		padding: .25em .5em;
+		background: #eee;
+		margin: .5em 1em .5em 0;
+	}
+</style>
+</head>
+<body>
+	<div class="w-main centered">
+	<section class="mtm clearfix" id="glyphs">
+	<header>
+		<h1>Your font contains the following glyphs</h1>
+		<p>The generated SVG font can be imported back to <a href="http://icomoon.io/app">IcoMoon</a> for modification.</p>
+	</header>
+	<div class="glyph">
+		<div class="fs1" aria-hidden="true" data-icon="&#xe000;"></div>
+		<input type="text" readonly="readonly" value="&amp;#xe000;" />
+	</div>
+	<div class="glyph">
+		<div class="fs1" aria-hidden="true" data-icon="&#xe001;"></div>
+		<input type="text" readonly="readonly" value="&amp;#xe001;" />
+	</div>
+	<div class="glyph">
+		<div class="fs1" aria-hidden="true" data-icon="&#xe002;"></div>
+		<input type="text" readonly="readonly" value="&amp;#xe002;" />
+	</div>
+	<div class="glyph">
+		<div class="fs1" aria-hidden="true" data-icon="&#xe003;"></div>
+		<input type="text" readonly="readonly" value="&amp;#xe003;" />
+	</div>
+	<div class="glyph">
+		<div class="fs1" aria-hidden="true" data-icon="&#xe004;"></div>
+		<input type="text" readonly="readonly" value="&amp;#xe004;" />
+	</div>
+	<div class="glyph">
+		<div class="fs1" aria-hidden="true" data-icon="&#xe005;"></div>
+		<input type="text" readonly="readonly" value="&amp;#xe005;" />
+	</div>
+	<div class="glyph">
+		<div class="fs1" aria-hidden="true" data-icon="&#xe006;"></div>
+		<input type="text" readonly="readonly" value="&amp;#xe006;" />
+	</div>
+	<div class="glyph">
+		<div class="fs1" aria-hidden="true" data-icon="&#xe007;"></div>
+		<input type="text" readonly="readonly" value="&amp;#xe007;" />
+	</div>
+	<div class="glyph">
+		<div class="fs1" aria-hidden="true" data-icon="&#xe008;"></div>
+		<input type="text" readonly="readonly" value="&amp;#xe008;" />
+	</div>
+	<div class="glyph">
+		<div class="fs1" aria-hidden="true" data-icon="&#xe009;"></div>
+		<input type="text" readonly="readonly" value="&amp;#xe009;" />
+	</div>
+	<div class="glyph">
+		<div class="fs1" aria-hidden="true" data-icon="&#xe00a;"></div>
+		<input type="text" readonly="readonly" value="&amp;#xe00a;" />
+	</div>
+	<div class="glyph">
+		<div class="fs1" aria-hidden="true" data-icon="&#xe00b;"></div>
+		<input type="text" readonly="readonly" value="&amp;#xe00b;" />
+	</div>
+	<div class="glyph">
+		<div class="fs1" aria-hidden="true" data-icon="&#xe00c;"></div>
+		<input type="text" readonly="readonly" value="&amp;#xe00c;" />
+	</div>
+	<div class="glyph">
+		<div class="fs1" aria-hidden="true" data-icon="&#xe00d;"></div>
+		<input type="text" readonly="readonly" value="&amp;#xe00d;" />
+	</div>
+	<div class="glyph">
+		<div class="fs1" aria-hidden="true" data-icon="&#xe00e;"></div>
+		<input type="text" readonly="readonly" value="&amp;#xe00e;" />
+	</div>
+	<div class="glyph">
+		<div class="fs1" aria-hidden="true" data-icon="&#xe00f;"></div>
+		<input type="text" readonly="readonly" value="&amp;#xe00f;" />
+	</div>
+	<div class="glyph">
+		<div class="fs1" aria-hidden="true" data-icon="&#xe011;"></div>
+		<input type="text" readonly="readonly" value="&amp;#xe011;" />
+	</div>
+	<div class="glyph">
+		<div class="fs1" aria-hidden="true" data-icon="&#xe010;"></div>
+		<input type="text" readonly="readonly" value="&amp;#xe010;" />
+	</div>
+	<div class="glyph">
+		<div class="fs1" aria-hidden="true" data-icon="&#xe012;"></div>
+		<input type="text" readonly="readonly" value="&amp;#xe012;" />
+	</div>
+	<div class="glyph">
+		<div class="fs1" aria-hidden="true" data-icon="&#xe013;"></div>
+		<input type="text" readonly="readonly" value="&amp;#xe013;" />
+	</div>
+	<div class="glyph">
+		<div class="fs1" aria-hidden="true" data-icon="&#xe014;"></div>
+		<input type="text" readonly="readonly" value="&amp;#xe014;" />
+	</div>
+	<div class="glyph">
+		<div class="fs1" aria-hidden="true" data-icon="&#xe015;"></div>
+		<input type="text" readonly="readonly" value="&amp;#xe015;" />
+	</div>
+	<div class="glyph">
+		<div class="fs1" aria-hidden="true" data-icon="&#xe016;"></div>
+		<input type="text" readonly="readonly" value="&amp;#xe016;" />
+	</div>
+	<div class="glyph">
+		<div class="fs1" aria-hidden="true" data-icon="&#xe017;"></div>
+		<input type="text" readonly="readonly" value="&amp;#xe017;" />
+	</div>
+	<div class="glyph">
+		<div class="fs1" aria-hidden="true" data-icon="&#xe01a;"></div>
+		<input type="text" readonly="readonly" value="&amp;#xe01a;" />
+	</div>
+	<div class="glyph">
+		<div class="fs1" aria-hidden="true" data-icon="&#xf042;"></div>
+		<input type="text" readonly="readonly" value="&amp;#xf042;" />
+	</div>
+	<div class="glyph">
+		<div class="fs1" aria-hidden="true" data-icon="&#xe018;"></div>
+		<input type="text" readonly="readonly" value="&amp;#xe018;" />
+	</div>
+	<div class="glyph">
+		<div class="fs1" aria-hidden="true" data-icon="&#xf057;"></div>
+		<input type="text" readonly="readonly" value="&amp;#xf057;" />
+	</div>
+	<div class="glyph">
+		<div class="fs1" aria-hidden="true" data-icon="&#xf00d;"></div>
+		<input type="text" readonly="readonly" value="&amp;#xf00d;" />
+	</div>
+	</section>
+	<div class="clear"></div>
+	<section class="mtm clearfix" id="glyphs">
+	<header>
+		<h1>Class Names</h1>
+	</header>
+	<span class="box1">
+		<span aria-hidden="true" class="icon-file"></span>
+		&nbsp;icon-file
+	</span>
+	<span class="box1">
+		<span aria-hidden="true" class="icon-image"></span>
+		&nbsp;icon-image
+	</span>
+	<span class="box1">
+		<span aria-hidden="true" class="icon-zoom-out"></span>
+		&nbsp;icon-zoom-out
+	</span>
+	<span class="box1">
+		<span aria-hidden="true" class="icon-zoom-in"></span>
+		&nbsp;icon-zoom-in
+	</span>
+	<span class="box1">
+		<span aria-hidden="true" class="icon-expand"></span>
+		&nbsp;icon-expand
+	</span>
+	<span class="box1">
+		<span aria-hidden="true" class="icon-expand-2"></span>
+		&nbsp;icon-expand-2
+	</span>
+	<span class="box1">
+		<span aria-hidden="true" class="icon-folder-open"></span>
+		&nbsp;icon-folder-open
+	</span>
+	<span class="box1">
+		<span aria-hidden="true" class="icon-folder"></span>
+		&nbsp;icon-folder
+	</span>
+	<span class="box1">
+		<span aria-hidden="true" class="icon-cog"></span>
+		&nbsp;icon-cog
+	</span>
+	<span class="box1">
+		<span aria-hidden="true" class="icon-menu"></span>
+		&nbsp;icon-menu
+	</span>
+	<span class="box1">
+		<span aria-hidden="true" class="icon-wrench"></span>
+		&nbsp;icon-wrench
+	</span>
+	<span class="box1">
+		<span aria-hidden="true" class="icon-settings"></span>
+		&nbsp;icon-settings
+	</span>
+	<span class="box1">
+		<span aria-hidden="true" class="icon-loop"></span>
+		&nbsp;icon-loop
+	</span>
+	<span class="box1">
+		<span aria-hidden="true" class="icon-pin"></span>
+		&nbsp;icon-pin
+	</span>
+	<span class="box1">
+		<span aria-hidden="true" class="icon-first"></span>
+		&nbsp;icon-first
+	</span>
+	<span class="box1">
+		<span aria-hidden="true" class="icon-last"></span>
+		&nbsp;icon-last
+	</span>
+	<span class="box1">
+		<span aria-hidden="true" class="icon-arrow-left"></span>
+		&nbsp;icon-arrow-left
+	</span>
+	<span class="box1">
+		<span aria-hidden="true" class="icon-arrow-right"></span>
+		&nbsp;icon-arrow-right
+	</span>
+	<span class="box1">
+		<span aria-hidden="true" class="icon-arrow-left-2"></span>
+		&nbsp;icon-arrow-left-2
+	</span>
+	<span class="box1">
+		<span aria-hidden="true" class="icon-arrow-right-2"></span>
+		&nbsp;icon-arrow-right-2
+	</span>
+	<span class="box1">
+		<span aria-hidden="true" class="icon-arrow-left-3"></span>
+		&nbsp;icon-arrow-left-3
+	</span>
+	<span class="box1">
+		<span aria-hidden="true" class="icon-arrow-right-3"></span>
+		&nbsp;icon-arrow-right-3
+	</span>
+	<span class="box1">
+		<span aria-hidden="true" class="icon-previous"></span>
+		&nbsp;icon-previous
+	</span>
+	<span class="box1">
+		<span aria-hidden="true" class="icon-next"></span>
+		&nbsp;icon-next
+	</span>
+	<span class="box1">
+		<span aria-hidden="true" class="icon-droplet"></span>
+		&nbsp;icon-droplet
+	</span>
+	<span class="box1">
+		<span aria-hidden="true" class="icon-adjust"></span>
+		&nbsp;icon-adjust
+	</span>
+	<span class="box1">
+		<span aria-hidden="true" class="icon-sun"></span>
+		&nbsp;icon-sun
+	</span>
+	<span class="box1">
+		<span aria-hidden="true" class="icon-remove-sign"></span>
+		&nbsp;icon-remove-sign
+	</span>
+	<span class="box1">
+		<span aria-hidden="true" class="icon-remove"></span>
+		&nbsp;icon-remove
+	</span>
+	</section>
+	<footer>
+		<p>Generated by <a href="http://icomoon.io">IcoMoon.io</a></p>
+	</footer>
+	</div>
+	<script>
+	document.getElementById("glyphs").addEventListener("click", function(e) {
+		var target = e.target;
+		if (target.tagName === "INPUT") {
+			target.select();
+		}
+	});
+	</script>
+</body>
+</html>

fonts/icomoon-toolbar/license.txt

@@ -0,0 +1,14 @@
+Icon Set:	Entypo -- http://www.entypo.com/
+License:	CC BY-SA 3.0 -- http://creativecommons.org/licenses/by-sa/3.0/
+
+
+Icon Set:	Font Awesome -- http://fortawesome.github.com/Font-Awesome/
+License:	CC BY 3.0 -- http://creativecommons.org/licenses/by/3.0/
+
+
+Icon Set:	IcoMoon - Free -- http://keyamoon.com/icomoon/
+License:	CC BY 3.0 -- http://creativecommons.org/licenses/by/3.0/
+
+
+Icon Set:	Iconic -- http://somerandomdude.com/work/iconic/
+License:	CC BY-SA 3.0 -- http://creativecommons.org/licenses/by-sa/3.0/us/

fonts/icomoon-toolbar/lte-ie7.js

@@ -0,0 +1,56 @@
+/* Load this script using conditional IE comments if you need to support IE 7 and IE 6. */
+
+window.onload = function() {
+	function addIcon(el, entity) {
+		var html = el.innerHTML;
+		el.innerHTML = '<span style="font-family: \'toolbar\'">' + entity + '</span>' + html;
+	}
+	var icons = {
+			'icon-file' : '&#xe000;',
+			'icon-image' : '&#xe001;',
+			'icon-zoom-out' : '&#xe002;',
+			'icon-zoom-in' : '&#xe003;',
+			'icon-expand' : '&#xe004;',
+			'icon-expand-2' : '&#xe005;',
+			'icon-folder-open' : '&#xe006;',
+			'icon-folder' : '&#xe007;',
+			'icon-cog' : '&#xe008;',
+			'icon-menu' : '&#xe009;',
+			'icon-wrench' : '&#xe00a;',
+			'icon-settings' : '&#xe00b;',
+			'icon-loop' : '&#xe00c;',
+			'icon-pin' : '&#xe00d;',
+			'icon-first' : '&#xe00e;',
+			'icon-last' : '&#xe00f;',
+			'icon-arrow-left' : '&#xe011;',
+			'icon-arrow-right' : '&#xe010;',
+			'icon-arrow-left-2' : '&#xe012;',
+			'icon-arrow-right-2' : '&#xe013;',
+			'icon-arrow-left-3' : '&#xe014;',
+			'icon-arrow-right-3' : '&#xe015;',
+			'icon-previous' : '&#xe016;',
+			'icon-next' : '&#xe017;',
+			'icon-droplet' : '&#xe01a;',
+			'icon-adjust' : '&#xf042;',
+			'icon-sun' : '&#xe018;',
+			'icon-remove-sign' : '&#xf057;',
+			'icon-remove' : '&#xf00d;'
+		},
+		els = document.getElementsByTagName('*'),
+		i, attr, html, c, el;
+	for (i = 0; ; i += 1) {
+		el = els[i];
+		if(!el) {
+			break;
+		}
+		attr = el.getAttribute('data-icon');
+		if (attr) {
+			addIcon(el, attr);
+		}
+		c = el.className;
+		c = c.match(/icon-[^\s'"]+/);
+		if (c && icons[c[0]]) {
+			addIcon(el, icons[c[0]]);
+		}
+	}
+};

fonts/icomoon-toolbar/style.css

@@ -0,0 +1,126 @@
+@font-face {
+	font-family: 'toolbar';
+	src:url('fonts/toolbar.eot');
+	src:url('fonts/toolbar.eot?#iefix') format('embedded-opentype'),
+		url('fonts/toolbar.woff') format('woff'),
+		url('fonts/toolbar.ttf') format('truetype'),
+		url('fonts/toolbar.svg#toolbar') format('svg');
+	font-weight: normal;
+	font-style: normal;
+}
+
+/* Use the following CSS code if you want to use data attributes for inserting your icons */
+[data-icon]:before {
+	font-family: 'toolbar';
+	content: attr(data-icon);
+	speak: none;
+	font-weight: normal;
+	font-variant: normal;
+	text-transform: none;
+	line-height: 1;
+	-webkit-font-smoothing: antialiased;
+}
+
+/* Use the following CSS code if you want to have a class per icon */
+/*
+Instead of a list of all class selectors,
+you can use the generic selector below, but it's slower:
+[class*="icon-"] {
+*/
+.icon-file, .icon-image, .icon-zoom-out, .icon-zoom-in, .icon-expand, .icon-expand-2, .icon-folder-open, .icon-folder, .icon-cog, .icon-menu, .icon-wrench, .icon-settings, .icon-loop, .icon-pin, .icon-first, .icon-last, .icon-arrow-left, .icon-arrow-right, .icon-arrow-left-2, .icon-arrow-right-2, .icon-arrow-left-3, .icon-arrow-right-3, .icon-previous, .icon-next, .icon-droplet, .icon-adjust, .icon-sun, .icon-remove-sign, .icon-remove {
+	font-family: 'toolbar';
+	speak: none;
+	font-style: normal;
+	font-weight: normal;
+	font-variant: normal;
+	text-transform: none;
+	line-height: 1;
+	-webkit-font-smoothing: antialiased;
+}
+.icon-file:before {
+	content: "\e000";
+}
+.icon-image:before {
+	content: "\e001";
+}
+.icon-zoom-out:before {
+	content: "\e002";
+}
+.icon-zoom-in:before {
+	content: "\e003";
+}
+.icon-expand:before {
+	content: "\e004";
+}
+.icon-expand-2:before {
+	content: "\e005";
+}
+.icon-folder-open:before {
+	content: "\e006";
+}
+.icon-folder:before {
+	content: "\e007";
+}
+.icon-cog:before {
+	content: "\e008";
+}
+.icon-menu:before {
+	content: "\e009";
+}
+.icon-wrench:before {
+	content: "\e00a";
+}
+.icon-settings:before {
+	content: "\e00b";
+}
+.icon-loop:before {
+	content: "\e00c";
+}
+.icon-pin:before {
+	content: "\e00d";
+}
+.icon-first:before {
+	content: "\e00e";
+}
+.icon-last:before {
+	content: "\e00f";
+}
+.icon-arrow-left:before {
+	content: "\e011";
+}
+.icon-arrow-right:before {
+	content: "\e010";
+}
+.icon-arrow-left-2:before {
+	content: "\e012";
+}
+.icon-arrow-right-2:before {
+	content: "\e013";
+}
+.icon-arrow-left-3:before {
+	content: "\e014";
+}
+.icon-arrow-right-3:before {
+	content: "\e015";
+}
+.icon-previous:before {
+	content: "\e016";
+}
+.icon-next:before {
+	content: "\e017";
+}
+.icon-droplet:before {
+	content: "\e01a";
+}
+.icon-adjust:before {
+	content: "\f042";
+}
+.icon-sun:before {
+	content: "\e018";
+}
+.icon-remove-sign:before {
+	content: "\f057";
+}
+.icon-remove:before {
+	content: "\f00d";
+}

lib/ComicBook.js

@@ -11,6 +11,9 @@
 		- full browser test - IE9 / FF3.6+ / Chrome / Safari / Opera
 		- don't inlcude the closure compiler, expect it (or similar) to be installed instead
 
+		- fix Makefile (handlebars is not compiling properly..)
+		- fonts for left / right navigation, remove all sprites / images completely
+
 	Nice 2 have:
 		- lint
 		- jump to page?
@@ -23,6 +26,8 @@
 		- really need to speed up enhancements, try to use webworkers
 		- refactor so we are not using all these loose shared variables and other nastyness
 		- use custom event emitters instead of hacky code
+		- properly bind "this" so we don't have to keep using "self"
+		- allow toolbar to be sticky
 */
 
 /**
@@ -56,6 +61,7 @@ function merge(a, b) {
  * @returns {ComicBookException}
  */
 var ComicBookException = {
+	INVALID_ACTION: "invalid action",
 	INVALID_PAGE: "invalid page",
 	INVALID_PAGE_TYPE: "invalid page type",
 	UNDEFINED_CONTROL: "undefined control",
@@ -159,6 +165,7 @@ function ComicBook(id, srcs, opts) {
 	 * @see #ComicBook.prototype.enhance
 	 */
 	function init() {
+
 		// setup canvas
 		canvas = document.getElementById(canvas_id);
 		context = canvas.getContext("2d");
@@ -170,199 +177,47 @@ function ComicBook(id, srcs, opts) {
 		}
 
 		// add page controls
-		// TODO: add IE event listeners too.
-		canvas.addEventListener("click", self.navigation, false);
 		window.addEventListener("keydown", self.navigation, false);
 		window.addEventListener("hashchange", checkHash, false);
-		//setInterval(function() { checkHash(); }, 300); // TODO: enable this when there is no onhashchange event
 	}
 
-	/**
-	 * User controls
-	 *
-	 * TODO: save current values
-	 */
-	ComicBook.prototype.control = {
-
-		status: $(document.createElement("div"))
-			.attr("id", "cb-status")
-			.addClass("cb-control cb-always-on")
-			.append(
-				$(document.createElement("div"))
-					.attr("id", "cb-progress-bar")
-					.progressbar()
-			),
-
-		toolbar: $(document.createElement("div"))
-			.attr("id", "cb-toolbar")
-			.addClass("cb-control")
-			.append(
-				$(document.createElement("button"))
-					.attr("title", "close the toolbar")
-					.addClass("cb-close")
-					.click(function(){
-						self.toggleToolbar();
-					})
-			)
-			.append(
-				$(document.createElement("button"))
-					.attr("title", "switch between dual and single page modes")
-					.addClass("cb-layout " + options.displayMode)
-					.click(function(){
-						self.toggleLayout();
-					})
-			)
-			.append(
-				$(document.createElement("button"))
-					.attr("title", "tweak the page colors")
-					.addClass("cb-color cb-menu-button")
-					.click(function(){
-						self.toggleControl("color");
-					})
-			)
-			.append(
-				$(document.createElement("button"))
-					.attr("title", "zoom out")
-					.addClass("cb-zoom-out")
-					.click(function(){
-						self.zoom(scale - 0.1);
-					})
-			)
-			.append(
-				$(document.createElement("button"))
-					.attr("title", "zoom in")
-					.addClass("cb-zoom-in")
-					.click(function(){
-						self.zoom(scale + 0.1);
-					})
-			)
-			.append(
-				$(document.createElement("button"))
-					.attr("title", "fit to page width")
-					.addClass("cb-fit-width")
-					.click(function(){
-						options.zoomMode = "fitWidth"
-						self.drawPage();
-					})
-			)
-			.append(
-				$(document.createElement("p"))
-					.attr("id", "cb-comic-info")
-					.append("<span id='cb-current-page'></span> / " + srcs.length)
-			),
-
-		/**
-		 * Image enhancements
-		 */
-		color: $(document.createElement("div"))
-			.attr("id", "cb-color")
-			.addClass("cb-control")
-			.append("<label for='cb-sharpen'>Brightness</label>")
-			.append(
-				$("<div id='cb-brightness' class='cb-option'></div>").slider({
-					value: 0,
-					step: 10,
-					min: -1000,
-					max: 1000,
-					change: function(event, ui) {
-						self.enhance.brightness({ brightness: ui.value });
-					}
-				})
-			)
-			.append("<label for='cb-sharpen'>Contrast</label>")
-			.append(
-				$("<div id='cb-contrast' class='cb-option'></div>").slider({
-					value: 0,
-					step: 0.001,
-					min: 0,
-					max: 1,
-					change: function(event, ui) {
-						self.enhance.brightness({ contrast: ui.value });
-					}
-				})
-			)
-			.append("<label for='cb-sharpen'>Sharpen</label>")
-			.append(
-				$("<div id='cb-sharpen' class='cb-option'></div>").slider({
-					value: 0,
-					step: 0.001,
-					min: 0,
-					max: 1,
-					change: function(event, ui) {
-						self.enhance.sharpen({ amount: ui.value });
-					}
-				})
-			)
-			.append(
-				$(document.createElement("div")).addClass("cb-option")
-					.append("<input type='checkbox' id='cb-desaturate' /> <label for='cb-desaturate'>Desaturate</label>")
-					.append("<button id='cb-reset'>reset</button>")
-			),
-
-		/**
-		 * Page navigation
-		 */
-		navigation: {
-
-			left: $(document.createElement("div"))
-				.addClass("cb-control cb-navigate cb-always-on left")
-				.click(function(e){
-					self.drawPrevPage();
-				}),
-
-			right: $(document.createElement("div"))
-				.addClass("cb-control cb-navigate cb-always-on right")
-				.click(function(e) {
-					self.drawNextPage();
-				})
-		},
-
-		loadingOverlay: $(document.createElement("div"))
-			.attr("id", "cb-loading-overlay")
-			.addClass("cb-control")
-	};
-
 	ComicBook.prototype.renderControls = function() {
 
-		$(canvas)
+		var controls = {};
-			.before(this.getControl("loadingOverlay"))
-			.before(this.getControl("status"))
-			.after(this.getControl("toolbar"))
-			.after(this.getControl("navigation").left)
-			.after(this.getControl("navigation").right)
-			.after(this.getControl("color").hide());
 
-		$(".cb-menu-button").click(function(e) {
+		$.each(Handlebars.templates, function (name, template) {
-			$(this).toggleClass("active");
+
+			var $template = $(template().trim());
+			controls[name] = $template;
+
+			$template.find('*').andSelf().filter("[data-action][data-trigger]").each(function () {
+
+				var $this = $(this);
+				var trigger = $this.data('trigger');
+				var action = $this.data('action');
+
+				// trigger a direct method if exists
+				if (typeof self[$this.data('action')] === "function") {
+					$this.on(trigger, self[action]);
+				}
+
+				// throw an event to be caught outside if the app code
+				$this.on(trigger, function (e) {
+					$(self).trigger(trigger, e);
+				});
+			});
+
+			$(canvas).before($template);
 		});
 
-		$("#cb-desaturate").click(function(){
+		this.controls = controls;
-			if ($(this).is(":checked")) {
-				self.enhance.desaturate();
-			} else {
-				self.enhance.resaturate();
-			}
-		});
-
-		$("#cb-reset").click(function() {
-			// TODO: improve performance here.
-			$("#cb-brightness").slider("value", 0);
-			$("#cb-contrast").slider("value", 0);
-			$("#cb-saturation").slider("value", 0);
-			$("#cb-sharpen").slider("value", 0);
-			var desaturate = $("#cb-desaturate");
-			desaturate.attr("checked", false);
-			self.enhance.reset();
-		});
 	};
 
 	ComicBook.prototype.getControl = function(control) {
-
+		if (typeof this.controls[control] !== "object") {
-		if (typeof this.control[control] === "undefined") {
+			throw ComicBookException.UNDEFINED_CONTROL + ' ' + control;
-			throw ComicBookException.UNDEFINED_CONTROL+' '+control;
 		}
-
+		return this.controls[control];
-		return this.control[control];
 	};
 
 	ComicBook.prototype.showControl = function(control) {
@@ -377,23 +232,16 @@ function ComicBook(id, srcs, opts) {
 		this.getControl(control).toggle().toggleClass("open");
 	};
 
-	ComicBook.prototype.toggleToolbar = function() {
-		if ($("#cb-toolbar").is(":visible")) {
-			$(".cb-control").not(".cb-always-on").hide();
-		} else {
-			$("#cb-toolbar, .cb-control.open").show();
-		}
-	};
-
 	ComicBook.prototype.toggleLayout = function() {
-		if (options.displayMode === "double") {
+
-			$("#cb-toolbar .cb-layout").removeClass("double");
+		var $control = self.getControl("toolbar").find("[data-action=toggleLayout]");
-			options.displayMode = "single";
+		var displayMode = (options.displayMode === "single") ? "double" : "single";
-		} else {
+
-			$("#cb-toolbar .cb-layout").removeClass("single");
+		$control.removeClass(options.displayMode);
-			options.displayMode = "double";
+		$control.addClass(displayMode);
-		}
+
-		$("#cb-toolbar .cb-layout").addClass(options.displayMode);
+		options.displayMode = displayMode;
+
 		self.drawPage();
 	};
 
@@ -424,8 +272,7 @@ function ComicBook(id, srcs, opts) {
 		init();
 
 		// resize navigation controls
-		$(".cb-control.cb-navigate").outerHeight(window.innerHeight);
+		$(".navigate").outerHeight(window.innerHeight);
-		$("#cb-toolbar").outerWidth(windowWidth());
 		$("#cb-loading-overlay").outerWidth(windowWidth()).height(window.innerHeight);
 
 		// preload images if needed
@@ -447,6 +294,19 @@ function ComicBook(id, srcs, opts) {
 		if (typeof this.getPage(pointer) === "object") { this.drawPage(); }
 	};
 
+	ComicBook.prototype.zoomIn = function () {
+		self.zoom(scale + 0.1);
+	};
+
+	ComicBook.prototype.zoomOut = function () {
+		self.zoom(scale - 0.1);
+	};
+
+	ComicBook.prototype.fitWidth = function () {
+		options.zoomMode = "fitWidth"
+		ComicBook.prototype.drawPage();
+	};
+
 	/**
 	 * Preload all images, draw the page only after a given number have been loaded.
 	 *
@@ -470,7 +330,7 @@ function ComicBook(id, srcs, opts) {
 				pages[i] = this;
 				loaded.push(i);
 
-				$("#cb-progress-bar").progressbar("value", Math.floor((loaded.length / no_pages) * 100));
+				$("#cb-progress-bar .progressbar-value").css("width", Math.floor((loaded.length / no_pages) * 100) + "%");
 
 				// double page mode needs an extra page added
 				var buffer = (options.displayMode === "double" && pointer < srcs.length-1) ? 1 : 0;
@@ -662,7 +522,11 @@ function ComicBook(id, srcs, opts) {
 
 		var current_page = (options.displayMode === "double" && pointer+2 <= srcs.length)
 			? (pointer+1) + "-" + (pointer+2) : pointer+1
-		$("#cb-current-page").text(current_page);
+
+		this.getControl('toolbar')
+			.find("#current-page").text(current_page)
+			.end()
+			.find("#page-count").text(srcs.length);
 
 		// revert page mode back to double if it was auto switched for a double page spread
 		if (is_double_page_spread) { options.displayMode = "double"; }
@@ -671,21 +535,18 @@ function ComicBook(id, srcs, opts) {
 		$("button.cb-fit-width").attr("disabled", (options.zoomMode === "fitWidth"));
 
 		// disable prev/next buttons if not needed
-		$(".cb-navigate").show();
+		$(".navigate").show();
 		if (pointer === 0) {
-			$(".cb-navigate.left").hide();
+			$(".navigate-left").hide();
-			$(".cb-navigate.right").show();
+			$(".navigate-right").show();
 		}
 
 		if (pointer === srcs.length-1 || (typeof page2 === "object" && pointer === srcs.length-2)) {
-			$(".cb-navigate.left").show();
+			$(".navigate-left").show();
-			$(".cb-navigate.right").hide();
+			$(".navigate-right").hide();
 		}
 
-		// user callback
+		$(this).trigger("navigate");
-		if (typeof options.afterDrawPage === "function") {
-			options.afterDrawPage(pointer + 1);
-		}
 
 		// update hash location
 		if (getHash() !== pointer) {
@@ -706,7 +567,7 @@ function ComicBook(id, srcs, opts) {
 		var page;
 
 		try {
-			page = this.getPage(pointer+1);
+			page = self.getPage(pointer+1);
 		} catch (e) {}
 
 		if (!page) { return false; }
@@ -714,7 +575,7 @@ function ComicBook(id, srcs, opts) {
 		if (pointer + 1 < pages.length) {
 			pointer += (options.displayMode === "single" || is_double_page_spread) ? 1 : 2;
 			try {
-				this.drawPage();
+				self.drawPage();
 			} catch (e) {}
 		}
 	};
@@ -729,7 +590,7 @@ function ComicBook(id, srcs, opts) {
 		var page;
 
 		try {
-			page = this.getPage(pointer-1);
+			page = self.getPage(pointer-1);
 		} catch (e) {}
 
 		if (!page) { return false; }
@@ -738,10 +599,35 @@ function ComicBook(id, srcs, opts) {
 
 		if (pointer > 0) {
 			pointer -= (options.displayMode === "single" || is_double_page_spread) ? 1 : 2;
-			this.drawPage();
+			self.drawPage();
 		}
 	};
 
+
+	ComicBook.prototype.brightness = function () {
+		self.enhance.brightness({ brightness: $(this).val() });
+	}
+
+	ComicBook.prototype.contrast = function () {
+		self.enhance.brightness({ contrast: $(this).val() });
+	}
+
+	ComicBook.prototype.sharpen = function () {
+		self.enhance.sharpen({ amount: $(this).val() });
+	}
+
+	ComicBook.prototype.desaturate = function () {
+		if ($(this).is(":checked")) {
+			self.enhance.desaturate();
+		} else {
+			self.enhance.resaturate();
+		}
+	};
+
+	ComicBook.prototype.resetEnhancements = function () {
+		self.enhance.reset();
+	};
+
 	/**
 	 * Apply image enhancements to the canvas.
 	 *
@@ -802,11 +688,8 @@ function ComicBook(id, srcs, opts) {
 		 * Force black and white
 		 */
 		desaturate: function () {
-
 			options.enhance.desaturate = {};
-
 			Pixastic.process(canvas, "desaturate", { average : false });
-
 			init();
 		},
 
@@ -855,9 +738,7 @@ function ComicBook(id, srcs, opts) {
 		var side = false;
 
 		switch (e.type) {
-			case "click":
+
-				self.toggleToolbar();
-				break;
 			case "keydown":
 
 				// navigation
@@ -872,6 +753,7 @@ function ComicBook(id, srcs, opts) {
 					self.toggleLayout();
 				}
 				break;
+
 			default:
 				throw ComicBookException.INVALID_NAVIGATION_EVENT+' '+e.type;
 		}

lib/ComicBook.min.js

@@ -1,39 +1,41 @@
-var Pixastic=function(){function g(a,c,o){a.addEventListener?a.addEventListener(c,o,!1):a.attachEvent&&a.attachEvent("on"+c,o)}function f(a){var c=!1,o=function(){c||(c=!0,a())};document.write('<script defer src="//:" id="__onload_ie_pixastic__"><\/script>');var e=document.getElementById("__onload_ie_pixastic__");e.onreadystatechange=function(){e.readyState=="complete"&&(e.parentNode.removeChild(e),o())};document.addEventListener&&document.addEventListener("DOMContentLoaded",o,!1);g(window,"load",
+var Pixastic=function(){function c(g,e,b){g.addEventListener?g.addEventListener(e,b,!1):g.attachEvent&&g.attachEvent("on"+e,b)}function d(g){var b=!1,a=function(){b||(b=!0,g())};document.write('<script defer src="//:" id="__onload_ie_pixastic__"><\/script>');var p=document.getElementById("__onload_ie_pixastic__");p.onreadystatechange=function(){p.readyState=="complete"&&(p.parentNode.removeChild(p),a())};document.addEventListener&&document.addEventListener("DOMContentLoaded",a,!1);c(window,"load",
-o)}function h(){for(var a=b("pixastic",null,"img"),c=b("pixastic",null,"canvas"),o=a.concat(c),e=0;e<o.length;e++)(function(){for(var a=o[e],c=[],d=a.className.split(" "),f=0;f<d.length;f++){var b=d[f];b.substring(0,9)=="pixastic-"&&(b=b.substring(9),b!=""&&c.push(b))}if(c.length)if(a.tagName.toLowerCase()=="img")if(d=new Image,d.src=a.src,d.complete)for(d=0;d<c.length;d++)(f=Pixastic.applyAction(a,a,c[d],null))&&(a=f);else d.onload=function(){for(var e=0;e<c.length;e++){var d=Pixastic.applyAction(a,
+a)}function a(){for(var g=b("pixastic",null,"img"),a=b("pixastic",null,"canvas"),c=g.concat(a),p=0;p<c.length;p++)(function(){for(var g=c[p],b=[],a=g.className.split(" "),e=0;e<a.length;e++){var d=a[e];d.substring(0,9)=="pixastic-"&&(d=d.substring(9),d!=""&&b.push(d))}if(b.length)if(g.tagName.toLowerCase()=="img")if(a=new Image,a.src=g.src,a.complete)for(a=0;a<b.length;a++)(e=Pixastic.applyAction(g,g,b[a],null))&&(g=e);else a.onload=function(){for(var a=0;a<b.length;a++){var e=Pixastic.applyAction(g,
-a,c[e],null);d&&(a=d)}};else setTimeout(function(){for(var e=0;e<c.length;e++){var d=Pixastic.applyAction(a,a,c[e],null);d&&(a=d)}},1)})()}function b(a,c,d){var e=[];c==null&&(c=document);d==null&&(d="*");c=c.getElementsByTagName(d);d=c.length;a=RegExp("(^|\\s)"+a+"(\\s|$)");for(i=0,j=0;i<d;i++)a.test(c[i].className)&&(e[j]=c[i],j++);return e}function m(a,c){if(Pixastic.debug)try{switch(c){case "warn":console.warn("Pixastic:",a);break;case "error":console.error("Pixastic:",a);break;default:console.log("Pixastic:",
+g,b[a],null);e&&(g=e)}};else setTimeout(function(){for(var a=0;a<b.length;a++){var e=Pixastic.applyAction(g,g,b[a],null);e&&(g=e)}},1)})()}function b(g,a,b){var c=[];a==null&&(a=document);b==null&&(b="*");a=a.getElementsByTagName(b);b=a.length;g=RegExp("(^|\\s)"+g+"(\\s|$)");for(i=0,j=0;i<b;i++)g.test(a[i].className)&&(c[j]=a[i],j++);return c}function h(g,a){if(Pixastic.debug)try{switch(a){case "warn":console.warn("Pixastic:",g);break;case "error":console.error("Pixastic:",g);break;default:console.log("Pixastic:",
-a)}}catch(d){}}typeof pixastic_parseonload!="undefined"&&pixastic_parseonload&&f(h);var k=function(){var a=document.createElement("canvas"),c=!1;try{c=!!(typeof a.getContext=="function"&&a.getContext("2d"))}catch(d){}return function(){return c}}(),l=function(){var a=document.createElement("canvas"),c=!1,d;try{if(typeof a.getContext=="function"&&(d=a.getContext("2d")))c=typeof d.getImageData=="function"}catch(e){}return function(){return c}}(),d=function(){var a=!1,c=document.createElement("canvas");
+g)}}catch(b){}}typeof pixastic_parseonload!="undefined"&&pixastic_parseonload&&d(a);var m=function(){var a=document.createElement("canvas"),b=!1;try{b=!!(typeof a.getContext=="function"&&a.getContext("2d"))}catch(c){}return function(){return b}}(),l=function(){var a=document.createElement("canvas"),b=!1,c;try{if(typeof a.getContext=="function"&&(c=a.getContext("2d")))b=typeof c.getImageData=="function"}catch(d){}return function(){return b}}(),f=function(){var a=!1,b=document.createElement("canvas");
-if(k()&&l()){c.width=c.height=1;c=c.getContext("2d");c.fillStyle="rgb(255,0,0)";c.fillRect(0,0,1,1);var d=document.createElement("canvas");d.width=d.height=1;var e=d.getContext("2d");e.fillStyle="rgb(0,0,255)";e.fillRect(0,0,1,1);c.globalAlpha=0.5;c.drawImage(d,0,0);a=c.getImageData(0,0,1,1).data[2]!=255}return function(){return a}}();return{parseOnLoad:!1,debug:!1,applyAction:function(a,c,d,e){var e=e||{},f=a.tagName.toLowerCase()=="canvas";if(f&&Pixastic.Client.isIE())return Pixastic.debug&&m("Tried to process a canvas element but browser is IE."),
+if(m()&&l()){b.width=b.height=1;b=b.getContext("2d");b.fillStyle="rgb(255,0,0)";b.fillRect(0,0,1,1);var c=document.createElement("canvas");c.width=c.height=1;var d=c.getContext("2d");d.fillStyle="rgb(0,0,255)";d.fillRect(0,0,1,1);b.globalAlpha=0.5;b.drawImage(c,0,0);a=b.getImageData(0,0,1,1).data[2]!=255}return function(){return a}}();return{parseOnLoad:!1,debug:!1,applyAction:function(a,b,c,d){var d=d||{},f=a.tagName.toLowerCase()=="canvas";if(f&&Pixastic.Client.isIE())return Pixastic.debug&&h("Tried to process a canvas element but browser is IE."),
-!1;var b,g,h=!1;Pixastic.Client.hasCanvas()&&(h=!!e.resultCanvas,b=e.resultCanvas||document.createElement("canvas"),g=b.getContext("2d"));var k=a.offsetWidth,l=a.offsetHeight;if(f)k=a.width,l=a.height;if(k==0||l==0)if(a.parentNode==null){var q=a.style.position,r=a.style.left;a.style.position="absolute";a.style.left="-9999px";document.body.appendChild(a);k=a.offsetWidth;l=a.offsetHeight;document.body.removeChild(a);a.style.position=q;a.style.left=r}else{Pixastic.debug&&m("Image has 0 width and/or height.");
+!1;var k,m,l=!1;Pixastic.Client.hasCanvas()&&(l=!!d.resultCanvas,k=d.resultCanvas||document.createElement("canvas"),m=k.getContext("2d"));var s=a.offsetWidth,r=a.offsetHeight;if(f)s=a.width,r=a.height;if(s==0||r==0)if(a.parentNode==null){var n=a.style.position,t=a.style.left;a.style.position="absolute";a.style.left="-9999px";document.body.appendChild(a);s=a.offsetWidth;r=a.offsetHeight;document.body.removeChild(a);a.style.position=n;a.style.left=t}else{Pixastic.debug&&h("Image has 0 width and/or height.");
-return}if(d.indexOf("(")>-1&&(q=d,d=q.substr(0,q.indexOf("(")),q=q.match(/\((.*?)\)/),q[1])){q=q[1].split(";");for(r=0;r<q.length;r++)if(thisArg=q[r].split("="),thisArg.length==2)if(thisArg[0]=="rect"){var n=thisArg[1].split(",");e[thisArg[0]]={left:parseInt(n[0],10)||0,top:parseInt(n[1],10)||0,width:parseInt(n[2],10)||0,height:parseInt(n[3],10)||0}}else e[thisArg[0]]=thisArg[1]}e.rect?(e.rect.left=Math.round(e.rect.left),e.rect.top=Math.round(e.rect.top),e.rect.width=Math.round(e.rect.width),e.rect.height=
+return}if(c.indexOf("(")>-1&&(n=c,c=n.substr(0,n.indexOf("(")),n=n.match(/\((.*?)\)/),n[1])){n=n[1].split(";");for(t=0;t<n.length;t++)if(thisArg=n[t].split("="),thisArg.length==2)if(thisArg[0]=="rect"){var o=thisArg[1].split(",");d[thisArg[0]]={left:parseInt(o[0],10)||0,top:parseInt(o[1],10)||0,width:parseInt(o[2],10)||0,height:parseInt(o[3],10)||0}}else d[thisArg[0]]=thisArg[1]}d.rect?(d.rect.left=Math.round(d.rect.left),d.rect.top=Math.round(d.rect.top),d.rect.width=Math.round(d.rect.width),d.rect.height=
-Math.round(e.rect.height)):e.rect={left:0,top:0,width:k,height:l};q=!1;Pixastic.Actions[d]&&typeof Pixastic.Actions[d].process=="function"&&(q=!0);if(!q)return Pixastic.debug&&m('Invalid action "'+d+'". Maybe file not included?'),!1;if(!Pixastic.Actions[d].checkSupport())return Pixastic.debug&&m('Action "'+d+'" not supported by this browser.'),!1;if(Pixastic.Client.hasCanvas()){if(b!==a)b.width=k,b.height=l;if(!h)b.style.width=k+"px",b.style.height=l+"px";g.drawImage(c,0,0,k,l);a.__pixastic_org_image?
+Math.round(d.rect.height)):d.rect={left:0,top:0,width:s,height:r};n=!1;Pixastic.Actions[c]&&typeof Pixastic.Actions[c].process=="function"&&(n=!0);if(!n)return Pixastic.debug&&h('Invalid action "'+c+'". Maybe file not included?'),!1;if(!Pixastic.Actions[c].checkSupport())return Pixastic.debug&&h('Action "'+c+'" not supported by this browser.'),!1;if(Pixastic.Client.hasCanvas()){if(k!==a)k.width=s,k.height=r;if(!l)k.style.width=s+"px",k.style.height=r+"px";m.drawImage(b,0,0,s,r);a.__pixastic_org_image?
-(b.__pixastic_org_image=a.__pixastic_org_image,b.__pixastic_org_width=a.__pixastic_org_width,b.__pixastic_org_height=a.__pixastic_org_height):(b.__pixastic_org_image=a,b.__pixastic_org_width=k,b.__pixastic_org_height=l)}else if(Pixastic.Client.isIE()&&typeof a.__pixastic_org_style=="undefined")a.__pixastic_org_style=a.style.cssText;c={image:a,canvas:b,width:k,height:l,useData:!0,options:e};if(!Pixastic.Actions[d].process(c))return!1;if(Pixastic.Client.hasCanvas()){c.useData&&Pixastic.Client.hasCanvasImageData()&&
+(k.__pixastic_org_image=a.__pixastic_org_image,k.__pixastic_org_width=a.__pixastic_org_width,k.__pixastic_org_height=a.__pixastic_org_height):(k.__pixastic_org_image=a,k.__pixastic_org_width=s,k.__pixastic_org_height=r)}else if(Pixastic.Client.isIE()&&typeof a.__pixastic_org_style=="undefined")a.__pixastic_org_style=a.style.cssText;b={image:a,canvas:k,width:s,height:r,useData:!0,options:d};if(!Pixastic.Actions[c].process(b))return!1;if(Pixastic.Client.hasCanvas()){b.useData&&Pixastic.Client.hasCanvasImageData()&&
-(b.getContext("2d").putImageData(c.canvasData,e.rect.left,e.rect.top),b.getContext("2d").fillRect(0,0,0,0));if(!e.leaveDOM){b.title=a.title;b.imgsrc=a.imgsrc;if(!f)b.alt=a.alt;if(!f)b.imgsrc=a.src;b.className=a.className;b.style.cssText=a.style.cssText;b.name=a.name;b.tabIndex=a.tabIndex;b.id=a.id;a.parentNode&&a.parentNode.replaceChild&&a.parentNode.replaceChild(b,a)}return e.resultCanvas=b}return a},prepareData:function(a,c){var d=a.canvas.getContext("2d"),b=a.options.rect,d=d.getImageData(b.left,
+(k.getContext("2d").putImageData(b.canvasData,d.rect.left,d.rect.top),k.getContext("2d").fillRect(0,0,0,0));if(!d.leaveDOM){k.title=a.title;k.imgsrc=a.imgsrc;if(!f)k.alt=a.alt;if(!f)k.imgsrc=a.src;k.className=a.className;k.style.cssText=a.style.cssText;k.name=a.name;k.tabIndex=a.tabIndex;k.id=a.id;a.parentNode&&a.parentNode.replaceChild&&a.parentNode.replaceChild(k,a)}return d.resultCanvas=k}return a},prepareData:function(a,b){var c=a.canvas.getContext("2d"),d=a.options.rect,c=c.getImageData(d.left,
-b.top,b.width,b.height),b=d.data;if(!c)a.canvasData=d;return b},process:function(a,c,d,b){if(a.tagName.toLowerCase()=="img"){var f=new Image;f.src=a.src;if(f.complete){var g=Pixastic.applyAction(a,f,c,d);b&&b(g);return g}else f.onload=function(){var g=Pixastic.applyAction(a,f,c,d);b&&b(g)}}if(a.tagName.toLowerCase()=="canvas")return g=Pixastic.applyAction(a,a,c,d),b&&b(g),g},revert:function(a){if(Pixastic.Client.hasCanvas()){if(a.tagName.toLowerCase()=="canvas"&&a.__pixastic_org_image)return a.width=
+d.top,d.width,d.height),d=c.data;if(!b)a.canvasData=c;return d},process:function(a,b,c,d){if(a.tagName.toLowerCase()=="img"){var f=new Image;f.src=a.src;if(f.complete){var h=Pixastic.applyAction(a,f,b,c);d&&d(h);return h}else f.onload=function(){var h=Pixastic.applyAction(a,f,b,c);d&&d(h)}}if(a.tagName.toLowerCase()=="canvas")return h=Pixastic.applyAction(a,a,b,c),d&&d(h),h},revert:function(a){if(Pixastic.Client.hasCanvas()){if(a.tagName.toLowerCase()=="canvas"&&a.__pixastic_org_image)return a.width=
-a.__pixastic_org_width,a.height=a.__pixastic_org_height,a.getContext("2d").drawImage(a.__pixastic_org_image,0,0),a.parentNode&&a.parentNode.replaceChild&&a.parentNode.replaceChild(a.__pixastic_org_image,a),a}else if(Pixastic.Client.isIE()&&typeof a.__pixastic_org_style!="undefined")a.style.cssText=a.__pixastic_org_style},Client:{hasCanvas:k,hasCanvasImageData:l,hasGlobalAlpha:d,isIE:function(){return!!document.all&&!!window.attachEvent&&!window.opera}},Actions:{}}}();
+a.__pixastic_org_width,a.height=a.__pixastic_org_height,a.getContext("2d").drawImage(a.__pixastic_org_image,0,0),a.parentNode&&a.parentNode.replaceChild&&a.parentNode.replaceChild(a.__pixastic_org_image,a),a}else if(Pixastic.Client.isIE()&&typeof a.__pixastic_org_style!="undefined")a.style.cssText=a.__pixastic_org_style},Client:{hasCanvas:m,hasCanvasImageData:l,hasGlobalAlpha:f,isIE:function(){return!!document.all&&!!window.attachEvent&&!window.opera}},Actions:{}}}();
-Pixastic.Actions.brightness={process:function(g){var f=parseInt(g.options.brightness,10)||0,h=parseFloat(g.options.contrast)||0,b=!!(g.options.legacy&&g.options.legacy!="false");if(b)f=Math.min(150,Math.max(-150,f));else var m=1+Math.min(150,Math.max(-150,f))/150;h=Math.max(0,h+1);if(Pixastic.Client.hasCanvasImageData()){var k=Pixastic.prepareData(g),g=g.options.rect,g=g.width*g.height,l=g*4,d,a;h!=1?b?(b=h,f=(f-128)*h+128):(b=m*h,f=-h*128+128):b?b=1:(b=m,f=0);for(var c,o,e;g--;)k[l]=(c=k[l-=4]*b+
+Pixastic.Actions.brightness={process:function(c){var d=parseInt(c.options.brightness,10)||0,a=parseFloat(c.options.contrast)||0,b=!!(c.options.legacy&&c.options.legacy!="false");if(b)d=Math.min(150,Math.max(-150,d));else var h=1+Math.min(150,Math.max(-150,d))/150;a=Math.max(0,a+1);if(Pixastic.Client.hasCanvasImageData()){var m=Pixastic.prepareData(c),c=c.options.rect,c=c.width*c.height,l=c*4,f,g;a!=1?b?(b=a,d=(d-128)*a+128):(b=h*a,d=-a*128+128):b?b=1:(b=h,d=0);for(var e,x,p;c--;)m[l]=(e=m[l-=4]*b+
-f)>255?255:c<0?0:c,k[d]=(o=k[d=l+1]*b+f)>255?255:o<0?0:o,k[a]=(e=k[a=l+2]*b+f)>255?255:e<0?0:e;return!0}},checkSupport:function(){return Pixastic.Client.hasCanvasImageData()}};
+d)>255?255:e<0?0:e,m[f]=(x=m[f=l+1]*b+d)>255?255:x<0?0:x,m[g]=(p=m[g=l+2]*b+d)>255?255:p<0?0:p;return!0}},checkSupport:function(){return Pixastic.Client.hasCanvasImageData()}};
-Pixastic.Actions.desaturate={process:function(g){var f=!!(g.options.average&&g.options.average!="false");if(Pixastic.Client.hasCanvasImageData()){var h=Pixastic.prepareData(g),g=g.options.rect,g=g.width*g.height,b=g*4,m,k;if(f)for(;g--;)h[b-=4]=h[m=b+1]=h[k=b+2]=(h[b]+h[m]+h[k])/3;else for(;g--;)h[b-=4]=h[m=b+1]=h[k=b+2]=h[b]*0.3+h[m]*0.59+h[k]*0.11;return!0}else if(Pixastic.Client.isIE())return g.image.style.filter+=" gray",!0},checkSupport:function(){return Pixastic.Client.hasCanvasImageData()||
+Pixastic.Actions.desaturate={process:function(c){var d=!!(c.options.average&&c.options.average!="false");if(Pixastic.Client.hasCanvasImageData()){var a=Pixastic.prepareData(c),c=c.options.rect,c=c.width*c.height,b=c*4,h,m;if(d)for(;c--;)a[b-=4]=a[h=b+1]=a[m=b+2]=(a[b]+a[h]+a[m])/3;else for(;c--;)a[b-=4]=a[h=b+1]=a[m=b+2]=a[b]*0.3+a[h]*0.59+a[m]*0.11;return!0}else if(Pixastic.Client.isIE())return c.image.style.filter+=" gray",!0},checkSupport:function(){return Pixastic.Client.hasCanvasImageData()||
 Pixastic.Client.isIE()}};
-Pixastic.Actions.sharpen={process:function(g){var f=0;typeof g.options.amount!="undefined"&&(f=parseFloat(g.options.amount)||0);f<0&&(f=0);f>1&&(f=1);if(Pixastic.Client.hasCanvasImageData()){for(var h=Pixastic.prepareData(g),b=Pixastic.prepareData(g,!0),m=15,f=1+3*f,k=[[0,-f,0],[-f,m,-f],[0,-f,0]],l=0,d=0;d<3;d++)for(var a=0;a<3;a++)l+=k[d][a];l=1/l;k=g.options.rect;g=k.width;k=k.height;m*=l;f*=l;l=g*4;d=k;do{var a=(d-1)*l,c=(d==1?0:d-2)*l,o=(d==k?d-1:d)*l,e=g;do{var p=a+(e*4-4),u=c+(e==1?0:e-2)*
+Pixastic.Actions.sharpen={process:function(c){var d=0;typeof c.options.amount!="undefined"&&(d=parseFloat(c.options.amount)||0);d<0&&(d=0);d>1&&(d=1);if(Pixastic.Client.hasCanvasImageData()){for(var a=Pixastic.prepareData(c),b=Pixastic.prepareData(c,!0),h=15,d=1+3*d,m=[[0,-d,0],[-d,h,-d],[0,-d,0]],l=0,f=0;f<3;f++)for(var g=0;g<3;g++)l+=m[f][g];l=1/l;m=c.options.rect;c=m.width;m=m.height;h*=l;d*=l;l=c*4;f=m;do{var g=(f-1)*l,e=(f==1?0:f-2)*l,x=(f==m?f-1:f)*l,p=c;do{var q=g+(p*4-4),k=e+(p==1?0:p-2)*
-4,s=o+(e==g?e-1:e)*4,t=(-b[u]-b[p-4]-b[p+4]-b[s])*f+b[p]*m,w=(-b[u+1]-b[p-3]-b[p+5]-b[s+1])*f+b[p+1]*m,u=(-b[u+2]-b[p-2]-b[p+6]-b[s+2])*f+b[p+2]*m;t<0&&(t=0);w<0&&(w=0);u<0&&(u=0);t>255&&(t=255);w>255&&(w=255);u>255&&(u=255);h[p]=t;h[p+1]=w;h[p+2]=u}while(--e)}while(--d);return!0}},checkSupport:function(){return Pixastic.Client.hasCanvasImageData()}};function merge(g,f){var h;typeof f==="undefined"&&(f={});for(h in g)g.hasOwnProperty(h)&&!(h in f)&&(f[h]=g[h]);return f}
+4,u=x+(p==c?p-1:p)*4,v=(-b[k]-b[q-4]-b[q+4]-b[u])*d+b[q]*h,s=(-b[k+1]-b[q-3]-b[q+5]-b[u+1])*d+b[q+1]*h,k=(-b[k+2]-b[q-2]-b[q+6]-b[u+2])*d+b[q+2]*h;v<0&&(v=0);s<0&&(s=0);k<0&&(k=0);v>255&&(v=255);s>255&&(s=255);k>255&&(k=255);a[q]=v;a[q+1]=s;a[q+2]=k}while(--p)}while(--f);return!0}},checkSupport:function(){return Pixastic.Client.hasCanvasImageData()}};this.Handlebars={};
-var ComicBookException={INVALID_PAGE:"invalid page",INVALID_PAGE_TYPE:"invalid page type",UNDEFINED_CONTROL:"undefined control",INVALID_ZOOM_MODE:"invalid zoom mode",INVALID_NAVIGATION_EVENT:"invalid navigation event"};
+(function(c){c.VERSION="1.0.rc.1";c.helpers={};c.partials={};c.registerHelper=function(a,b,c){c&&(b.not=c);this.helpers[a]=b};c.registerPartial=function(a,b){this.partials[a]=b};c.registerHelper("helperMissing",function(a){if(arguments.length!==2)throw Error("Could not find property '"+a+"'");});var d=Object.prototype.toString;c.registerHelper("blockHelperMissing",function(a,b){var h=b.inverse||function(){},m=b.fn,l=d.call(a);return l==="[object Function]"&&(a=a.call(this)),a===!0?m(this):a===!1||
-function ComicBook(g,f,h){function b(){var a=window.innerHeight+1;r===!1&&(r=$(document.createElement("div")).attr("id","cb-width-shiv").css({width:"100%",position:"absolute",top:0,zIndex:"-1000"}),$("body").append(r));r.height(a);return r.innerWidth()}function m(){var a=k();a!==n&&s.indexOf(a)>-1&&(n=a,d.draw())}function k(){var a=parseInt(location.hash.substring(1),10)-1||0;if(a<0)a=location.hash=0;return a}function l(){p=document.getElementById(a);u=p.getContext("2d");x===!1&&(d.renderControls(),
+a==null?h(this):l==="[object Array]"?a.length>0?c.helpers.each(a,b):h(this):m(a)});c.K=function(){};c.createFrame=Object.create||function(a){c.K.prototype=a;a=new c.K;return c.K.prototype=null,a};c.registerHelper("each",function(a,b){var d=b.fn,m=b.inverse,l=0,f="",g;b.data&&(g=c.createFrame(b.data));if(a&&typeof a=="object")if(a instanceof Array)for(var e=a.length;l<e;l++)g&&(g.index=l),f+=d(a[l],{data:g});else for(e in a)a.hasOwnProperty(e)&&(g&&(g.key=e),f+=d(a[e],{data:g}),l++);return l===0&&
-x=!0);p.addEventListener("click",d.navigation,!1);window.addEventListener("keydown",d.navigation,!1);window.addEventListener("hashchange",m,!1)}var d=this,a=g;this.srcs=f;var c=merge({displayMode:"double",zoomMode:"fitWidth",manga:!1,enhance:{},keyboard:{next:78,previous:80,toolbar:84,toggleLayout:76}},h),o=f.length,e=[],p,u,s=[],t=1,w=!1,x=!1,q=!1,r=!1,g=k(),n=g<f.length?g:0;ComicBook.prototype.control={status:$(document.createElement("div")).attr("id","cb-status").addClass("cb-control cb-always-on").append($(document.createElement("div")).attr("id",
+(f=m(this)),f});c.registerHelper("if",function(a,b){return d.call(a)==="[object Function]"&&(a=a.call(this)),!a||c.Utils.isEmpty(a)?b.inverse(this):b.fn(this)});c.registerHelper("unless",function(a,b){var d=b.fn;return b.fn=b.inverse,b.inverse=d,c.helpers["if"].call(this,a,b)});c.registerHelper("with",function(a,b){return b.fn(a)});c.registerHelper("log",function(a){c.log(a)})})(this.Handlebars);var errorProps="description,fileName,lineNumber,message,name,number,stack".split(",");
-"cb-progress-bar").progressbar()),toolbar:$(document.createElement("div")).attr("id","cb-toolbar").addClass("cb-control").append($(document.createElement("button")).attr("title","close the toolbar").addClass("cb-close").click(function(){d.toggleToolbar()})).append($(document.createElement("button")).attr("title","switch between dual and single page modes").addClass("cb-layout "+c.displayMode).click(function(){d.toggleLayout()})).append($(document.createElement("button")).attr("title","tweak the page colors").addClass("cb-color cb-menu-button").click(function(){d.toggleControl("color")})).append($(document.createElement("button")).attr("title",
+Handlebars.Exception=function(c){for(var d=Error.prototype.constructor.apply(this,arguments),a=0;a<errorProps.length;a++)this[errorProps[a]]=d[errorProps[a]]};Handlebars.Exception.prototype=Error();Handlebars.SafeString=function(c){this.string=c};Handlebars.SafeString.prototype.toString=function(){return this.string.toString()};
-"zoom out").addClass("cb-zoom-out").click(function(){d.zoom(t-0.1)})).append($(document.createElement("button")).attr("title","zoom in").addClass("cb-zoom-in").click(function(){d.zoom(t+0.1)})).append($(document.createElement("button")).attr("title","fit to page width").addClass("cb-fit-width").click(function(){c.zoomMode="fitWidth";d.drawPage()})).append($(document.createElement("p")).attr("id","cb-comic-info").append("<span id='cb-current-page'></span> / "+f.length)),color:$(document.createElement("div")).attr("id",
+(function(){var c={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#x27;","`":"&#x60;"},d=/[&<>"'`]/g,a=/[&<>"'`]/,b=function(a){return c[a]||"&amp;"};Handlebars.Utils={escapeExpression:function(c){return c instanceof Handlebars.SafeString?c.toString():c==null||c===!1?"":a.test(c)?c.replace(d,b):c},isEmpty:function(a){return typeof a=="undefined"?!0:a===null?!0:a===!1?!0:Object.prototype.toString.call(a)==="[object Array]"&&a.length===0?!0:!1}}})();
-"cb-color").addClass("cb-control").append("<label for='cb-sharpen'>Brightness</label>").append($("<div id='cb-brightness' class='cb-option'></div>").slider({value:0,step:10,min:-1E3,max:1E3,change:function(a,c){d.enhance.brightness({brightness:c.value})}})).append("<label for='cb-sharpen'>Contrast</label>").append($("<div id='cb-contrast' class='cb-option'></div>").slider({value:0,step:0.0010,min:0,max:1,change:function(a,c){d.enhance.brightness({contrast:c.value})}})).append("<label for='cb-sharpen'>Sharpen</label>").append($("<div id='cb-sharpen' class='cb-option'></div>").slider({value:0,
+Handlebars.VM={template:function(c){var d={escapeExpression:Handlebars.Utils.escapeExpression,invokePartial:Handlebars.VM.invokePartial,programs:[],program:function(a,b,c){var d=this.programs[a];return c?Handlebars.VM.program(b,c):d?d:(d=this.programs[a]=Handlebars.VM.program(b),d)},programWithDepth:Handlebars.VM.programWithDepth,noop:Handlebars.VM.noop};return function(a,b){return b=b||{},c.call(d,Handlebars,a,b.helpers,b.partials,b.data)}},programWithDepth:function(c,d,a){var b=Array.prototype.slice.call(arguments,
-step:0.0010,min:0,max:1,change:function(a,c){d.enhance.sharpen({amount:c.value})}})).append($(document.createElement("div")).addClass("cb-option").append("<input type='checkbox' id='cb-desaturate' /> <label for='cb-desaturate'>Desaturate</label>").append("<button id='cb-reset'>reset</button>")),navigation:{left:$(document.createElement("div")).addClass("cb-control cb-navigate cb-always-on left").click(function(){d.drawPrevPage()}),right:$(document.createElement("div")).addClass("cb-control cb-navigate cb-always-on right").click(function(){d.drawNextPage()})},
+2);return function(a,m){return m=m||{},c.apply(this,[a,m.data||d].concat(b))}},program:function(c,d){return function(a,b){return b=b||{},c(a,b.data||d)}},noop:function(){return""},invokePartial:function(c,d,a,b,h,m){b={helpers:b,partials:h,data:m};if(c===void 0)throw new Handlebars.Exception("The partial "+d+" could not be found");if(c instanceof Function)return c(a,b);if(!Handlebars.compile)throw new Handlebars.Exception("The partial "+d+" could not be compiled when running in runtime-only mode");
-loadingOverlay:$(document.createElement("div")).attr("id","cb-loading-overlay").addClass("cb-control")};ComicBook.prototype.renderControls=function(){$(p).before(this.getControl("loadingOverlay")).before(this.getControl("status")).after(this.getControl("toolbar")).after(this.getControl("navigation").left).after(this.getControl("navigation").right).after(this.getControl("color").hide());$(".cb-menu-button").click(function(){$(this).toggleClass("active")});$("#cb-desaturate").click(function(){$(this).is(":checked")?
+return h[d]=Handlebars.compile(c,{data:m!==void 0}),h[d](a,b)}};Handlebars.template=Handlebars.VM.template;function merge(c,d){var a;typeof d==="undefined"&&(d={});for(a in c)c.hasOwnProperty(a)&&!(a in d)&&(d[a]=c[a]);return d}var ComicBookException={INVALID_ACTION:"invalid action",INVALID_PAGE:"invalid page",INVALID_PAGE_TYPE:"invalid page type",UNDEFINED_CONTROL:"undefined control",INVALID_ZOOM_MODE:"invalid zoom mode",INVALID_NAVIGATION_EVENT:"invalid navigation event"};
-d.enhance.desaturate():d.enhance.resaturate()});$("#cb-reset").click(function(){$("#cb-brightness").slider("value",0);$("#cb-contrast").slider("value",0);$("#cb-saturation").slider("value",0);$("#cb-sharpen").slider("value",0);$("#cb-desaturate").attr("checked",!1);d.enhance.reset()})};ComicBook.prototype.getControl=function(a){if(typeof this.control[a]==="undefined")throw ComicBookException.UNDEFINED_CONTROL+" "+a;return this.control[a]};ComicBook.prototype.showControl=function(a){this.getControl(a).show().addClass("open")};
+function ComicBook(c,d,a){function b(){var a=window.innerHeight+1;t===!1&&(t=$(document.createElement("div")).attr("id","cb-width-shiv").css({width:"100%",position:"absolute",top:0,zIndex:"-1000"}),$("body").append(t));t.height(a);return t.innerWidth()}function h(){var a=m();a!==o&&u.indexOf(a)>-1&&(o=a,f.draw())}function m(){var a=parseInt(location.hash.substring(1),10)-1||0;if(a<0)a=location.hash=0;return a}function l(){q=document.getElementById(g);k=q.getContext("2d");r===!1&&(f.renderControls(),
-ComicBook.prototype.hideControl=function(a){this.getControl(a).removeClass("open").hide()};ComicBook.prototype.toggleControl=function(a){this.getControl(a).toggle().toggleClass("open")};ComicBook.prototype.toggleToolbar=function(){$("#cb-toolbar").is(":visible")?$(".cb-control").not(".cb-always-on").hide():$("#cb-toolbar, .cb-control.open").show()};ComicBook.prototype.toggleLayout=function(){c.displayMode==="double"?($("#cb-toolbar .cb-layout").removeClass("double"),c.displayMode="single"):($("#cb-toolbar .cb-layout").removeClass("single"),
+r=!0);window.addEventListener("keydown",f.navigation,!1);window.addEventListener("hashchange",h,!1)}var f=this,g=c;this.srcs=d;var e=merge({displayMode:"double",zoomMode:"fitWidth",manga:!1,enhance:{},keyboard:{next:78,previous:80,toolbar:84,toggleLayout:76}},a),x=d.length,p=[],q,k,u=[],v=1,s=!1,r=!1,n=!1,t=!1,c=m(),o=c<d.length?c:0;ComicBook.prototype.renderControls=function(){var a={};$.each(Handlebars.templates,function(b,c){var d=$(c().trim());a[b]=d;d.find("*").andSelf().filter("[data-action][data-trigger]").each(function(){var a=
-c.displayMode="double");$("#cb-toolbar .cb-layout").addClass(c.displayMode);d.drawPage()};ComicBook.prototype.getPage=function(a){if(a<0||a>f.length-1)throw ComicBookException.INVALID_PAGE+" "+a;if(typeof e[a]==="object")return e[a];else q=a,this.showControl("loadingOverlay")};ComicBook.prototype.draw=function(){l();$(".cb-control.cb-navigate").outerHeight(window.innerHeight);$("#cb-toolbar").outerWidth(b());$("#cb-loading-overlay").outerWidth(b()).height(window.innerHeight);e.length!==o?this.preload():
+$(this),b=a.data("trigger"),c=a.data("action");if(typeof f[a.data("action")]==="function")a.on(b,f[c]);a.on(b,function(a){$(f).trigger(b,a)})});$(q).before(d)});this.controls=a};ComicBook.prototype.getControl=function(a){if(typeof this.controls[a]!=="object")throw ComicBookException.UNDEFINED_CONTROL+" "+a;return this.controls[a]};ComicBook.prototype.showControl=function(a){this.getControl(a).show().addClass("open")};ComicBook.prototype.hideControl=function(a){this.getControl(a).removeClass("open").hide()};
-this.drawPage()};ComicBook.prototype.zoom=function(a){c.zoomMode="manual";t=a;typeof this.getPage(n)==="object"&&this.drawPage()};ComicBook.prototype.preload=function(){function a(b){var k=new Image;k.src=f[b];k.onload=function(){e[b]=this;s.push(b);$("#cb-progress-bar").progressbar("value",Math.floor(s.length/o*100));var k=c.displayMode==="double"&&n<f.length-1?1:0;if(g===!1&&$.inArray(n+k,s)!==-1||typeof q==="number"&&$.inArray(q,s)!==-1)typeof q==="number"&&(n=q-1,q=!1),d.drawPage(),d.hideControl("loadingOverlay"),
+ComicBook.prototype.toggleControl=function(a){this.getControl(a).toggle().toggleClass("open")};ComicBook.prototype.toggleLayout=function(){var a=f.getControl("toolbar").find("[data-action=toggleLayout]"),b=e.displayMode==="single"?"double":"single";a.removeClass(e.displayMode);a.addClass(b);e.displayMode=b;f.drawPage()};ComicBook.prototype.getPage=function(a){if(a<0||a>d.length-1)throw ComicBookException.INVALID_PAGE+" "+a;if(typeof p[a]==="object")return p[a];else n=a,this.showControl("loadingOverlay")};
-g=!0;h.length?(a(h[0]),h.splice(0,1)):$("#cb-status").delay(500).fadeOut()}}var b=n,g=!1,h=[];this.showControl("loadingOverlay");(function(c,d){for(var b=1,f=c,e=c-1;f<=d;)b>3&&e>-1?(h.push(e),e--,b=0):(h.push(f),f++),b++;for(;e>-1;)h.push(e),e--;a(h[0])})(b,f.length-1)};ComicBook.prototype.pageLoaded=function(a){return typeof s[a-1]!=="undefined"};ComicBook.prototype.drawPage=function(a,e){var g=(typeof e!=="undefined"?e:1)?0:window.scrollY;if(typeof a==="number"&&a<f.length&&a>0&&(n=a-1,!this.pageLoaded(a))){this.showControl("loadingOverlay");
+ComicBook.prototype.draw=function(){l();$(".navigate").outerHeight(window.innerHeight);$("#cb-loading-overlay").outerWidth(b()).height(window.innerHeight);p.length!==x?this.preload():this.drawPage()};ComicBook.prototype.zoom=function(a){e.zoomMode="manual";v=a;typeof this.getPage(o)==="object"&&this.drawPage()};ComicBook.prototype.zoomIn=function(){f.zoom(v+0.1)};ComicBook.prototype.zoomOut=function(){f.zoom(v-0.1)};ComicBook.prototype.fitWidth=function(){e.zoomMode="fitWidth";ComicBook.prototype.drawPage()};
-return}n<0&&(n=0);var h,l=0,q=0,m=d.getPage(n),o=!1;c.displayMode==="double"&&n<f.length-1&&(o=d.getPage(n+1));if(typeof m!=="object")throw ComicBookException.INVALID_PAGE_TYPE+" "+typeof m;var v=m.width;p.width=0;p.height=0;if(w=typeof o==="object"&&(m.width>m.height||o.width>o.height)&&c.displayMode==="double")c.displayMode="single";c.displayMode==="double"&&(v+=typeof o==="object"?o.width:v);switch(c.zoomMode){case "manual":document.body.style.overflowX="auto";h=c.displayMode==="double"?t*2:t;
+ComicBook.prototype.preload=function(){function a(b){var k=new Image;k.src=d[b];k.onload=function(){p[b]=this;u.push(b);$("#cb-progress-bar .progressbar-value").css("width",Math.floor(u.length/x*100)+"%");var k=e.displayMode==="double"&&o<d.length-1?1:0;if(c===!1&&$.inArray(o+k,u)!==-1||typeof n==="number"&&$.inArray(n,u)!==-1)typeof n==="number"&&(o=n-1,n=!1),f.drawPage(),f.hideControl("loadingOverlay"),c=!0;g.length?(a(g[0]),g.splice(0,1)):$("#cb-status").delay(500).fadeOut()}}var b=o,c=!1,g=[];
-break;case "fitWidth":document.body.style.overflowX="hidden";t=h=b()>v?(b()-v)/b()+1:b()/v;break;default:throw ComicBookException.INVALID_ZOOM_MODE+" "+c.zoomMode;}var v=m.width*h,r=m.height*h;h=c.zoomMode==="manual"?m.width*t:v;var s=c.zoomMode==="manual"?m.height*t:r,r=s;p.width=v<b()?b():v;p.height=r<window.innerHeight?window.innerHeight:r;v<b()&&c.zoomMode==="manual"&&(l=(b()-h)/2,c.displayMode==="double"&&(l-=h/2));r<window.innerHeight&&c.zoomMode==="manual"&&(q=(window.innerHeight-s)/2);c.manga&&
+this.showControl("loadingOverlay");(function(b,c){for(var d=1,f=b,e=b-1;f<=c;)d>3&&e>-1?(g.push(e),e--,d=0):(g.push(f),f++),d++;for(;e>-1;)g.push(e),e--;a(g[0])})(b,d.length-1)};ComicBook.prototype.pageLoaded=function(a){return typeof u[a-1]!=="undefined"};ComicBook.prototype.drawPage=function(a,c){var g=(typeof c!=="undefined"?c:1)?0:window.scrollY;if(typeof a==="number"&&a<d.length&&a>0&&(o=a-1,!this.pageLoaded(a))){this.showControl("loadingOverlay");return}o<0&&(o=0);var h,l=0,p=0,n=f.getPage(o),
-c.displayMode==="double"&&typeof o==="object"&&(v=m,m=o,o=v);u.drawImage(m,l,q,h,s);c.displayMode==="double"&&typeof o==="object"&&u.drawImage(o,h+l,q,h,s);$.each(c.enhance,function(a,c){d.enhance[a](c)});l=c.displayMode==="double"&&n+2<=f.length?n+1+"-"+(n+2):n+1;$("#cb-current-page").text(l);if(w)c.displayMode="double";$("button.cb-fit-width").attr("disabled",c.zoomMode==="fitWidth");$(".cb-navigate").show();n===0&&($(".cb-navigate.left").hide(),$(".cb-navigate.right").show());if(n===f.length-1||
+r=!1;e.displayMode==="double"&&o<d.length-1&&(r=f.getPage(o+1));if(typeof n!=="object")throw ComicBookException.INVALID_PAGE_TYPE+" "+typeof n;var w=n.width;q.width=0;q.height=0;if(s=typeof r==="object"&&(n.width>n.height||r.width>r.height)&&e.displayMode==="double")e.displayMode="single";e.displayMode==="double"&&(w+=typeof r==="object"?r.width:w);switch(e.zoomMode){case "manual":document.body.style.overflowX="auto";h=e.displayMode==="double"?v*2:v;break;case "fitWidth":document.body.style.overflowX=
-typeof o==="object"&&n===f.length-2)$(".cb-navigate.left").show(),$(".cb-navigate.right").hide();typeof c.afterDrawPage==="function"&&c.afterDrawPage(n+1);if(k()!==n)location.hash=n+1;window.scroll(0,g)};ComicBook.prototype.drawNextPage=function(){var a;try{a=this.getPage(n+1)}catch(b){}if(!a)return!1;if(n+1<e.length){n+=c.displayMode==="single"||w?1:2;try{this.drawPage()}catch(d){}}};ComicBook.prototype.drawPrevPage=function(){var a;try{a=this.getPage(n-1)}catch(b){}if(!a)return!1;w=a.width>a.height;
+"hidden";v=h=b()>w?(b()-w)/b()+1:b()/w;break;default:throw ComicBookException.INVALID_ZOOM_MODE+" "+e.zoomMode;}var w=n.width*h,t=n.height*h;h=e.zoomMode==="manual"?n.width*v:w;var u=e.zoomMode==="manual"?n.height*v:t,t=u;q.width=w<b()?b():w;q.height=t<window.innerHeight?window.innerHeight:t;w<b()&&e.zoomMode==="manual"&&(l=(b()-h)/2,e.displayMode==="double"&&(l-=h/2));t<window.innerHeight&&e.zoomMode==="manual"&&(p=(window.innerHeight-u)/2);e.manga&&e.displayMode==="double"&&typeof r==="object"&&
-n>0&&(n-=c.displayMode==="single"||w?1:2,this.drawPage())};ComicBook.prototype.enhance={reset:function(a){a?delete c.enhance[a]:c.enhance={};d.drawPage(null,!1)},brightness:function(a,b){b!==!1&&this.reset("brightness");var d=merge({brightness:0,contrast:0},a);c.enhance.brightness=d;Pixastic.process(p,"brightness",{brightness:d.brightness,contrast:d.contrast,legacy:!0});l()},desaturate:function(){c.enhance.desaturate={};Pixastic.process(p,"desaturate",{average:!1});l()},resaturate:function(){delete c.enhance.desaturate;
+(w=n,n=r,r=w);k.drawImage(n,l,p,h,u);e.displayMode==="double"&&typeof r==="object"&&k.drawImage(r,h+l,p,h,u);$.each(e.enhance,function(a,b){f.enhance[a](b)});l=e.displayMode==="double"&&o+2<=d.length?o+1+"-"+(o+2):o+1;this.getControl("toolbar").find("#current-page").text(l).end().find("#page-count").text(d.length);if(s)e.displayMode="double";$("button.cb-fit-width").attr("disabled",e.zoomMode==="fitWidth");$(".navigate").show();o===0&&($(".navigate-left").hide(),$(".navigate-right").show());if(o===
-d.drawPage(null,!1)},sharpen:function(a){this.desharpen();a=merge({amount:0},a);c.enhance.sharpen=a;Pixastic.process(p,"sharpen",{amount:a.amount});l()},desharpen:function(){delete c.enhance.sharpen;d.drawPage(null,!1)}};ComicBook.prototype.navigation=function(a){if($("#cb-loading-overlay").is(":visible"))return!1;var b=!1;switch(a.type){case "click":d.toggleToolbar();break;case "keydown":a.keyCode===c.keyboard.previous&&(b="left");a.keyCode===c.keyboard.next&&(b="right");a.keyCode===c.keyboard.toolbar&&
+d.length-1||typeof r==="object"&&o===d.length-2)$(".navigate-left").show(),$(".navigate-right").hide();$(this).trigger("navigate");if(m()!==o)location.hash=o+1;window.scroll(0,g)};ComicBook.prototype.drawNextPage=function(){var a;try{a=f.getPage(o+1)}catch(b){}if(!a)return!1;if(o+1<p.length){o+=e.displayMode==="single"||s?1:2;try{f.drawPage()}catch(c){}}};ComicBook.prototype.drawPrevPage=function(){var a;try{a=f.getPage(o-1)}catch(b){}if(!a)return!1;s=a.width>a.height;o>0&&(o-=e.displayMode==="single"||
-d.toggleToolbar();a.keyCode===c.keyboard.toggleLayout&&d.toggleLayout();break;default:throw ComicBookException.INVALID_NAVIGATION_EVENT+" "+a.type;}if(b)return a.stopPropagation(),c.manga?(b==="left"&&d.drawNextPage(),b==="right"&&d.drawPrevPage()):(b==="left"&&d.drawPrevPage(),b==="right"&&d.drawNextPage()),!1};ComicBook.prototype.destroy=function(){$("#cb-loading-overlay, #cb-status, #cb-color, .cb-control, .cb-toolbar, #cb-width-shiv").remove();p.width=0;p.height=0;window.removeEventListener("keydown",
+s?1:2,f.drawPage())};ComicBook.prototype.brightness=function(){f.enhance.brightness({brightness:$(this).val()})};ComicBook.prototype.contrast=function(){f.enhance.brightness({contrast:$(this).val()})};ComicBook.prototype.sharpen=function(){f.enhance.sharpen({amount:$(this).val()})};ComicBook.prototype.desaturate=function(){$(this).is(":checked")?f.enhance.desaturate():f.enhance.resaturate()};ComicBook.prototype.resetEnhancements=function(){f.enhance.reset()};ComicBook.prototype.enhance={reset:function(a){a?
-d.navigation,!1);window.removeEventListener("hashchange",m,!1);location.hash="";$(this).trigger("destroy")}};
+delete e.enhance[a]:e.enhance={};f.drawPage(null,!1)},brightness:function(a,b){b!==!1&&this.reset("brightness");var c=merge({brightness:0,contrast:0},a);e.enhance.brightness=c;Pixastic.process(q,"brightness",{brightness:c.brightness,contrast:c.contrast,legacy:!0});l()},desaturate:function(){e.enhance.desaturate={};Pixastic.process(q,"desaturate",{average:!1});l()},resaturate:function(){delete e.enhance.desaturate;f.drawPage(null,!1)},sharpen:function(a){this.desharpen();a=merge({amount:0},a);e.enhance.sharpen=
+a;Pixastic.process(q,"sharpen",{amount:a.amount});l()},desharpen:function(){delete e.enhance.sharpen;f.drawPage(null,!1)}};ComicBook.prototype.navigation=function(a){if($("#cb-loading-overlay").is(":visible"))return!1;var b=!1;switch(a.type){case "keydown":a.keyCode===e.keyboard.previous&&(b="left");a.keyCode===e.keyboard.next&&(b="right");a.keyCode===e.keyboard.toolbar&&f.toggleToolbar();a.keyCode===e.keyboard.toggleLayout&&f.toggleLayout();break;default:throw ComicBookException.INVALID_NAVIGATION_EVENT+
+" "+a.type;}if(b)return a.stopPropagation(),e.manga?(b==="left"&&f.drawNextPage(),b==="right"&&f.drawPrevPage()):(b==="left"&&f.drawPrevPage(),b==="right"&&f.drawNextPage()),!1};ComicBook.prototype.destroy=function(){$("#cb-loading-overlay, #cb-status, #cb-color, .cb-control, .cb-toolbar, #cb-width-shiv").remove();q.width=0;q.height=0;window.removeEventListener("keydown",f.navigation,!1);window.removeEventListener("hashchange",h,!1);location.hash="";$(this).trigger("destroy")}};

lib/templates.js

@@ -0,0 +1,43 @@
+(function() {
+  var template = Handlebars.template, templates = Handlebars.templates = Handlebars.templates || {};
+templates['loadingOverlay'] = template(function (Handlebars,depth0,helpers,partials,data) {
+  this.compilerInfo = [2,'>= 1.0.0-rc.3'];
+helpers = helpers || Handlebars.helpers; data = data || {};
+  
+
+
+  return "\n<div id=\"cb-loading-overlay\" class=\"cb-control\"></div>\n";
+  });
+templates['navigateLeft'] = template(function (Handlebars,depth0,helpers,partials,data) {
+  this.compilerInfo = [2,'>= 1.0.0-rc.3'];
+helpers = helpers || Handlebars.helpers; data = data || {};
+  
+
+
+  return "\n<div data-trigger=\"click\" data-action=\"drawPrevPage\" class=\"cb-control navigate navigate-left\"></div>\n";
+  });
+templates['navigateRight'] = template(function (Handlebars,depth0,helpers,partials,data) {
+  this.compilerInfo = [2,'>= 1.0.0-rc.3'];
+helpers = helpers || Handlebars.helpers; data = data || {};
+  
+
+
+  return "\n<div data-trigger=\"click\" data-action=\"drawNextPage\" class=\"cb-control navigate navigate-right\"></div>\n";
+  });
+templates['progressbar'] = template(function (Handlebars,depth0,helpers,partials,data) {
+  this.compilerInfo = [2,'>= 1.0.0-rc.3'];
+helpers = helpers || Handlebars.helpers; data = data || {};
+  
+
+
+  return "<div id=\"cb-status\" class=\"cb-control\">\n	<div id=\"cb-progress-bar\">\n		<div class=\"progressbar-value\"></div>\n	</div>\n</div>\n";
+  });
+templates['toolbar'] = template(function (Handlebars,depth0,helpers,partials,data) {
+  this.compilerInfo = [2,'>= 1.0.0-rc.3'];
+helpers = helpers || Handlebars.helpers; data = data || {};
+  
+
+
+  return "\n<div class=\"toolbar\">\n\n	<ul class=\"pull-left\">\n		<li>\n			<button data-trigger=\"click\" data-action=\"close\" title=\"close\" class=\"icon-remove-sign\"></button>\n		</li>\n		<li class=\"separator\"></li>\n		<li>\n			<button title=\"image settings\" class=\"icon-settings\"></button>\n			<div class=\"dropdown\">\n				<form name=\"image-enhancements\" data-trigger=\"reset\" data-action=\"resetEnhancements\">\n					<div class=\"sliders\">\n						<div class=\"control-group\">\n							<label title=\"adjust brightness\" class=\"icon-sun\"></label>\n							<input data-trigger=\"change\" data-action=\"brightness\" type=\"range\" min=\"-100\" max=\"100\" step=\"1\" value=\"0\">\n						</div>\n						<div class=\"control-group\">\n							<label title=\"adjust contrast\" class=\"icon-adjust\"></label>\n							<input data-trigger=\"change\" data-action=\"contrast\" type=\"range\" min=\"-1\" max=\"1\" step=\"0.1\" value=\"0\">\n						</div>\n						<div class=\"control-group\">\n							<label title=\"sharpen\" class=\"icon-droplet\"></label>\n							<input data-trigger=\"change\" data-action=\"sharpen\" type=\"range\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0\">\n						</div>\n					</div>\n					<div class=\"control-group pull-left\">\n						<input id=\"image-desaturate\" type=\"checkbox\" data-trigger=\"change\" data-action=\"desaturate\">\n						<label for=\"image-desaturate\">desaturate</label>\n					</div>\n					<div class=\"control-group pull-right\">\n						<input type=\"reset\" value=\"reset\">\n					</div>\n				</form>\n			</div>\n		</li>\n		<li>\n			<button data-trigger=\"click\" data-action=\"toggleLayout\" title=\"toggle one/two pages at a time\" class=\"icon-file\"></button>\n		</li>\n		<li>\n			<button data-trigger=\"click\" data-action=\"zoomOut\" title=\"zoom out\" class=\"icon-zoom-out\"></button>\n		</li>\n		<li>\n			<button data-trigger=\"click\" data-action=\"zoomIn\" title=\"zoom in\" class=\"icon-zoom-in\"></button>\n		</li>\n		<li>\n			<button data-trigger=\"click\" data-action=\"fitWidth\" title=\"fit page to window width\" class=\"icon-expand\"></button>\n		</li>\n	</ul>\n\n	<ul class=\"pull-right\">\n		<li><span id=\"current-page\"></span> / <span id=\"page-count\"></span></li>\n	</ul>\n\n</div>\n";
+  });
+})();

lib/vendor/handlebars.runtime-1.0.rc.1.min.js

@@ -0,0 +1,2 @@
+// lib/handlebars/base.js
+/*jshint eqnull:true*/this.Handlebars={},function(e){e.VERSION="1.0.rc.1",e.helpers={},e.partials={},e.registerHelper=function(e,t,n){n&&(t.not=n),this.helpers[e]=t},e.registerPartial=function(e,t){this.partials[e]=t},e.registerHelper("helperMissing",function(e){if(arguments.length===2)return undefined;throw new Error("Could not find property '"+e+"'")});var t=Object.prototype.toString,n="[object Function]";e.registerHelper("blockHelperMissing",function(r,i){var s=i.inverse||function(){},o=i.fn,u="",a=t.call(r);return a===n&&(r=r.call(this)),r===!0?o(this):r===!1||r==null?s(this):a==="[object Array]"?r.length>0?e.helpers.each(r,i):s(this):o(r)}),e.K=function(){},e.createFrame=Object.create||function(t){e.K.prototype=t;var n=new e.K;return e.K.prototype=null,n},e.registerHelper("each",function(t,n){var r=n.fn,i=n.inverse,s=0,o="",u;n.data&&(u=e.createFrame(n.data));if(t&&typeof t=="object")if(t instanceof Array)for(var a=t.length;s<a;s++)u&&(u.index=s),o+=r(t[s],{data:u});else for(var f in t)t.hasOwnProperty(f)&&(u&&(u.key=f),o+=r(t[f],{data:u}),s++);return s===0&&(o=i(this)),o}),e.registerHelper("if",function(r,i){var s=t.call(r);return s===n&&(r=r.call(this)),!r||e.Utils.isEmpty(r)?i.inverse(this):i.fn(this)}),e.registerHelper("unless",function(t,n){var r=n.fn,i=n.inverse;return n.fn=i,n.inverse=r,e.helpers["if"].call(this,t,n)}),e.registerHelper("with",function(e,t){return t.fn(e)}),e.registerHelper("log",function(t){e.log(t)})}(this.Handlebars);var errorProps=["description","fileName","lineNumber","message","name","number","stack"];Handlebars.Exception=function(e){var t=Error.prototype.constructor.apply(this,arguments);for(var n=0;n<errorProps.length;n++)this[errorProps[n]]=t[errorProps[n]]},Handlebars.Exception.prototype=new Error,Handlebars.SafeString=function(e){this.string=e},Handlebars.SafeString.prototype.toString=function(){return this.string.toString()},function(){var e={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#x27;","`":"&#x60;"},t=/[&<>"'`]/g,n=/[&<>"'`]/,r=function(t){return e[t]||"&amp;"};Handlebars.Utils={escapeExpression:function(e){return e instanceof Handlebars.SafeString?e.toString():e==null||e===!1?"":n.test(e)?e.replace(t,r):e},isEmpty:function(e){return typeof e=="undefined"?!0:e===null?!0:e===!1?!0:Object.prototype.toString.call(e)==="[object Array]"&&e.length===0?!0:!1}}}(),Handlebars.VM={template:function(e){var t={escapeExpression:Handlebars.Utils.escapeExpression,invokePartial:Handlebars.VM.invokePartial,programs:[],program:function(e,t,n){var r=this.programs[e];return n?Handlebars.VM.program(t,n):r?r:(r=this.programs[e]=Handlebars.VM.program(t),r)},programWithDepth:Handlebars.VM.programWithDepth,noop:Handlebars.VM.noop};return function(n,r){return r=r||{},e.call(t,Handlebars,n,r.helpers,r.partials,r.data)}},programWithDepth:function(e,t,n){var r=Array.prototype.slice.call(arguments,2);return function(n,i){return i=i||{},e.apply(this,[n,i.data||t].concat(r))}},program:function(e,t){return function(n,r){return r=r||{},e(n,r.data||t)}},noop:function(){return""},invokePartial:function(e,t,n,r,i,s){var o={helpers:r,partials:i,data:s};if(e===undefined)throw new Handlebars.Exception("The partial "+t+" could not be found");if(e instanceof Function)return e(n,o);if(!Handlebars.compile)throw new Handlebars.Exception("The partial "+t+" could not be compiled when running in runtime-only mode");return i[t]=Handlebars.compile(e,{data:s!==undefined}),i[t](n,o)}},Handlebars.template=Handlebars.VM.template;

templates/loadingOverlay.handlebars

@@ -0,0 +1,2 @@
+
+<div id="cb-loading-overlay" class="cb-control"></div>

templates/navigateLeft.handlebars

@@ -0,0 +1,2 @@
+
+<div data-trigger="click" data-action="drawPrevPage" class="cb-control navigate navigate-left"></div>

templates/navigateRight.handlebars

@@ -0,0 +1,2 @@
+
+<div data-trigger="click" data-action="drawNextPage" class="cb-control navigate navigate-right"></div>

templates/progressbar.handlebars

@@ -0,0 +1,5 @@
+<div id="cb-status" class="cb-control">
+	<div id="cb-progress-bar">
+		<div class="progressbar-value"></div>
+	</div>
+</div>

templates/toolbar.handlebars

@@ -0,0 +1,55 @@
+
+<div class="toolbar">
+
+	<ul class="pull-left">
+		<li>
+			<button data-trigger="click" data-action="close" title="close" class="icon-remove-sign"></button>
+		</li>
+		<li class="separator"></li>
+		<li>
+			<button title="image settings" class="icon-settings"></button>
+			<div class="dropdown">
+				<form name="image-enhancements" data-trigger="reset" data-action="resetEnhancements">
+					<div class="sliders">
+						<div class="control-group">
+							<label title="adjust brightness" class="icon-sun"></label>
+							<input data-trigger="change" data-action="brightness" type="range" min="-100" max="100" step="1" value="0">
+						</div>
+						<div class="control-group">
+							<label title="adjust contrast" class="icon-adjust"></label>
+							<input data-trigger="change" data-action="contrast" type="range" min="-1" max="1" step="0.1" value="0">
+						</div>
+						<div class="control-group">
+							<label title="sharpen" class="icon-droplet"></label>
+							<input data-trigger="change" data-action="sharpen" type="range" min="0" max="1" step="0.1" value="0">
+						</div>
+					</div>
+					<div class="control-group pull-left">
+						<input id="image-desaturate" type="checkbox" data-trigger="change" data-action="desaturate">
+						<label for="image-desaturate">desaturate</label>
+					</div>
+					<div class="control-group pull-right">
+						<input type="reset" value="reset">
+					</div>
+				</form>
+			</div>
+		</li>
+		<li>
+			<button data-trigger="click" data-action="toggleLayout" title="toggle one/two pages at a time" class="icon-file"></button>
+		</li>
+		<li>
+			<button data-trigger="click" data-action="zoomOut" title="zoom out" class="icon-zoom-out"></button>
+		</li>
+		<li>
+			<button data-trigger="click" data-action="zoomIn" title="zoom in" class="icon-zoom-in"></button>
+		</li>
+		<li>
+			<button data-trigger="click" data-action="fitWidth" title="fit page to window width" class="icon-expand"></button>
+		</li>
+	</ul>
+
+	<ul class="pull-right">
+		<li><span id="current-page"></span> / <span id="page-count"></span></li>
+	</ul>
+
+</div>