diff --git a/projektor/BenQ RS232 commands_generic_V12_0323.pdf b/projektor/BenQ RS232 commands_generic_V12_0323.pdf
new file mode 100644
index 0000000..880c61f
Binary files /dev/null and b/projektor/BenQ RS232 commands_generic_V12_0323.pdf differ
diff --git a/www/index.html b/www/index.html
new file mode 100644
index 0000000..2622772
--- /dev/null
+++ b/www/index.html
@@ -0,0 +1,172 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+
+        <style>
+            body {
+                margin: 40px auto;
+                max-width: 650px;
+                line-height: 1.6;
+                font-size: 18px;
+                color: #444;
+                padding: 0 10px;
+                font-family: Helvetica, Arial, Sans-Serif;
+            }
+
+            h1 {
+                text-align:center;
+            }
+
+            .button {
+                background-color: #4CAF50; /* Green */
+                border: none;
+                color: white;
+                padding: 16px 0;
+                text-align: center;
+                text-decoration: none;
+                display: inline-block;
+                font-size: 32px;
+                margin: 4px -2px;
+                -webkit-transition-duration: 0.4s; /* Safari */
+                transition-duration: 0.4s;
+                cursor: pointer;
+                width:100%;
+
+            }
+            .button1 {
+                background-color: white;
+                color: black;
+                border: 2px solid #4CAF50;
+            }
+
+            .button2 {
+            	background-color: green;
+            	color: black;
+            	border: 2px solid #4CAF50;
+            	width:33%
+            }
+
+            .radio-toolbar {
+                display: flex;
+                flex-direction: row;
+                width: 100%;
+            }
+
+            .radio-toolbar input[type="radio"] {
+              display: none;
+            }
+
+            .radio-toolbar label {
+                background-color: white; /* RED */
+                border: none;
+                color: black;
+                padding: 12px 0;
+                text-align: center;
+                text-decoration: none;
+                display: inline-block;
+                font-size: 32px;
+                margin: 0 4px;
+                -webkit-transition-duration: 0.4s; /* Safari */
+                transition-duration: 0.4s;
+                cursor: pointer;
+                flex: 1 0 auto;
+            	border: 2px solid #4CAF50;
+
+            }
+
+            .radio-toolbar lable.red {
+                border: 2px solid #af4c4c;
+            }
+
+            .radio-toolbar input[type="radio"]:checked+label {
+              background-color: #4CAF50;
+              color: white;
+            }
+
+            .radio-toolbar input[type="radio"]:checked+label.red {
+              background-color: #af4c4c;
+              color: white;
+              border: 2px solid #af4c4c;
+            }
+
+            .button1:hover {
+                background-color: #4CAF50;
+                color: white;
+            }
+
+            .title {
+                text-align: center;
+                margin-top: 2em;
+            }
+
+            #loading
+            {
+                visibility: hidden;
+                position: fixed;
+                width: 100%;
+                height: 100%;
+                background-image: url("http://www.mirchifunapps.com/images/loader.gif"), url("https://kryogenix.org/code/browser/nicetitle/ntbg.png");
+                background-position: center center, top;
+                background-repeat: no-repeat, repeat;
+                top: 0;
+                left: 0;
+            }
+        </style>
+
+        <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
+
+        <script>
+            $(function()
+            {
+                $.get("/projektor/status", function(data)
+                {
+                    $(".radio-toolbar input[type=radio][value=" + data + "]").prop("checked", true);
+                    $(".radio-toolbar input[type=radio]").prop("disabled", false);
+                });
+
+                $(".radio-toolbar input[type=radio]").change(function()
+                {
+                    $("#loading").css("visibility", "visible");
+
+                    $.post("/projektor/status", {mode: $(this).val()}, function(data)
+                    {
+                        $("#loading").css("visibility", "hidden");
+                    });
+                });
+            });
+        </script>
+    </head>
+
+    <body>
+        <h1>Viido</h1>
+
+        <a href="iris" class="button button1">Mopidy music</a><br />
+        <a href="vnc" class="button button1">VNC remote desktop</a><br />
+        <a href="kodi" class="button button1">Kodi filmid/seriaalid</a><br />
+
+        <h2 class="title">Projektori juhtimine</h2>
+
+        <div class="radio-toolbar">
+            <input type="radio" id="radio1" name="radios" value="off" class="red" disabled>
+            <label for="radio1" class="red">OFF</label>
+
+            <input type="radio" id="radio2" name="radios" value="hdmi" disabled>
+            <label for="radio2">HDMI</label>
+
+            <input type="radio" id="radio3" name="radios" value="vga" disabled>
+            <label for="radio3">VGA</label>
+        </div>
+
+        <h2 class="title">Linux audio tunnel</h2>
+
+        <pre>
+pacmd load-module module-tunnel-sink-new server=viido
+PULSE_SERVER=viido pavucontrol &
+pavucontrol &
+        </pre>
+
+        <div id="loading"></div>
+    </body>
+</html>
