diff --git a/build/application.js b/build/application.js
index 1cb5db7..0d798da 100644
--- a/build/application.js
+++ b/build/application.js
@@ -20,15 +20,27 @@
     }
     var commandline = document.getElementById("command");
     commandline.value = "";
+    commandline.oninput = syncTyping;
     commandline.onkeydown = syncTyping;
     commandline.onkeyup = syncTyping;
     commandline.onselect = syncTyping;
     commandline.onfocus = syncTyping;
     commandline.focus();
-    document.onmousedown = function() {
+    document.body.onmousedown = function() {
         commandline.focus();
         return false;
     };
+    var brightness = 0;
+    function alterBrightness(delta) {
+        brightness = Math.max(0, Math.min(1, brightness + delta));
+        document.getElementById("scanlines").style.backgroundColor = "hsl(120, 100%, " + 16 * brightness + "%)";
+    }
+    document.getElementById("knobup").onmousedown = function() {
+        alterBrightness(.0625);
+    };
+    document.getElementById("knobdown").onmousedown = function() {
+        alterBrightness(-.0625);
+    };
     function handleForm() {
         var history = document.getElementById("history");
         var val = this.command.value;
diff --git a/build/assets/images/knob.svg b/build/assets/images/knob.svg
new file mode 100644
index 0000000..9723ee8
--- /dev/null
+++ b/build/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/build/assets/images/scanline.svg b/build/assets/images/scanline.svg
index 7de66c9..73cfb81 100644
--- a/build/assets/images/scanline.svg
+++ b/build/assets/images/scanline.svg
@@ -9,5 +9,5 @@
 </cc:Work>
 </rdf:RDF>
 </metadata>
-<path id="path2989" d="M2000,0,0,200" style="stroke:#002a00;stroke-dasharray:none;stroke-miterlimit:4;stroke-width:3;fill:none;"/>
+<path id="path2989" d="M2000,0,0,200" style="stroke:#009F00;stroke-opacity:0.264;stroke-width:5;fill:none;"/>
 </svg>
diff --git a/build/assets/images/screen.svg b/build/assets/images/screen.svg
index 2a14a98..26c66b9 100644
--- a/build/assets/images/screen.svg
+++ b/build/assets/images/screen.svg
@@ -2,20 +2,14 @@
 <!-- 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">
-<linearGradient id="linearGradient3856">
-<stop id="stop3858" style="stop-color:#292929;" offset="0"/>
-<stop id="stop3860" style="stop-color:#818181;" offset="1"/>
-</linearGradient>
-<linearGradient id="linearGradient3876" y2="433.214" xlink:href="#linearGradient3856" gradientUnits="userSpaceOnUse" x2="55.9482" y1="446.383" x1="54.6245"/>
 <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" x1="282.177" xlink:href="#linearGradient3856" gradientUnits="userSpaceOnUse" y1="807.356" gradientTransform="matrix(0.94991137,0,0,0.96268412,34.898346,-530.521)" x2="297.107" y2="828.784"/>
-<linearGradient id="linearGradient3876-1" y2="433.214" gradientUnits="userSpaceOnUse" y1="446.383" x2="55.9482" x1="54.6245">
-<stop id="stop3858-3" style="stop-color:#292929;" offset="0"/>
-<stop id="stop3860-7" style="stop-color:#818181;" offset="1"/>
+<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">
@@ -27,32 +21,22 @@
 </cc:Work>
 </rdf:RDF>
 </metadata>
-<path id="path3794" style="fill-opacity:0.35096154;fill:#000000;" 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="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-rule:nonzero;fill:#9966cc;" height="6.06682" width="32.286" y="456.208" x="-8.37046"/>
-<rect id="rect3044-0-6-5" style="fill-rule:nonzero;fill:#ff0000;" height="6.06682" width="32.286" y="450.158" x="-8.37046"/>
-<rect id="rect3044-0-6" style="fill-rule:nonzero;fill:#ff9900;" height="6.34818" width="32.286" y="443.828" x="-8.37046"/>
-<rect id="rect3044-0" style="fill-rule:nonzero;fill:#ffff07;" height="6.64713" width="32.286" y="437.198" x="-8.37046"/>
-<rect id="rect3044" style="fill-rule:nonzero;fill:#39ce08;" height="7.59672" width="32.286" y="429.637" x="-8.37046"/>
-<rect id="rect3044-0-6-5-0-7" style="fill-rule:nonzero;fill:#6699cc;" height="7.034" width="32.286" y="462.274" x="-8.37046"/>
+<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-miterlimit:4;stroke-dasharray:none;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-rule:evenodd;fill:url(#linearGradient3039);" 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="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" style="font-size:9.5px;font-family:Sans;letter-spacing:0px;line-height:125%;word-spacing:0px;font-weight:normal;font-style:normal;fill:#818050;" y="477.56558" x="72.292763" xml:space="preserve"><tspan id="tspan4025" y="477.56558" x="72.292763" style="font-size:10.44999981px;">contrast</tspan></text>
-<g id="g3880" transform="matrix(1.1757515,0,0,1.1757515,15.337295,-736.08207)">
-<path id="path3878" style="fill-opacity:0.48557691;fill:#000000;" d="m38.4489,447.296-3.59755,14.8213,16.0963,1.10615,12.5517-15.284z" transform="translate(0,572.36218)"/>
-<path id="path3868" style="stroke-linejoin:miter;stroke:#000000;stroke-linecap:butt;stroke-miterlimit:4;stroke-dasharray:none;stroke-width:1.5;fill:url(#linearGradient3876);" transform="translate(0,572.36218)" 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"/>
-<path id="path3866" 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)" 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"/>
-</g>
+<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"/>
-<g id="g3880-2" transform="matrix(1.1757515,0,0,1.1757515,55.596998,-736.07379)">
-<path id="path3878-9" style="fill-opacity:0.48557691;fill:#000000;" d="m38.4489,447.296-3.38695,16.3264,14.7578,0.37693,13.6797-16.0599z" transform="translate(0,572.36218)"/>
-<path id="path3868-9" 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)" 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"/>
-<path id="path3866-4" 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)" 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"/>
-</g>
 </svg>
