diff --git a/build/application.js b/doc/application.js
similarity index 100%
rename from build/application.js
rename to doc/application.js
diff --git a/doc/assets/fonts/computerfont-webfont.eot b/doc/assets/fonts/computerfont-webfont.eot
new file mode 100644
index 0000000..6812a3d
Binary files /dev/null and b/doc/assets/fonts/computerfont-webfont.eot differ
diff --git a/doc/assets/fonts/computerfont-webfont.ttf b/doc/assets/fonts/computerfont-webfont.ttf
new file mode 100644
index 0000000..fb2eb2a
Binary files /dev/null and b/doc/assets/fonts/computerfont-webfont.ttf differ
diff --git a/doc/assets/fonts/computerfont-webfont.woff b/doc/assets/fonts/computerfont-webfont.woff
new file mode 100644
index 0000000..8f132e4
Binary files /dev/null and b/doc/assets/fonts/computerfont-webfont.woff differ
diff --git a/doc/assets/fonts/computerfont-webfont.woff2 b/doc/assets/fonts/computerfont-webfont.woff2
new file mode 100644
index 0000000..2d078ea
Binary files /dev/null and b/doc/assets/fonts/computerfont-webfont.woff2 differ
diff --git a/doc/assets/images/knob.svg b/doc/assets/images/knob.svg
new file mode 100644
index 0000000..9723ee8
--- /dev/null
+++ b/doc/assets/images/knob.svg
@@ -0,0 +1,26 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg id="svg3045" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns="http://www.w3.org/2000/svg" height="41.6282" width="35.4574" version="1.1" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/">
+<defs id="defs3047">
+<linearGradient id="linearGradient3876-1" y2="433.214" gradientUnits="userSpaceOnUse" x2="55.9482" y1="446.383" x1="54.6245">
+<stop id="stop3858-3" style="stop-color:#292929;" offset="0"/>
+<stop id="stop3860-7" style="stop-color:#818181;" offset="1"/>
+</linearGradient>
+</defs>
+<metadata id="metadata3050">
+<rdf:RDF>
+<cc:Work rdf:about="">
+<dc:format>image/svg+xml</dc:format>
+<dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/>
+<dc:title/>
+</cc:Work>
+</rdf:RDF>
+</metadata>
+<g id="layer1" transform="translate(-357.27623,-511.53483)">
+<g id="g3880-2" transform="matrix(1.1757515,0,0,1.1757515,316.05209,-665.34061)">
+<path id="path3878-9" d="m38.4489,447.296-3.38695,16.3264,14.7578,0.37693,13.6797-16.0599z" style="fill-opacity:0.48557691;fill:#000000;" transform="translate(0,572.36218)"/>
+<path id="path3868-9" d="m44.3678,450.106,13.716,1.60993s6.31345-2.08344,6.37659-10.6066c0.06314-8.52317-7.57614-11.743-7.57614-11.743l-11.8693,1.32583z" style="stroke-linejoin:miter;stroke:#000000;stroke-linecap:butt;stroke-miterlimit:4;stroke-dasharray:none;stroke-width:1.5;fill:url(#linearGradient3876-1);" transform="translate(0,572.36218)"/>
+<path id="path3866-4" d="m55,443.214c0,5.7201-4.63705,10.3572-10.3571,10.3572-5.72009,0-10.3571-4.63705-10.3571-10.3572,0-5.72009,4.63705-10.3571,10.3571-10.3571,5.72009,0,10.3571,4.63705,10.3571,10.3571z" style="fill-rule:nonzero;stroke:#000000;stroke-dasharray:none;stroke-miterlimit:4;stroke-width:1.61838305;fill:#666666;" transform="matrix(0.92685102,0,0,0.92685102,4.0844701,602.0303)"/>
+</g>
+</g>
+</svg>
diff --git a/doc/assets/images/scanline.svg b/doc/assets/images/scanline.svg
new file mode 100644
index 0000000..73cfb81
--- /dev/null
+++ b/doc/assets/images/scanline.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg id="svg2985" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns="http://www.w3.org/2000/svg" height="200" width="2000" version="1.1" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/">
+<metadata id="metadata2995">
+<rdf:RDF>
+<cc:Work rdf:about="">
+<dc:format>image/svg+xml</dc:format>
+<dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/>
+<dc:title/>
+</cc:Work>
+</rdf:RDF>
+</metadata>
+<path id="path2989" d="M2000,0,0,200" style="stroke:#009F00;stroke-opacity:0.264;stroke-width:5;fill:none;"/>
+</svg>
diff --git a/doc/assets/images/screen.svg b/doc/assets/images/screen.svg
new file mode 100644
index 0000000..26c66b9
--- /dev/null
+++ b/doc/assets/images/screen.svg
@@ -0,0 +1,42 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg id="svg2" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns="http://www.w3.org/2000/svg" height="511.58" width="678.37" version="1.1" xmlns:cc="http://creativecommons.org/ns#" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:dc="http://purl.org/dc/elements/1.1/">
+<defs id="defs4">
+<radialGradient id="radialGradient3035" gradientUnits="userSpaceOnUse" cy="109.274" cx="114.652" gradientTransform="matrix(1.0869369,0,0,1.0869369,-36.628289,-54.662473)" r="58.5635">
+<stop id="stop3771" style="stop-color:#ffffff;stop-opacity:0.69166666;" offset="0"/>
+<stop id="stop3777" style="stop-color:#ffffff;stop-opacity:0;" offset="0.8"/>
+<stop id="stop3773" style="stop-color:#ffffff;stop-opacity:0;" offset="1"/>
+</radialGradient>
+<linearGradient id="linearGradient3039" y2="828.784" gradientUnits="userSpaceOnUse" x2="297.107" gradientTransform="matrix(0.94991137,0,0,0.96268412,34.898346,-530.521)" y1="807.356" x1="282.177">
+<stop id="stop3858" style="stop-color:#292929;" offset="0"/>
+<stop id="stop3860" style="stop-color:#818181;" offset="1"/>
+</linearGradient>
+</defs>
+<metadata id="metadata7">
+<rdf:RDF>
+<cc:Work rdf:about="">
+<dc:format>image/svg+xml</dc:format>
+<dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/>
+<dc:title/>
+</cc:Work>
+</rdf:RDF>
+</metadata>
+<path id="path3794" style="fill:#000000;fill-opacity:0.35096154;" d="m341.253,471.397c-98.9819,0.011-282.74-10.5108-296.872,6.59717-22.7902,27.5881-50.9781,33.5856,295.073,32.3861,386.832-1.34084,327.793-8.70331,301.67-32.3861-18.8615-17.0999-199.89-6.60827-299.871-6.59717z"/>
+<path id="path4066-6" style="fill:#000000;" d="m636.544,475.602s-3.07386,18.1759-6.41501,21.116c-3.34115,2.9402-31.4068,2.53926-33.5452,0.13364-2.1375-2.4054-4.40895-21.7844-4.40895-21.7844z"/>
+<path id="path4066" style="fill:#000000;" d="m43.9579,475.602s3.07386,18.1759,6.41501,21.116c3.34115,2.9402,31.4068,2.53926,33.5452,0.13364,2.13834-2.40563,4.41032-21.7843,4.41032-21.7843z"/>
+<g id="g3191" transform="matrix(0.95,0,0,0.95,34.869985,26.952173)">
+<rect id="rect3044-0-6-5-0" style="fill:#9966cc;fill-rule:nonzero;" height="6.06682" width="32.286" y="456.208" x="-8.37046"/>
+<rect id="rect3044-0-6-5" style="fill:#ff0000;fill-rule:nonzero;" height="6.06682" width="32.286" y="450.158" x="-8.37046"/>
+<rect id="rect3044-0-6" style="fill:#ff9900;fill-rule:nonzero;" height="6.34818" width="32.286" y="443.828" x="-8.37046"/>
+<rect id="rect3044-0" style="fill:#ffff07;fill-rule:nonzero;" height="6.64713" width="32.286" y="437.198" x="-8.37046"/>
+<rect id="rect3044" style="fill:#39ce08;fill-rule:nonzero;" height="7.59672" width="32.286" y="429.637" x="-8.37046"/>
+<rect id="rect3044-0-6-5-0-7" style="fill:#6699cc;fill-rule:nonzero;" height="7.034" width="32.286" y="462.274" x="-8.37046"/>
+</g>
+<path id="rect3924-6" style="fill-rule:nonzero;stroke:#a19f6a;stroke-dasharray:none;stroke-miterlimit:4;stroke-width:2;fill:#e3e2b4;" d="m39.059,23.8029c-23.3755,23.3755-28.3299,436.778-14.2785,450.829,14.3422,14.3422,621.683,8.3239,629.991,0.0161,12.9856-12.9856,5.9755-431.099-12.6996-448.955-18.677-17.8562-588.975-15.9277-603.013-1.8896zm292.36,2.28836c92.15,0.111261,277.638,7.25929,284.079,13.6562,6.44229,6.39699,15.0012,120.336,15.1109,185.191,0.10985,64.8535-5.48939,192.25-15.8531,202.646-10.3637,10.3967-183.167,16.6254-275.173,16.7141-92.0066,0.0893-268.232-8.3695-275.916-16.2393-7.68426-7.8698-15.8567-133.677-15.8235-198.729,0.03335-65.0503,8.10948-182.824,15.3485-190.238,7.2387-7.4118,176.076-13.1126,268.226-13.0014zm-287.85,409.807c1.13402,0,4.33438,7.74844,4.33438,7.74844s-3.21961,1.98955-3.88906,7.06562c-0.340184,2.57941,0.460771,6.61982,4.15625,8.90625,2.6063,1.61254,5.52188,1.06875,5.52188,1.06875s3.86527,8.65492,2.73125,9.41094c-1.13402,0.75601-11.5484-6.23437-11.5484-6.23437s-9.05672,9.08234-10.5688,7.57031c-1.51203-1.51203,2.25625-13.2406,2.25625-13.2406s-9.45446-6.61147-8.69844-8.3125c0.756016-1.70104,10.5984-2.46406,10.5984-2.46406s3.97223-11.5188,5.10625-11.5188z"/>
+<path id="rect2996-9" style="fill:url(#linearGradient3039);fill-rule:evenodd;" d="M331.401,28.0715c-92.15-0.1101-260.962,5.5696-268.202,12.906-7.2391,7.3364-15.3434,123.89-15.3767,188.266-0.0333,64.3745,8.16734,188.901,15.8516,196.688,7.6843,7.78761,183.883,16.1223,275.89,16.0347,92.0066-0.0875,264.844-6.22741,275.207-16.516,10.3637-10.2886,15.9318-136.39,15.8219-200.569-0.1102-64.1801-8.6374-176.912-15.0803-183.242-6.44195-6.33052-191.962-13.4578-284.113-13.5678zm-10.6866,7.22013c0.80439-0.0039,1.60009,0.0039,2.40447,0,73.1777,0.350179,146.403,2.25359,219.459,6.61845,18.5294,1.50672,37.2713,1.80881,55.5104,5.14434,7.14023,1.01798,7.9738,9.40369,9.20227,15.2826,8.14475,60.5085,11.2948,121.963,10.8052,183.12-1.26455,49.4446-2.13957,99.161-9.02417,148.163-1.79851,7.89513-1.47172,17.2811-7.15401,23.5556-6.09743,4.35972-14.176,4.27992-21.2839,5.92651-41.43,5.16643-83.348,6.42553-125.062,8.36335-104.228,4.13326-208.664,2.3531-312.729-4.72319-20.3587-1.86072-40.9944-2.49036-60.9724-6.61845-6.08932-0.82976-8.47764-6.77587-9.52878-12.214-6.32301-38.6327-8.53888-78.1062-10.5378-117.296-3.40613-70.2316-0.74727-140.724,6.94621-210.587,1.90095-10.2801,1.33247-21.5867,6.64943-30.836,5.8729-4.84937,14.6109-4.44134,21.937-5.44521,74.1754-6.60184,148.89-7.59943,223.377-8.45358z"/>
+<path id="rect2996" style="stroke:#ffffff;stroke-width:4.87789726;stroke-miterlimit:4;fill:none;" d="m63.1787,39.0974c7.239-7.41342,176.072-13.1317,268.223-13.0204,92.15,0.111261,277.654,7.30091,284.096,13.698,6.44229,6.39699,14.9861,120.304,15.0959,185.158,0.10985,64.8533-5.46891,192.274-15.8326,202.671-10.3636,10.3958-183.196,16.6164-275.203,16.7048-92.0066,0.0893-268.213-8.3448-275.899-16.2136-7.68464-7.8679-15.8662-133.688-15.833-198.739,0.03335-65.0512,8.11386-182.844,15.3529-190.257z"/>
+<path id="path2999" style="fill:url(#radialGradient3035);" d="m144.889,42.2634c-0.9899,0.12654-2.05865,0.180785-3.2053,0.14839-34.0678-0.959595-61.899,8.63911-61.899,8.63911s-11.1948,35.2616-12.7655,70.3c6.54046,2.3978,13.5877,3.7107,20.9593,3.7107,33.6549,0,60.948-27.2934,60.948-60.9482,0-7.70146-1.42975-15.0664-4.0375-21.85z"/>
+<text id="text4023" y="477.56558" x="72.292763" style="font-size:9.5px;font-weight:normal;letter-spacing:0px;font-style:normal;word-spacing:0px;font-family:Sans;line-height:125%;fill:#818050;" xml:space="preserve"><tspan id="tspan4025" y="477.56558" x="72.292763" style="font-size:10.44999981px;">contrast</tspan></text>
+<path id="path3042-9" style="stroke-linejoin:miter;stroke:#ffffff;stroke-width:0.94999999px;stroke-linecap:butt;fill:none;" d="m38.5189,447.429s3.96908-11.5292,5.10311-11.5292c1.13402,0,4.34709,7.74915,4.34709,7.74915s-3.22134,1.98587-3.89079,7.06193c-0.340183,2.57942,0.451142,6.62722,4.14662,8.91365,2.6063,1.61254,5.52501,1.07867,5.52501,1.07867s3.85837,8.65028,2.72434,9.4063c-1.13402,0.75601-11.5292-6.23713-11.5292-6.23713s-9.07219,9.07219-10.5842,7.56016c-1.51203-1.51203,2.26805-13.2303,2.26805-13.2303s-9.4502-6.61513-8.69418-8.31617c0.756016-1.70104,10.5842-2.45705,10.5842-2.45705z"/>
+<path id="path4021" style="stroke-linejoin:miter;stroke-opacity:0.49803922;stroke:#ffffff;stroke-linecap:butt;stroke-width:0.94999999px;fill:none;" d="m41.2016,443.828s-0.189003,5.1031-1.60654,5.3866c-1.41753,0.28351-8.00406,0.21199-8.59968,1.70104-0.567011,1.41752,7.74916,5.67012,7.74916,6.42613,0,0.75602-2.17354,7.46566-2.17354,7.46566"/>
+</svg>
diff --git a/doc/assets/images/table.svg b/doc/assets/images/table.svg
new file mode 100644
index 0000000..c8f1d2d
--- /dev/null
+++ b/doc/assets/images/table.svg
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns="http://www.w3.org/2000/svg" height="511.58" width="678.37" version="1.1" preserveAspectRatio="none">
+<rect style="fill:#624200;" height="106.869" width="678.955" y="404.711" x="0"/>
+<path style="stroke-linejoin:miter;stroke:#3e2c04;stroke-linecap:butt;stroke-miterlimit:4;stroke-dasharray:none;stroke-width:2;fill:none;" d="m0,404.711,678.955,0"/>
+</svg>
diff --git a/build/compiled-styles.css b/doc/compiled-styles.css
similarity index 100%
rename from build/compiled-styles.css
rename to doc/compiled-styles.css
diff --git a/doc/index.html b/doc/index.html
new file mode 100644
index 0000000..2847b7a
--- /dev/null
+++ b/doc/index.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html lang="en-US">
+	<head>
+		<meta charset="utf-8">
+		<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0">
+		<title>FHQWHGADS</title>
+		<link rel="icon" href="data:;base64,iVBORw0KGgo=">
+		<link rel="stylesheet" href="compiled-styles.css">
+	</head>
+	<body>
+		<form><label id="compy">
+			<div id="screen">
+				<div id="scrollback">
+<div id="history">
+i love u
+-fhqwhgadshgnsdhjsdbkhsdabkfabkveybvf
+
+</div>
+					<input id="command" name="command" type="text" value="" />
+					<div id="commandLine"><span id="ps1">a&gt;</span><span id="typing"></span></div>
+				</div>
+				<div id="scanlines"></div>
+			</div>
+			<div id="case">
+				<div class="knob" id="knobdown"></div>
+				<div class="knob" id="knobup"></div>
+			</div>
+		</label></form>
+		<script type="application/javascript" src="application.js">
+		</script>
+	</body>
+</html>