seperate routes, provide robust handler types, use mux

server/assets/static/main.css

@@ -1,159 +0,0 @@
-:root {
-  --pad-size: 1.75rem;
-}
-
-body {
-    max-width: 780px;
-    margin: 0 auto;
-    padding: 0 var(--pad-size);
-    overflow-y: scroll;
-    font-size: 14px;
-}
-
-table td:first-child::after {
-    content: " ";
-    white-space: pre;
-}
-
-@media only screen and (max-width: 780px) {
-    table#recent-folders td:first-child::after {
-        content: "";
-    }
-    .no-small {
-        display: none;
-    }
-    body {
-        font-size: 12px;
-    }
-}
-
-* {
-    font-size: 1rem;
-}
-
-form input[type],
-form select,
-form textarea {
-    margin-bottom: 0;
-}
-
-form {
-    max-width: 400px;
-    margin-left: auto;
-    margin-right: 0;
-    display: flex;
-    flex-direction: column;
-    align-items: flex-end;
-}
-
-form > * {
-    width: 100%;
-}
-
-form input {
-    padding: 3px;
-    border: 1px solid #ccc;
-    box-sizing: border-box;
-}
-
-form input[type=password],
-form input[type=text] {
-    margin-bottom: 0.25rem;
-}
-
-form input[type=submit] {
-    width: 8rem;
-    background-color: white;
-    cursor: pointer;
-}
-
-div {
-    margin: 0;
-    padding: 0;
-}
-
-table td, 
-table th {
-    border: none;
-    margin: 0;
-}
-
-table {
-    overflow: hidden;
-    white-space: nowrap;
-}
-
-a,
-a:visited {
-    color: #0064c1;
-    text-decoration: none;
-}
-
-a:hover {
-    text-decoration: underline;
-}
-
-#content > * {
-    margin: var(--pad-size) 0;
-}
-
-#header {
-    border-bottom: 2px solid #0000001a;
-}
-
-#header img {
-    width: 60%;
-    display: block;
-    margin: 0 auto;
-    height: auto;
-}
-
-.flash-warning {
-    background-color: #fd1b1b1c;
-    border-right: 2px solid #fd1b1b1c;
-    border-bottom: 2px solid #fd1b1b1c;
-}
-
-.flash-normal {
-    background-color: #15ff5424;
-    border-right: 2px solid #15ff5424;
-    border-bottom: 2px solid #15ff5424;
-}
-
-.box {
-    background-color: #00000005;
-    border-right: 2px solid #0000000c;
-    border-bottom: 2px solid #0000000c;
-}
-
-.text-right {
-    text-align: right;
-}
-
-.block-right > * {
-    margin-left: auto;
-}
-
-.mono {
-    font-family: monospace;
-}
-
-.box-title {
-    margin-bottom: 0.5rem;
-}
-
-.padded {
-    padding: 1rem;
-}
-
-.side-padded {
-    padding: 0 1rem;
-}
-
-.angry {
-    background-color: #f4433669;
-}
-
-.light {
-    color: #00000082;
-}

server/assets/static/reset.css

@@ -1,40 +0,0 @@
-/* http://meyerweb.com/eric/tools/css/reset/
-   v2.0 | 20110126
-   License: none (public domain)
-*/
-
-html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
-     margin: 0;
-     padding: 0;
-     border: 0;
-     font-size: 100%;
-     font: inherit;
-     vertical-align: baseline;
-}
-
-/* html5 display-role reset for older browsers */
- article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
-     display: block;
-}
-
-body {
-     line-height: 1;
-}
-
-ol, ul {
-     list-style: none;
-}
-
-blockquote, q {
-     quotes: none;
-}
-
-blockquote:before, blockquote:after, q:before, q:after {
-     content: '';
-     content: none;
-}
-
-table {
-     border-collapse: collapse;
-     border-spacing: 0;
-}