diff --git a/build/compiled-styles.css b/build/compiled-styles.css
index ca02ffe..e7e7b2b 100644
--- a/build/compiled-styles.css
+++ b/build/compiled-styles.css
@@ -14,7 +14,7 @@ body {
   background-image: url('/assets/images/table.svg');
   background-size: 100% 100%;
 }
-#processor {
+#compy {
   position: absolute;
   top: 0;
   bottom: 0;
@@ -28,14 +28,13 @@ body {
   font-size: 6vh;
 }
 @media (max-width: 132.6029165vh) {
-  #processor {
+  #compy {
     height: 75.4131226vw;
     width: 100%;
     font-size: 4.524787356vw;
   }
 }
-#processor:after {
-  content: '';
+#compy > #case {
   position: absolute;
   top: 0;
   bottom: 0;
@@ -43,9 +42,21 @@ body {
   right: 0;
   background-image: url('/assets/images/screen.svg');
   background-size: 100% 100%;
-  pointer-events: none;
 }
-#processor > label {
+#compy > #case > .knob {
+  position: absolute;
+  top: 87.3%;
+  left: 8.5%;
+  height: 7%;
+  width: 4.7%;
+  background: url('/assets/images/knob.svg');
+  background-size: 100% 100%;
+  cursor: pointer;
+}
+#compy > #case > .knob#knobup {
+  left: 13%;
+}
+#compy > #screen {
   position: absolute;
   top: 1em;
   bottom: 2.25em;
@@ -55,15 +66,10 @@ body {
   word-break: break-all;
   z-index: 0;
 }
-#processor > label:before,
-#processor > label:after {
+#compy > #screen > #scanlines {
   position: absolute;
   left: 0;
   right: 0;
-  content: '';
-}
-#processor > label:before {
-  z-index: -1;
   top: -3em;
   bottom: -3em;
   -webkit-animation: scroll 2s linear infinite;
@@ -72,6 +78,7 @@ body {
   background-size: 25em 4em;
   background-repeat: repeat-y;
   background-position: 50% 0%;
+  z-index: -1;
 }
 #scrollback {
   position: absolute;
diff --git a/build/index.php b/build/index.php
index a3e81d9..e8d437a 100644
--- a/build/index.php
+++ b/build/index.php
@@ -8,14 +8,19 @@
 		<style><?php include('compiled-styles.css'); ?></style>
 	</head>
 	<body>
-		<form id="processor">
-			<label>
+		<form><label id="compy">
+			<div id="screen">
+				<div id="scanlines"></div>
 				<div id="scrollback">
 					<div id="history">i love u<br>-fhqwhgadshgnsdhjsdbkhsdabkfabkveybvf<br><br></div>
 					<div id="commandLine">a&gt;<input id="command" name="command" type="text" value="" /><span id="typing"></span></div>
 				</div>
-			</label>
-		</form>
+			</div>
+			<div id="case">
+				<div class="knob" id="knobdown"></div>
+				<div class="knob" id="knobup"></div>
+			</div>
+		</label></form>
 		<script type="application/javascript"><?php include('application.js'); ?></script>
 	</body>
 </html>
diff --git a/src/assets/css/style.less b/src/assets/css/style.less
index 32a4e71..57fbea1 100644
--- a/src/assets/css/style.less
+++ b/src/assets/css/style.less
@@ -13,7 +13,7 @@ html, body {
 	background-image: url('/assets/images/table.svg');
 	background-size: 100% 100%;
 }
