Add tutorial page, favicon.

- The tutorial is written in markdown and transformed into HTML via Javascript, so anyone can edit it without knowledge of web development.

WebHostLib/static/tutorial.css

@@ -0,0 +1,57 @@
+#tutorial-wrapper{
+    margin-left: auto;
+    margin-right: auto;
+}
+
+#tutorial-wrapper h1{
+    font-size: 2.5rem;
+    font-weight: normal;
+    border-bottom: 1px solid #9f916a;
+    width: 100%;
+}
+
+#tutorial-wrapper h2{
+    font-size: 2rem;
+    font-weight: normal;
+    border-bottom: 1px solid #9f916a;
+    width: 100%;
+}
+
+#tutorial-wrapper h3{
+    font-size: 1.75rem;
+    font-weight: normal;
+    text-align: left;
+    width: 100%;
+}
+
+#tutorial-wrapper h4{
+    font-size: 1.5rem;
+    font-weight: normal;
+}
+
+#tutorial-wrapper h5{
+    font-size: 1.25rem;
+    font-weight: normal;
+}
+
+#tutorial-wrapper h6{
+    font-size: 1.25rem;
+    font-weight: normal;
+    color: #434343;
+}
+
+#tutorial-wrapper ul{
+
+}
+
+#tutorial-wrapper ol{
+
+}
+
+#tutorial-wrapper li{
+
+}
+
+#tutorial-wrapper a{
+
+}

WebHostLib/static/tutorial.js

@@ -0,0 +1,17 @@
+window.addEventListener('load', () => {
+    new Promise((resolve, reject) => {
+        let ajax = new XMLHttpRequest();
+        ajax.onreadystatechange = () => {
+            if (ajax.readyState !== 4) { return; }
+            if (ajax.status !== 200) { reject('Unable to retrieve tutorial markdown file.') }
+            resolve(ajax.responseText);
+        };
+        ajax.open('GET', 'tutorial.md', true);
+        ajax.send();
+    }).then((response) => {
+        let markdown = new showdown.Converter();
+        document.getElementById('tutorial-wrapper').innerHTML = markdown.makeHtml(response);
+    }).catch((error) => {
+        console.log(error);
+    });
+});

WebHostLib/static/tutorial.md

@@ -0,0 +1 @@
+# Tutorial Coming Soon™