Merge a17t-redesign, kinda ts-ify setup.js

the web ui has been redesigned with the a17t toolkit, which imo looks a
lot better than bootstrap. This also brought a complete rework of the
web code, which now makes a lot more sense hopefully. the setup page is
still stuck with bootstrap, its not much of a priority but i'll rewrite
it eventually.

ts/modules/modal.ts

@@ -0,0 +1,42 @@
+declare var window: Window;
+
+export class Modal implements Modal {
+    modal: HTMLElement;
+    closeButton: HTMLSpanElement;
+    constructor(modal: HTMLElement, important: boolean = false) {
+        this.modal = modal;
+        const closeButton = this.modal.querySelector('span.modal-close')
+        if (closeButton !== null) {
+            this.closeButton = closeButton as HTMLSpanElement;
+            this.closeButton.onclick = this.close;
+        }
+        if (!important) {
+            window.addEventListener('click', (event: Event) => {
+                if (event.target == this.modal) { this.close(); }
+            });
+        }
+    }
+    close = (event?: Event) => {
+        if (event) {
+            event.preventDefault();
+        }
+        this.modal.classList.add('modal-hiding');
+        const modal = this.modal;
+        const listenerFunc = function () {
+            modal.classList.remove('modal-shown');
+            modal.classList.remove('modal-hiding');
+            modal.removeEventListener(window.animationEvent, listenerFunc);
+        };
+        this.modal.addEventListener(window.animationEvent, listenerFunc, false);
+    }
+    show = () => {
+        this.modal.classList.add('modal-shown');
+    }
+    toggle = () => {
+        if (this.modal.classList.contains('modal-shown')) {
+            this.close();
+        } else {
+            this.show();
+        }
+    }
+}