-#processor {
+#compy {
 	position: absolute;
 	top: 0;
 	bottom: 0;
@@ -30,8 +30,7 @@ html, body {
 	font-family: computerfontregular, monospace;
 	color: @consoleColor;
 	font-size: 6vh;
-	&:after {
-		content: '';
+	> #case {
 		position: absolute;
 		top: 0;
 		bottom: 0;
@@ -39,9 +38,21 @@ html, body {
 		right: 0;
 		background-image: url('/assets/images/screen.svg');
 		background-size: 100% 100%;
-		pointer-events: none;
+		>.knob {
+			position: absolute;
+			top: 87.3%;
+			left: 8.5%;
+			height: 7%;
+			width: 4.7%;
+			background: url('/assets/images/knob.svg');
+			background-size: 100% 100%;
+			cursor: pointer;
+			&#knobup {
+				left: 13%;
+			}
+		}
 	}
-	> label {
+	> #screen {
 		position: absolute;
 		top: 1em;
 		bottom: 2.25em;
@@ -50,14 +61,10 @@ html, body {
 		overflow: hidden;
 		word-break: break-all;
 		z-index: 0;
-		&:before, &:after {
+		>#scanlines {
 			position: absolute;
 			left: 0;
 			right: 0;
-			content: '';
-		}
-		&:before {
-			z-index: -1;
 			top: -3em;
 			bottom: -3em;
 			animation: scroll 2s linear infinite;
@@ -65,6 +72,7 @@ html, body {
 			background-size: 25em 4em;
 			background-repeat: repeat-y;
 			background-position: 50% 0%;
+			z-index: -1;
 		}
 	}
 }
diff --git a/src/assets/images/knob.svg b/src/assets/images/knob.svg
new file mode 100644
index 0000000..9723ee8
--- /dev/null
+++ b/src/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/src/assets/images/scanline.svg b/src/assets/images/scanline.svg
index 7de66c9..73cfb81 100644
--- a/src/assets/images/scanline.svg
+++ b/src/assets/images/scanline.svg
@@ -9,5 +9,5 @@
 </cc:Work>
 </rdf:RDF>
 </metadata>
-<path id="path2989" d="M2000,0,0,200" style="stroke:#002a00;stroke-dasharray:none;stroke-miterlimit:4;stroke-width:3;fill:none;"/>
+<path id="path2989" d="M2000,0,0,200" style="stroke:#009F00;stroke-opacity:0.264;stroke-width:5;fill:none;"/>
 </svg>
diff --git a/src/assets/images/screen.svg b/src/assets/images/screen.svg
index 2a14a98..26c66b9 100644
--- a/src/assets/images/screen.svg
+++ b/src/assets/images/screen.svg
@@ -2,20 +2,14 @@
 <!-- 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">
-<linearGradient id="linearGradient3856">
-<stop id="stop3858" style="stop-color:#292929;" offset="0"/>
-<stop id="stop3860" style="stop-color:#818181;" offset="1"/>
-</linearGradient>
-<linearGradient id="linearGradient3876" y2="433.214" xlink:href="#linearGradient3856" gradientUnits="userSpaceOnUse" x2="55.9482" y1="446.383" x1="54.6245"/>
 <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" x1="282.177" xlink:href="#linearGradient3856" gradientUnits="userSpaceOnUse" y1="807.356" gradientTransform="matrix(0.94991137,0,0,0.96268412,34.898346,-530.521)" x2="297.107" y2="828.784"/>
-<linearGradient id="linearGradient3876-1" y2="433.214" gradientUnits="userSpaceOnUse" y1="446.383" x2="55.9482" x1="54.6245">
-<stop id="stop3858-3" style="stop-color:#292929;" offset="0"/>
-<stop id="stop3860-7" style="stop-color:#818181;" offset="1"/>
+<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">
@@ -27,32 +21,22 @@
 </cc:Work>
 </rdf:RDF>
 </metadata>
-<path id="path3794" style="fill-opacity:0.35096154;fill:#000000;" 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="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-rule:nonzero;fill:#9966cc;" height="6.06682" width="32.286" y="456.208" x="-8.37046"/>
-<rect id="rect3044-0-6-5" style="fill-rule:nonzero;fill:#ff0000;" height="6.06682" width="32.286" y="450.158" x="-8.37046"/>
-<rect id="rect3044-0-6" style="fill-rule:nonzero;fill:#ff9900;" height="6.34818" width="32.286" y="443.828" x="-8.37046"/>
-<rect id="rect3044-0" style="fill-rule:nonzero;fill:#ffff07;" height="6.64713" width="32.286" y="437.198" x="-8.37046"/>
-<rect id="rect3044" style="fill-rule:nonzero;fill:#39ce08;" height="7.59672" width="32.286" y="429.637" x="-8.37046"/>
-<rect id="rect3044-0-6-5-0-7" style="fill-rule:nonzero;fill:#6699cc;" height="7.034" width="32.286" y="462.274" x="-8.37046"/>
+<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-miterlimit:4;stroke-dasharray:none;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-rule:evenodd;fill:url(#linearGradient3039);" 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="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" style="font-size:9.5px;font-family:Sans;letter-spacing:0px;line-height:125%;word-spacing:0px;font-weight:normal;font-style:normal;fill:#818050;" y="477.56558" x="72.292763" xml:space="preserve"><tspan id="tspan4025" y="477.56558" x="72.292763" style="font-size:10.44999981px;">contrast</tspan></text>
-<g id="g3880" transform="matrix(1.1757515,0,0,1.1757515,15.337295,-736.08207)">
-<path id="path3878" style="fill-opacity:0.48557691;fill:#000000;" d="m38.4489,447.296-3.59755,14.8213,16.0963,1.10615,12.5517-15.284z" transform="translate(0,572.36218)"/>
-<path id="path3868" style="stroke-linejoin:miter;stroke:#000000;stroke-linecap:butt;stroke-miterlimit:4;stroke-dasharray:none;stroke-width:1.5;fill:url(#linearGradient3876);" transform="translate(0,572.36218)" 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"/>
-<path id="path3866" 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)" 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"/>
-</g>
+<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"/>
-<g id="g3880-2" transform="matrix(1.1757515,0,0,1.1757515,55.596998,-736.07379)">
-<path id="path3878-9" style="fill-opacity:0.48557691;fill:#000000;" d="m38.4489,447.296-3.38695,16.3264,14.7578,0.37693,13.6797-16.0599z" transform="translate(0,572.36218)"/>
-<path id="path3868-9" 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)" 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"/>
-<path id="path3866-4" 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)" 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"/>
-</g>
 </svg>
diff --git a/src/index.php b/src/index.php
index a3e81d9..e8d437a 100644
--- a/src/index.php
+++ b/src/index.php
@@ -8,14 +8,19 @@
 		<style><?php include('compiled-styles.css'); ?></style>
 	</head>
 	<body>
-		<form id="processor">
-			<label>
+		<form><label id="compy">
+			<div id="screen">
+				<div id="scanlines"></div>
 				<div id="scrollback">
 					<div id="history">i love u<br>-fhqwhgadshgnsdhjsdbkhsdabkfabkveybvf<br><br></div>
 					<div id="commandLine">a&gt;<input id="command" name="command" type="text" value="" /><span id="typing"></span></div>
 				</div>
-			</label>
-		</form>
+			</div>
+			<div id="case">
+				<div class="knob" id="knobdown"></div>
+				<div class="knob" id="knobup"></div>
+			</div>
+		</label></form>
 		<script type="application/javascript"><?php include('application.js'); ?></script>
 	</body>
 </html>
diff --git a/src/scripts/index.js b/src/scripts/index.js
index fc2b802..3d78a26 100644
--- a/src/scripts/index.js
+++ b/src/scripts/index.js
@@ -19,19 +19,33 @@
 		afterSelection = this.value.slice(this.selectionEnd)
 		document.getElementById("typing").innerHTML = beforeSelection + (this.selectionStart == this.selectionEnd ? "<span id='cursor'></span>" : "") + "<span id='selection'>" + selection + "</span>" + afterSelection;
 	}
+
 	var commandline = document.getElementById("command");
 	commandline.value = "";
+	commandline.oninput = syncTyping;
 	commandline.onkeydown = syncTyping;
 	commandline.onkeyup = syncTyping;
 	commandline.onselect = syncTyping;
 	commandline.onfocus = syncTyping;
 	commandline.focus();
-	document.onmousedown = function() {
+	document.body.onmousedown = function() {
 		commandline.focus();
 		return false;
 		// a little heavy handed, but works for now
 	};
 
+	var brightness = 0.0;
+	function alterBrightness(delta) {
+		brightness = Math.max(0, Math.min(1, brightness + delta));
+		document.getElementById("scanlines").style.backgroundColor = "hsl(120, 100%, " + (16 * brightness) + "%)";
+	}
+	document.getElementById("knobup").onmousedown = function() {
+		alterBrightness(0.0625);
+	};
+	document.getElementById("knobdown").onmousedown = function() {
+		alterBrightness(-0.0625);
+	};
+
 	function handleForm() {
 		var history = document.getElementById('history');
 		var val = this.command.value;
@@ -40,5 +54,6 @@
 		history.innerHTML = history.innerHTML + 'a>' + escapeHTML(val) + '<br>Command not found.<br>';
 		return false;
 	}
+
 	document.forms[0].onsubmit = handleForm;
 }());