From 09a943bc6c52b12f4ce48bda9592ef743b52916d Mon Sep 17 00:00:00 2001
From: apt-get <me@apt-get.xyz>
Date: Thu, 4 Jan 2024 00:20:20 +0100
Subject: [PATCH] mess around

---
 package-lock.json                             | 445 +++++++++++++++++-
 package.json                                  |   2 +
 public/assets                                 |   1 +
 src/routes/+layout.svelte                     |  71 +--
 src/routes/streams/+layout.svelte             |  40 +-
 src/routes/streams/Sidebar.svelte             | 175 +++----
 src/routes/streams/[stream_id]/+page.svelte   |  59 +--
 .../streams/[stream_id]/MetadataEditor.svelte | 115 ++---
 .../streams/[stream_id]/StreamPage.svelte     | 104 ++--
 static/assets/tile.png                        | Bin 0 -> 8289 bytes
 10 files changed, 750 insertions(+), 262 deletions(-)
 create mode 120000 public/assets
 create mode 100644 static/assets/tile.png

diff --git a/package-lock.json b/package-lock.json
index 3c4cb04..16a6363 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -15,11 +15,13 @@
                 "@typescript-eslint/eslint-plugin": "^5.45.0",
                 "@typescript-eslint/parser": "^5.45.0",
                 "better-sqlite3": "^8.3.0",
+                "carta-md": "^3.4.0",
                 "dotenv": "^16.3.1",
                 "eslint": "^8.28.0",
                 "eslint-config-prettier": "^8.5.0",
                 "eslint-plugin-svelte": "^2.31.0",
                 "fontkit": "^2.0.2",
+                "isomorphic-dompurify": "^2.0.0",
                 "prettier": "^2.8.0",
                 "prettier-plugin-svelte": "^2.8.1",
                 "svelte": "^4.0.0",
@@ -640,6 +642,11 @@
                 }
             }
         },
+        "node_modules/@speed-highlight/core": {
+            "version": "1.2.2",
+            "resolved": "https://registry.npmjs.org/@speed-highlight/core/-/core-1.2.2.tgz",
+            "integrity": "sha512-Yb3ewAUq7QwLbU+vF28dxkOmBJG5bHUVWZWQBnUt2GIhVWdiShKcE6kBMsCRXvD8AuK7gy0rR4qNckqZnCzEFw=="
+        },
         "node_modules/@sveltejs/adapter-node": {
             "version": "1.2.4",
             "resolved": "https://registry.npmjs.org/@sveltejs/adapter-node/-/adapter-node-1.2.4.tgz",
@@ -764,6 +771,14 @@
             "resolved": "https://registry.npmjs.org/@types/cookie/-/cookie-0.5.1.tgz",
             "integrity": "sha512-COUnqfB2+ckwXXSFInsFdOAWQzCCx+a5hq2ruyj+Vjund94RJQd4LG2u9hnvJrTgunKAaax7ancBYlDrNYxA0g=="
         },
+        "node_modules/@types/dompurify": {
+            "version": "3.0.5",
+            "resolved": "https://registry.npmjs.org/@types/dompurify/-/dompurify-3.0.5.tgz",
+            "integrity": "sha512-1Wg0g3BtQF7sSb27fJQAKck1HECM6zV1EB66j8JH9i3LCjYabJa0FSdiSgsD5K/RbrsR0SiraKacLB+T8ZVYAg==",
+            "dependencies": {
+                "@types/trusted-types": "*"
+            }
+        },
         "node_modules/@types/estree": {
             "version": "1.0.1",
             "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.1.tgz",
@@ -794,6 +809,11 @@
             "resolved": "https://registry.npmjs.org/@types/semver/-/semver-7.5.0.tgz",
             "integrity": "sha512-G8hZ6XJiHnuhQKR7ZmysCeJWE08o8T0AXtk5darsCaTVsYZhhgUrq53jizaR2FvsoeCwJhlmwTjkXBY5Pn/ZHw=="
         },
+        "node_modules/@types/trusted-types": {
+            "version": "2.0.7",
+            "resolved": "https://registry.npmjs.org/@types/trusted-types/-/trusted-types-2.0.7.tgz",
+            "integrity": "sha512-ScaPdn1dQczgbl0QFTeTOmVHFULt394XJgOQNoyVhZ6r2vLnMLJfBPd53SB52T/3G36VI1/g2MZaX0cwDuXsfw=="
+        },
         "node_modules/@typescript-eslint/eslint-plugin": {
             "version": "5.60.0",
             "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-5.60.0.tgz",
@@ -993,6 +1013,17 @@
                 "acorn": "^6.0.0 || ^7.0.0 || ^8.0.0"
             }
         },
+        "node_modules/agent-base": {
+            "version": "7.1.0",
+            "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-7.1.0.tgz",
+            "integrity": "sha512-o/zjMZRhJxny7OyEF+Op8X+efiELC7k7yOjMzgfzVqOzXqkBkWI79YoTdOtsuWd5BWhAGAuOY/Xa6xpiaWXiNg==",
+            "dependencies": {
+                "debug": "^4.3.4"
+            },
+            "engines": {
+                "node": ">= 14"
+            }
+        },
         "node_modules/ajv": {
             "version": "6.12.6",
             "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
@@ -1063,6 +1094,11 @@
                 "node": ">=8"
             }
         },
+        "node_modules/asynckit": {
+            "version": "0.4.0",
+            "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
+            "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q=="
+        },
         "node_modules/axobject-query": {
             "version": "3.2.1",
             "resolved": "https://registry.npmjs.org/axobject-query/-/axobject-query-3.2.1.tgz",
@@ -1220,6 +1256,18 @@
                 "node": ">=6"
             }
         },
+        "node_modules/carta-md": {
+            "version": "3.4.0",
+            "resolved": "https://registry.npmjs.org/carta-md/-/carta-md-3.4.0.tgz",
+            "integrity": "sha512-rZN26kdPRfQvk7fjzeRZP3OC4IWGd5eUB0YsPJBgsaoiKjHo2ERNI1DsJMQS3Rpiy4rCSSsnmXEiq5Y5lt/rtw==",
+            "dependencies": {
+                "@speed-highlight/core": "1.2.2",
+                "marked": "^9.1.5"
+            },
+            "peerDependencies": {
+                "svelte": "^3.54.0 || ^4.0.0"
+            }
+        },
         "node_modules/chalk": {
             "version": "4.1.2",
             "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
@@ -1321,6 +1369,17 @@
             "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
             "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
         },
+        "node_modules/combined-stream": {
+            "version": "1.0.8",
+            "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
+            "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
+            "dependencies": {
+                "delayed-stream": "~1.0.0"
+            },
+            "engines": {
+                "node": ">= 0.8"
+            }
+        },
         "node_modules/commondir": {
             "version": "1.0.1",
             "resolved": "https://registry.npmjs.org/commondir/-/commondir-1.0.1.tgz",
@@ -1375,6 +1434,29 @@
                 "node": ">=4"
             }
         },
+        "node_modules/cssstyle": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/cssstyle/-/cssstyle-3.0.0.tgz",
+            "integrity": "sha512-N4u2ABATi3Qplzf0hWbVCdjenim8F3ojEXpBDF5hBpjzW182MjNGLqfmQ0SkSPeQ+V86ZXgeH8aXj6kayd4jgg==",
+            "dependencies": {
+                "rrweb-cssom": "^0.6.0"
+            },
+            "engines": {
+                "node": ">=14"
+            }
+        },
+        "node_modules/data-urls": {
+            "version": "5.0.0",
+            "resolved": "https://registry.npmjs.org/data-urls/-/data-urls-5.0.0.tgz",
+            "integrity": "sha512-ZYP5VBHshaDAiVZxjbRVcFJpc+4xGgT0bK3vzy1HLN8jTO975HEbuYzZJcHoQEY5K1a0z8YayJkyVETa08eNTg==",
+            "dependencies": {
+                "whatwg-mimetype": "^4.0.0",
+                "whatwg-url": "^14.0.0"
+            },
+            "engines": {
+                "node": ">=18"
+            }
+        },
         "node_modules/debug": {
             "version": "4.3.4",
             "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
@@ -1391,6 +1473,11 @@
                 }
             }
         },
+        "node_modules/decimal.js": {
+            "version": "10.4.3",
+            "resolved": "https://registry.npmjs.org/decimal.js/-/decimal.js-10.4.3.tgz",
+            "integrity": "sha512-VBBaLc1MgL5XpzgIP7ny5Z6Nx3UrRkIViUkPUdtl9aya5amy3De1gsUUSB1g3+3sExYNjCAsAznmukyxCb1GRA=="
+        },
         "node_modules/decompress-response": {
             "version": "6.0.0",
             "resolved": "https://registry.npmjs.org/decompress-response/-/decompress-response-6.0.0.tgz",
@@ -1426,6 +1513,14 @@
                 "node": ">=0.10.0"
             }
         },
+        "node_modules/delayed-stream": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
+            "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==",
+            "engines": {
+                "node": ">=0.4.0"
+            }
+        },
         "node_modules/dequal": {
             "version": "2.0.3",
             "resolved": "https://registry.npmjs.org/dequal/-/dequal-2.0.3.tgz",
@@ -1482,6 +1577,11 @@
                 "node": ">=6.0.0"
             }
         },
+        "node_modules/dompurify": {
+            "version": "3.0.6",
+            "resolved": "https://registry.npmjs.org/dompurify/-/dompurify-3.0.6.tgz",
+            "integrity": "sha512-ilkD8YEnnGh1zJ240uJsW7AzE+2qpbOUYjacomn3AvJ6J4JhKGSZ2nh4wUIXPZrEPppaCLx5jFe8T89Rk8tQ7w=="
+        },
         "node_modules/dotenv": {
             "version": "16.3.1",
             "resolved": "https://registry.npmjs.org/dotenv/-/dotenv-16.3.1.tgz",
@@ -1501,6 +1601,17 @@
                 "once": "^1.4.0"
             }
         },
+        "node_modules/entities": {
+            "version": "4.5.0",
+            "resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz",
+            "integrity": "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==",
+            "engines": {
+                "node": ">=0.12"
+            },
+            "funding": {
+                "url": "https://github.com/fb55/entities?sponsor=1"
+            }
+        },
         "node_modules/es6-promise": {
             "version": "3.3.1",
             "resolved": "https://registry.npmjs.org/es6-promise/-/es6-promise-3.3.1.tgz",
@@ -1909,6 +2020,19 @@
                 "unicode-trie": "^2.0.0"
             }
         },
+        "node_modules/form-data": {
+            "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.0.tgz",
+            "integrity": "sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==",
+            "dependencies": {
+                "asynckit": "^0.4.0",
+                "combined-stream": "^1.0.8",
+                "mime-types": "^2.1.12"
+            },
+            "engines": {
+                "node": ">= 6"
+            }
+        },
         "node_modules/fs-constants": {
             "version": "1.0.0",
             "resolved": "https://registry.npmjs.org/fs-constants/-/fs-constants-1.0.0.tgz",
@@ -2057,6 +2181,52 @@
                 "node": ">=8"
             }
         },
+        "node_modules/html-encoding-sniffer": {
+            "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/html-encoding-sniffer/-/html-encoding-sniffer-4.0.0.tgz",
+            "integrity": "sha512-Y22oTqIU4uuPgEemfz7NDJz6OeKf12Lsu+QC+s3BVpda64lTiMYCyGwg5ki4vFxkMwQdeZDl2adZoqUgdFuTgQ==",
+            "dependencies": {
+                "whatwg-encoding": "^3.1.1"
+            },
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/http-proxy-agent": {
+            "version": "7.0.0",
+            "resolved": "https://registry.npmjs.org/http-proxy-agent/-/http-proxy-agent-7.0.0.tgz",
+            "integrity": "sha512-+ZT+iBxVUQ1asugqnD6oWoRiS25AkjNfG085dKJGtGxkdwLQrMKU5wJr2bOOFAXzKcTuqq+7fZlTMgG3SRfIYQ==",
+            "dependencies": {
+                "agent-base": "^7.1.0",
+                "debug": "^4.3.4"
+            },
+            "engines": {
+                "node": ">= 14"
+            }
+        },
+        "node_modules/https-proxy-agent": {
+            "version": "7.0.2",
+            "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-7.0.2.tgz",
+            "integrity": "sha512-NmLNjm6ucYwtcUmL7JQC1ZQ57LmHP4lT15FQ8D61nak1rO6DH+fz5qNK2Ap5UN4ZapYICE3/0KodcLYSPsPbaA==",
+            "dependencies": {
+                "agent-base": "^7.0.2",
+                "debug": "4"
+            },
+            "engines": {
+                "node": ">= 14"
+            }
+        },
+        "node_modules/iconv-lite": {
+            "version": "0.6.3",
+            "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz",
+            "integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==",
+            "dependencies": {
+                "safer-buffer": ">= 2.1.2 < 3.0.0"
+            },
+            "engines": {
+                "node": ">=0.10.0"
+            }
+        },
         "node_modules/ieee754": {
             "version": "1.2.1",
             "resolved": "https://registry.npmjs.org/ieee754/-/ieee754-1.2.1.tgz",
@@ -2202,6 +2372,11 @@
                 "node": ">=8"
             }
         },
+        "node_modules/is-potential-custom-element-name": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/is-potential-custom-element-name/-/is-potential-custom-element-name-1.0.1.tgz",
+            "integrity": "sha512-bCYeRA2rVibKZd+s2625gGnGF/t7DSqDs4dP7CrLA1m7jKWz6pps0LpYLJN8Q64HtmPKJ1hrN3nzPNKFEKOUiQ=="
+        },
         "node_modules/is-reference": {
             "version": "1.2.1",
             "resolved": "https://registry.npmjs.org/is-reference/-/is-reference-1.2.1.tgz",
@@ -2215,6 +2390,19 @@
             "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
             "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw=="
         },
+        "node_modules/isomorphic-dompurify": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/isomorphic-dompurify/-/isomorphic-dompurify-2.0.0.tgz",
+            "integrity": "sha512-BJvrSQzg7jleSaySaWyhzGqH9/QxYc3sflm5fvjcXWAQcHQvQPQdCN0ORyqvMqnQDbwFuZXvqh2IcuVa3dG/DA==",
+            "dependencies": {
+                "@types/dompurify": "^3.0.3",
+                "dompurify": "^3.0.6",
+                "jsdom": "^23.0.0"
+            },
+            "engines": {
+                "node": ">=18"
+            }
+        },
         "node_modules/js-yaml": {
             "version": "4.1.0",
             "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz",
@@ -2226,6 +2414,45 @@
                 "js-yaml": "bin/js-yaml.js"
             }
         },
+        "node_modules/jsdom": {
+            "version": "23.0.1",
+            "resolved": "https://registry.npmjs.org/jsdom/-/jsdom-23.0.1.tgz",
+            "integrity": "sha512-2i27vgvlUsGEBO9+/kJQRbtqtm+191b5zAZrU/UezVmnC2dlDAFLgDYJvAEi94T4kjsRKkezEtLQTgsNEsW2lQ==",
+            "dependencies": {
+                "cssstyle": "^3.0.0",
+                "data-urls": "^5.0.0",
+                "decimal.js": "^10.4.3",
+                "form-data": "^4.0.0",
+                "html-encoding-sniffer": "^4.0.0",
+                "http-proxy-agent": "^7.0.0",
+                "https-proxy-agent": "^7.0.2",
+                "is-potential-custom-element-name": "^1.0.1",
+                "nwsapi": "^2.2.7",
+                "parse5": "^7.1.2",
+                "rrweb-cssom": "^0.6.0",
+                "saxes": "^6.0.0",
+                "symbol-tree": "^3.2.4",
+                "tough-cookie": "^4.1.3",
+                "w3c-xmlserializer": "^5.0.0",
+                "webidl-conversions": "^7.0.0",
+                "whatwg-encoding": "^3.1.1",
+                "whatwg-mimetype": "^4.0.0",
+                "whatwg-url": "^14.0.0",
+                "ws": "^8.14.2",
+                "xml-name-validator": "^5.0.0"
+            },
+            "engines": {
+                "node": ">=18"
+            },
+            "peerDependencies": {
+                "canvas": "^2.11.2"
+            },
+            "peerDependenciesMeta": {
+                "canvas": {
+                    "optional": true
+                }
+            }
+        },
         "node_modules/json-schema-traverse": {
             "version": "0.4.1",
             "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
@@ -2315,6 +2542,17 @@
                 "node": ">=12"
             }
         },
+        "node_modules/marked": {
+            "version": "9.1.6",
+            "resolved": "https://registry.npmjs.org/marked/-/marked-9.1.6.tgz",
+            "integrity": "sha512-jcByLnIFkd5gSXZmjNvS1TlmRhCXZjIzHYlaGkPlLIekG55JDR2Z4va9tZwCiP+/RDERiNhMOFu01xd6O5ct1Q==",
+            "bin": {
+                "marked": "bin/marked.js"
+            },
+            "engines": {
+                "node": ">= 16"
+            }
+        },
         "node_modules/mdn-data": {
             "version": "2.0.30",
             "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.30.tgz",
@@ -2351,6 +2589,25 @@
                 "node": ">=10.0.0"
             }
         },
+        "node_modules/mime-db": {
+            "version": "1.52.0",
+            "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
+            "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
+            "engines": {
+                "node": ">= 0.6"
+            }
+        },
+        "node_modules/mime-types": {
+            "version": "2.1.35",
+            "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
+            "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
+            "dependencies": {
+                "mime-db": "1.52.0"
+            },
+            "engines": {
+                "node": ">= 0.6"
+            }
+        },
         "node_modules/mimic-response": {
             "version": "3.1.0",
             "resolved": "https://registry.npmjs.org/mimic-response/-/mimic-response-3.1.0.tgz",
@@ -2477,6 +2734,11 @@
                 "node": ">=0.10.0"
             }
         },
+        "node_modules/nwsapi": {
+            "version": "2.2.7",
+            "resolved": "https://registry.npmjs.org/nwsapi/-/nwsapi-2.2.7.tgz",
+            "integrity": "sha512-ub5E4+FBPKwAZx0UwIQOjYWGHTEq5sPqHQNRN8Z9e4A7u3Tj1weLJsL59yH9vmvqEtBHaOmT6cYQKIZOxp35FQ=="
+        },
         "node_modules/once": {
             "version": "1.4.0",
             "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
@@ -2545,6 +2807,17 @@
                 "node": ">=6"
             }
         },
+        "node_modules/parse5": {
+            "version": "7.1.2",
+            "resolved": "https://registry.npmjs.org/parse5/-/parse5-7.1.2.tgz",
+            "integrity": "sha512-Czj1WaSVpaoj0wbhMzLmWD69anp2WH7FXMB9n1Sy8/ZFF9jolSQVMu1Ij5WIyGmcBmhk7EOndpO4mIpihVqAXw==",
+            "dependencies": {
+                "entities": "^4.4.0"
+            },
+            "funding": {
+                "url": "https://github.com/inikulin/parse5?sponsor=1"
+            }
+        },
         "node_modules/path-exists": {
             "version": "4.0.0",
             "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
@@ -2783,6 +3056,11 @@
                 "svelte": "^3.2.0 || ^4.0.0-next.0"
             }
         },
+        "node_modules/psl": {
+            "version": "1.9.0",
+            "resolved": "https://registry.npmjs.org/psl/-/psl-1.9.0.tgz",
+            "integrity": "sha512-E/ZsdU4HLs/68gYzgGTkMicWTLPdAftJLfJFlLUAAKZGkStNU72sZjT66SnMDVOfOWY/YAoiD7Jxa9iHvngcag=="
+        },
         "node_modules/pump": {
             "version": "3.0.0",
             "resolved": "https://registry.npmjs.org/pump/-/pump-3.0.0.tgz",
@@ -2793,13 +3071,18 @@
             }
         },
         "node_modules/punycode": {
-            "version": "2.3.0",
-            "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.0.tgz",
-            "integrity": "sha512-rRV+zQD8tVFys26lAGR9WUuS4iUAngJScM+ZRSKtvl5tKeZ2t5bvdNFdNHBW9FWR4guGHlgmsZ1G7BSm2wTbuA==",
+            "version": "2.3.1",
+            "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz",
+            "integrity": "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==",
             "engines": {
                 "node": ">=6"
             }
         },
+        "node_modules/querystringify": {
+            "version": "2.2.0",
+            "resolved": "https://registry.npmjs.org/querystringify/-/querystringify-2.2.0.tgz",
+            "integrity": "sha512-FIqgj2EUvTa7R50u0rGsyTftzjYmv/a3hO345bZNrqabNqjtgiDMgmo4mkUjd+nzU5oF3dClKqFIPUKybUyqoQ=="
+        },
         "node_modules/queue-microtask": {
             "version": "1.2.3",
             "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
@@ -2865,6 +3148,11 @@
                 "node": ">=8.10.0"
             }
         },
+        "node_modules/requires-port": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/requires-port/-/requires-port-1.0.0.tgz",
+            "integrity": "sha512-KigOCHcocU3XODJxsu8i/j8T9tzT4adHiecwORRQ0ZZFcp7ahwXuRU1m+yuO90C5ZUyGeGfocHDI14M3L3yDAQ=="
+        },
         "node_modules/resolve": {
             "version": "1.22.2",
             "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.2.tgz",
@@ -2951,6 +3239,11 @@
                 "fsevents": "~2.3.2"
             }
         },
+        "node_modules/rrweb-cssom": {
+            "version": "0.6.0",
+            "resolved": "https://registry.npmjs.org/rrweb-cssom/-/rrweb-cssom-0.6.0.tgz",
+            "integrity": "sha512-APM0Gt1KoXBz0iIkkdB/kfvGOwC4UuJFeG/c+yV7wSc7q96cG/kJ0HiYCnzivD9SB53cLV1MlHFNfOuPaadYSw=="
+        },
         "node_modules/run-parallel": {
             "version": "1.2.0",
             "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
@@ -3003,6 +3296,11 @@
                 }
             ]
         },
+        "node_modules/safer-buffer": {
+            "version": "2.1.2",
+            "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
+            "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg=="
+        },
         "node_modules/sander": {
             "version": "0.5.1",
             "resolved": "https://registry.npmjs.org/sander/-/sander-0.5.1.tgz",
@@ -3044,6 +3342,17 @@
                 "rimraf": "bin.js"
             }
         },
+        "node_modules/saxes": {
+            "version": "6.0.0",
+            "resolved": "https://registry.npmjs.org/saxes/-/saxes-6.0.0.tgz",
+            "integrity": "sha512-xAg7SOnEhrm5zI3puOOKyy1OMcMlIJZYNJY7xLBwSze0UjhPLnWfj2GF2EpT0jmzaJKIWKHLsaSSajf35bcYnA==",
+            "dependencies": {
+                "xmlchars": "^2.2.0"
+            },
+            "engines": {
+                "node": ">=v12.22.7"
+            }
+        },
         "node_modules/semver": {
             "version": "7.5.2",
             "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.2.tgz",
@@ -3449,6 +3758,11 @@
                 "node": ">=12"
             }
         },
+        "node_modules/symbol-tree": {
+            "version": "3.2.4",
+            "resolved": "https://registry.npmjs.org/symbol-tree/-/symbol-tree-3.2.4.tgz",
+            "integrity": "sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw=="
+        },
         "node_modules/tar-fs": {
             "version": "2.1.1",
             "resolved": "https://registry.npmjs.org/tar-fs/-/tar-fs-2.1.1.tgz",
@@ -3504,6 +3818,31 @@
                 "node": ">=6"
             }
         },
+        "node_modules/tough-cookie": {
+            "version": "4.1.3",
+            "resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-4.1.3.tgz",
+            "integrity": "sha512-aX/y5pVRkfRnfmuX+OdbSdXvPe6ieKX/G2s7e98f4poJHnqH3281gDPm/metm6E/WRamfx7WC4HUqkWHfQHprw==",
+            "dependencies": {
+                "psl": "^1.1.33",
+                "punycode": "^2.1.1",
+                "universalify": "^0.2.0",
+                "url-parse": "^1.5.3"
+            },
+            "engines": {
+                "node": ">=6"
+            }
+        },
+        "node_modules/tr46": {
+            "version": "5.0.0",
+            "resolved": "https://registry.npmjs.org/tr46/-/tr46-5.0.0.tgz",
+            "integrity": "sha512-tk2G5R2KRwBd+ZN0zaEXpmzdKyOYksXwywulIX95MBODjSzMIuQnQ3m8JxgbhnL1LeVo7lqQKsYa1O3Htl7K5g==",
+            "dependencies": {
+                "punycode": "^2.3.1"
+            },
+            "engines": {
+                "node": ">=18"
+            }
+        },
         "node_modules/tslib": {
             "version": "2.5.3",
             "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.5.3.tgz",
@@ -3602,6 +3941,14 @@
                 "tiny-inflate": "^1.0.0"
             }
         },
+        "node_modules/universalify": {
+            "version": "0.2.0",
+            "resolved": "https://registry.npmjs.org/universalify/-/universalify-0.2.0.tgz",
+            "integrity": "sha512-CJ1QgKmNg3CwvAv/kOFmtnEN05f0D/cn9QntgNOQlQF9dgvVTHj3t+8JPdjqawCHk7V/KA+fbUqzZ9XWhcqPUg==",
+            "engines": {
+                "node": ">= 4.0.0"
+            }
+        },
         "node_modules/uri-js": {
             "version": "4.4.1",
             "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz",
@@ -3610,6 +3957,15 @@
                 "punycode": "^2.1.0"
             }
         },
+        "node_modules/url-parse": {
+            "version": "1.5.10",
+            "resolved": "https://registry.npmjs.org/url-parse/-/url-parse-1.5.10.tgz",
+            "integrity": "sha512-WypcfiRhfeUP9vvF0j6rw0J3hrWrw6iZv3+22h6iRMJ/8z1Tj6XfLP4DsUix5MhMPnXpiHDoKyoZ/bdCkwBCiQ==",
+            "dependencies": {
+                "querystringify": "^2.1.1",
+                "requires-port": "^1.0.0"
+            }
+        },
         "node_modules/util-deprecate": {
             "version": "1.0.2",
             "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
@@ -3675,6 +4031,56 @@
                 }
             }
         },
+        "node_modules/w3c-xmlserializer": {
+            "version": "5.0.0",
+            "resolved": "https://registry.npmjs.org/w3c-xmlserializer/-/w3c-xmlserializer-5.0.0.tgz",
+            "integrity": "sha512-o8qghlI8NZHU1lLPrpi2+Uq7abh4GGPpYANlalzWxyWteJOCsr/P+oPBA49TOLu5FTZO4d3F9MnWJfiMo4BkmA==",
+            "dependencies": {
+                "xml-name-validator": "^5.0.0"
+            },
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/webidl-conversions": {
+            "version": "7.0.0",
+            "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-7.0.0.tgz",
+            "integrity": "sha512-VwddBukDzu71offAQR975unBIGqfKZpM+8ZX6ySk8nYhVoo5CYaZyzt3YBvYtRtO+aoGlqxPg/B87NGVZ/fu6g==",
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/whatwg-encoding": {
+            "version": "3.1.1",
+            "resolved": "https://registry.npmjs.org/whatwg-encoding/-/whatwg-encoding-3.1.1.tgz",
+            "integrity": "sha512-6qN4hJdMwfYBtE3YBTTHhoeuUrDBPZmbQaxWAqSALV/MeEnR5z1xd8UKud2RAkFoPkmB+hli1TZSnyi84xz1vQ==",
+            "dependencies": {
+                "iconv-lite": "0.6.3"
+            },
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/whatwg-mimetype": {
+            "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/whatwg-mimetype/-/whatwg-mimetype-4.0.0.tgz",
+            "integrity": "sha512-QaKxh0eNIi2mE9p2vEdzfagOKHCcj1pJ56EEHGQOVxp8r9/iszLUUV7v89x9O1p/T+NlTM5W7jW6+cz4Fq1YVg==",
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/whatwg-url": {
+            "version": "14.0.0",
+            "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-14.0.0.tgz",
+            "integrity": "sha512-1lfMEm2IEr7RIV+f4lUNPOqfFL+pO+Xw3fJSqmjX9AbXcXcYOkCe1P6+9VBZB6n94af16NfZf+sSk0JCBZC9aw==",
+            "dependencies": {
+                "tr46": "^5.0.0",
+                "webidl-conversions": "^7.0.0"
+            },
+            "engines": {
+                "node": ">=18"
+            }
+        },
         "node_modules/which": {
             "version": "2.0.2",
             "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
@@ -3702,6 +4108,39 @@
             "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
             "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ=="
         },
+        "node_modules/ws": {
+            "version": "8.16.0",
+            "resolved": "https://registry.npmjs.org/ws/-/ws-8.16.0.tgz",
+            "integrity": "sha512-HS0c//TP7Ina87TfiPUz1rQzMhHrl/SG2guqRcTOIUYD2q8uhUdNHZYJUaQ8aTGPzCh+c6oawMKW35nFl1dxyQ==",
+            "engines": {
+                "node": ">=10.0.0"
+            },
+            "peerDependencies": {
+                "bufferutil": "^4.0.1",
+                "utf-8-validate": ">=5.0.2"
+            },
+            "peerDependenciesMeta": {
+                "bufferutil": {
+                    "optional": true
+                },
+                "utf-8-validate": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/xml-name-validator": {
+            "version": "5.0.0",
+            "resolved": "https://registry.npmjs.org/xml-name-validator/-/xml-name-validator-5.0.0.tgz",
+            "integrity": "sha512-EvGK8EJ3DhaHfbRlETOWAS5pO9MZITeauHKJyb8wyajUfQUenkIg2MvLDTZ4T/TgIcm3HU0TFBgWWboAZ30UHg==",
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/xmlchars": {
+            "version": "2.2.0",
+            "resolved": "https://registry.npmjs.org/xmlchars/-/xmlchars-2.2.0.tgz",
+            "integrity": "sha512-JZnDKK8B0RCDw84FNdDAIpZK+JuJw+s7Lz8nksI7SIuU3UXJJslUthsi+uWBUYOwPFwW7W7PRLRfUKpxjtjFCw=="
+        },
         "node_modules/yallist": {
             "version": "4.0.0",
             "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
diff --git a/package.json b/package.json
index 6fce103..b7640ae 100644
--- a/package.json
+++ b/package.json
@@ -22,11 +22,13 @@
         "@typescript-eslint/eslint-plugin": "^5.45.0",
         "@typescript-eslint/parser": "^5.45.0",
         "better-sqlite3": "^8.3.0",
+        "carta-md": "^3.4.0",
         "dotenv": "^16.3.1",
         "eslint": "^8.28.0",
         "eslint-config-prettier": "^8.5.0",
         "eslint-plugin-svelte": "^2.31.0",
         "fontkit": "^2.0.2",
+        "isomorphic-dompurify": "^2.0.0",
         "prettier": "^2.8.0",
         "prettier-plugin-svelte": "^2.8.1",
         "svelte": "^4.0.0",
diff --git a/public/assets b/public/assets
new file mode 120000
index 0000000..f224365
--- /dev/null
+++ b/public/assets
@@ -0,0 +1 @@
+../static/assets
\ No newline at end of file
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 3aea8e6..d120206 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -1,34 +1,49 @@
 <svelte:head>
-    <style>
-        body,
-        html {
-            margin: 0;
-            padding: 0;
-        }
+	<style>
+		body,
+		html {
+			margin: 0;
+			padding: 0;
+			background: url(/assets/tile.png) repeat fixed;
+		}
 
-        @font-face {
-            font-family: 'Material Icons';
-            font-style: normal;
-            font-weight: 400;
-            src: url('/fonts/MaterialIcons-Regular-subset.woff2') format('woff2');
-        }
+		* {
+			box-sizing: border-box;
+		}
 
-        .material-icons {
-            font-family: 'Material Icons';
-            font-weight: normal;
-            font-style: normal;
-            font-size: 24px;
-            line-height: 1;
-            letter-spacing: normal;
-            text-transform: none;
-            display: inline-block;
-            white-space: nowrap;
-            word-wrap: normal;
-            direction: ltr;
-            -moz-font-feature-settings: 'liga';
-            -moz-osx-font-smoothing: grayscale;
-        }
-    </style>
+		@font-face {
+			font-family: 'Material Icons';
+			font-style: normal;
+			font-weight: 400;
+			src: url('/fonts/MaterialIcons-Regular-subset.woff2') format('woff2');
+		}
+
+		.material-icons {
+			font-family: 'Material Icons';
+			font-weight: normal;
+			font-style: normal;
+			font-size: 24px;
+			line-height: 1;
+			letter-spacing: normal;
+			text-transform: none;
+			display: inline-block;
+			white-space: nowrap;
+			word-wrap: normal;
+			direction: ltr;
+			-moz-font-feature-settings: 'liga';
+			-moz-osx-font-smoothing: grayscale;
+		}
+
+		.panel {
+			text-align: center;
+			background-color: rgba(0, 0, 0, 0.8);
+			overflow: auto;
+			border: 4px double;
+			border-radius: 10px;
+			justify-self: center;
+			color: white;
+		}
+	</style>
 </svelte:head>
 
 <slot />
diff --git a/src/routes/streams/+layout.svelte b/src/routes/streams/+layout.svelte
index a0ca181..8d2fa52 100644
--- a/src/routes/streams/+layout.svelte
+++ b/src/routes/streams/+layout.svelte
@@ -1,27 +1,31 @@
 <script>
-    import Sidebar from './Sidebar.svelte';
-    export let data;
+	import Sidebar from './Sidebar.svelte';
+	export let data;
 </script>
 
 <div id="mainContainer">
-    <div id="sidebar"><Sidebar streams={data.streams} /></div>
-    <div id="content"><slot /></div>
+	<div id="sidebar" class="panel"><Sidebar streams={data.streams} /></div>
+	<div id="content"><slot /></div>
 </div>
 
 <style>
-    #mainContainer {
-        display: grid;
-        grid-template-columns: 25% 75%;
-        height: 100vh;
-    }
-    #sidebar {
-        grid-column: 1;
-        height: 100%;
-        overflow: auto;
-        overflow-wrap: break-word;
-    }
+	#mainContainer {
+		display: grid;
+		grid-template-columns: 25% 75%;
+		height: 100vh;
+	}
+	#sidebar {
+		grid-column: 1;
+		height: calc(100vh - 1em);
+		overflow: auto;
+		overflow-wrap: break-word;
+		margin: 0.5em;
+		scrollbar-gutter: stable;
+	}
 
-    #content {
-        grid-column: 2;
-    }
+	#content {
+		grid-column: 2;
+		margin: 0.5em;
+		margin-left: 0em;
+	}
 </style>
diff --git a/src/routes/streams/Sidebar.svelte b/src/routes/streams/Sidebar.svelte
index 77a4fc3..9c08763 100644
--- a/src/routes/streams/Sidebar.svelte
+++ b/src/routes/streams/Sidebar.svelte
@@ -1,107 +1,114 @@
 <script>
-    import { goto } from '$app/navigation';
-    import TagSelect from './TagSelect.svelte';
+	import { goto } from '$app/navigation';
+	import TagSelect from './TagSelect.svelte';
 
-    export let streams;
-    let filteredTags = [];
-    let listOpen;
+	export let streams;
+	let filteredTags = [];
+	let listOpen;
 
-    $: displayedStreams = streamsToDisplay(filteredTags);
-    $: remainingTags = getRemainingTags(displayedStreams);
+	$: displayedStreams = streamsToDisplay(filteredTags);
+	$: remainingTags = getRemainingTags(displayedStreams);
 
-    function formatSecondsToHms(s) {
-        s = Number(s);
-        var h = Math.floor(s / 3600);
-        var m = Math.ceil((s % 3600) / 60);
+	function formatSecondsToHms(s) {
+		s = Number(s);
+		var h = Math.floor(s / 3600);
+		var m = Math.ceil((s % 3600) / 60);
 
-        var hDisplay = h > 0 ? h + (h == 1 ? ' hr' : ' hrs') + (m > 0 ? ', ' : '') : '';
-        var mDisplay = m > 0 ? m + (m == 1 ? ' min' : ' mins') : '';
-        return hDisplay + mDisplay;
-    }
+		var hDisplay = h > 0 ? h + (h == 1 ? ' hr' : ' hrs') + (m > 0 ? ', ' : '') : '';
+		var mDisplay = m > 0 ? m + (m == 1 ? ' min' : ' mins') : '';
+		return hDisplay + mDisplay;
+	}
 
-    function formatDate(unix_timestamp) {
-        const date = new Date(unix_timestamp);
-        const formattedDate = date.toISOString().split('T')[0];
-        return formattedDate;
-    }
+	function formatDate(unix_timestamp) {
+		const date = new Date(unix_timestamp);
+		const formattedDate = date.toISOString().split('T')[0];
+		return formattedDate;
+	}
 
-    function streamsToDisplay(filteredTags) {
-        const displayedStreams = streams.filter(
-            (stream) =>
-                !('tags' in stream) || filteredTags.every((tag) => stream['tags'].includes(tag))
-        );
+	function streamsToDisplay(filteredTags) {
+		const displayedStreams = streams.filter(
+			(stream) =>
+				!('tags' in stream) || filteredTags.every((tag) => stream['tags'].includes(tag))
+		);
 
-        // close tagselect dropdown if we can't select anything else
-        if (displayedStreams.length == 1) {
-            listOpen = !listOpen;
-        }
+		// close tagselect dropdown if we can't select anything else
+		if (displayedStreams.length == 1) {
+			listOpen = !listOpen;
+		}
 
-        return displayedStreams;
-    }
+		return displayedStreams;
+	}
 
-    function getRemainingTags(displayedStreams) {
-        let tagCounts = displayedStreams.reduce((tags, stream) => {
-            stream['tags'].forEach((tag) => (tag in tags ? (tags[tag] += 1) : (tags[tag] = 1)));
-            return tags;
-        }, {});
-        return Object.entries(tagCounts)
-            .filter((el) => el[1] != displayedStreams.length)
-            .map((el) => el[0]);
-    }
+	function getRemainingTags(displayedStreams) {
+		let tagCounts = displayedStreams.reduce((tags, stream) => {
+			stream['tags'].forEach((tag) => (tag in tags ? (tags[tag] += 1) : (tags[tag] = 1)));
+			return tags;
+		}, {});
+		return Object.entries(tagCounts)
+			.filter((el) => el[1] != displayedStreams.length)
+			.map((el) => el[0]);
+	}
 
-    function getDisplayedTagsInList(streamTags, remainingTags) {
-        return streamTags.filter((tag) => remainingTags.includes(tag));
-    }
+	function getDisplayedTagsInList(streamTags, remainingTags) {
+		return streamTags.filter((tag) => remainingTags.includes(tag));
+	}
 </script>
 
 <h1>streams</h1>
 
-<TagSelect bind:listOpen bind:checked={filteredTags} {remainingTags} />
+<div id="tagSelect">
+	<TagSelect bind:listOpen bind:checked={filteredTags} {remainingTags} />
+</div>
 
 <div>
-    <ul class="stream-list">
-        {#each streams as stream}
-            <li
-                hidden={!displayedStreams.includes(stream)}
-                class="stream-item"
-                id="stream-{stream['id']}"
-            >
-                <button
-                    class="stream-item-button"
-                    on:click={() => goto('/streams/' + stream['id'])}
-                >
-                    <span class="stream-item-title">{stream['title']}</span>
-                    <span class="stream-item-date">{formatDate(stream['stream_date'])}</span>
-                    <span class="stream-item-length"
-                        >{formatSecondsToHms(stream['length_seconds'])}</span
-                    >
-                    <span class="stream-item-data">title: {stream['title']}</span>
-                    <span class="stream-item-data"
-                        >{getDisplayedTagsInList(stream['tags'], remainingTags)}</span
-                    >
-                </button>
-            </li>
-        {/each}
-    </ul>
+	<ul class="stream-list">
+		{#each streams as stream}
+			<li
+				hidden={!displayedStreams.includes(stream)}
+				class="stream-item"
+				id="stream-{stream['id']}"
+			>
+				<button
+					class="stream-item-button"
+					on:click={() => goto('/streams/' + stream['id'])}
+				>
+					<span class="stream-item-title">{stream['title']}</span>
+					<span class="stream-item-date">{formatDate(stream['stream_date'])}</span>
+					<span class="stream-item-length"
+						>{formatSecondsToHms(stream['length_seconds'])}</span
+					>
+					<span class="stream-item-data">title: {stream['title']}</span>
+					<span class="stream-item-data"
+						>{getDisplayedTagsInList(stream['tags'], remainingTags)}</span
+					>
+				</button>
+			</li>
+		{/each}
+	</ul>
 </div>
 
 <style>
-    .stream-list {
-        list-style-type: none;
-        padding: 0;
-        margin: 0;
-        border: 1px solid black;
-    }
+	.stream-list {
+		list-style-type: none;
+		padding: 0;
+		margin: 0;
+		border: 1px solid black;
+	}
 
-    .stream-item {
-        width: 100%;
-        overflow-wrap: anywhere;
-        border-bottom: 1px solid black;
-    }
+	.stream-item {
+		width: 100%;
+		overflow-wrap: anywhere;
+		border-bottom: 1px solid black;
+	}
 
-    .stream-item-button {
-        border-radius: 0;
-        min-width: 100%;
-        border: none;
-    }
+	.stream-item-button {
+		border-radius: 0;
+		min-width: 100%;
+		border: none;
+	}
+
+	#tagSelect {
+		text-align: left;
+		color: black;
+	}
 </style>
diff --git a/src/routes/streams/[stream_id]/+page.svelte b/src/routes/streams/[stream_id]/+page.svelte
index 239bb45..ad1d099 100644
--- a/src/routes/streams/[stream_id]/+page.svelte
+++ b/src/routes/streams/[stream_id]/+page.svelte
@@ -1,40 +1,41 @@
 <script>
-    import StreamPage from './StreamPage.svelte';
-    import MetadataEditor from './MetadataEditor.svelte';
-    import Player from './Player.svelte';
-    import { page } from '$app/stores';
-    import { dev } from '$app/environment';
-    import { currentStream, updateCurrentStream } from '$lib/stores.js';
+	import StreamPage from './StreamPage.svelte';
+	import MetadataEditor from './MetadataEditor.svelte';
+	import Player from './Player.svelte';
+	import { page } from '$app/stores';
+	import { dev } from '$app/environment';
+	import { currentStream, updateCurrentStream } from '$lib/stores.js';
 
-    export let data;
-    $: updateCurrentStream(data.stream);
+	export let data;
+	$: updateCurrentStream(data.stream);
 </script>
 
 <div id="streamContainer">
-    <div id="streamPage">
-        {#if dev}
-            <MetadataEditor {...data} />
-        {/if}
-        <StreamPage />
-    </div>
-    <div id="player">
-        <Player display={true} src="/media/tracks/{$currentStream.filename}" />
-    </div>
+	<div id="streamPage" class="panel">
+		{#if dev}
+			<MetadataEditor {...data} />
+		{/if}
+		<StreamPage />
+	</div>
+	<div id="player">
+		<Player display={true} src="/media/tracks/{$currentStream.filename}" />
+	</div>
 </div>
 
 <style>
-    #streamContainer {
-        display: grid;
-        grid-template-rows: 85% 15%;
-        height: 100vh;
-    }
+	#streamContainer {
+		display: grid;
+		grid-template-rows: 85% 15%;
+		height: calc(100vh - 1em);
+	}
 
-    #streamPage {
-        grid-row: 1 / 2;
-        overflow: auto;
-    }
+	#streamPage {
+		grid-row: 1 / 2;
+		overflow: auto;
+		width: 100%;
+	}
 
-    #player {
-        grid-row: 2 / 3;
-    }
+	#player {
+		grid-row: 2 / 3;
+	}
 </style>
diff --git a/src/routes/streams/[stream_id]/MetadataEditor.svelte b/src/routes/streams/[stream_id]/MetadataEditor.svelte
index 16d6a0e..61406ab 100644
--- a/src/routes/streams/[stream_id]/MetadataEditor.svelte
+++ b/src/routes/streams/[stream_id]/MetadataEditor.svelte
@@ -1,73 +1,74 @@
 <script>
-    import { page } from '$app/stores';
-    import { tagList } from '$lib/stores.js';
+	import { page } from '$app/stores';
+	import { tagList } from '$lib/stores.js';
 
-    export let original;
-    let tagMap = new Map();
+	export let original;
+	let tagMap = new Map();
 
-    // Create a mapping of tags and their checked status
-    let reloadTags = (original) => {
-        tagList.forEach((tag) => {
-            tagMap.set(tag, original.tags.includes(tag));
-        });
-    };
+	// Create a mapping of tags and their checked status
+	let reloadTags = (original) => {
+		tagList.forEach((tag) => {
+			tagMap.set(tag, original.tags.includes(tag));
+		});
+	};
 
-    $: reloadTags(original);
+	$: reloadTags(original);
 </script>
 
 {#key $page.url.pathname}
-    <form method="POST">
-        <br />
-        <label>
-            <p>Title:</p>
-            <input type="text" name="title" bind:value={original.title} />
-        </label>
-        <br />
+	<form method="POST">
+		<br />
+		<label>
+			<p>Title:</p>
+			<input type="text" name="title" bind:value={original.title} />
+		</label>
+		<br />
 
-        <label>
-            <p>Description:</p>
-            <textarea
-                style="min-width:400px;min-height:100px"
-                name="description"
-                bind:value={original.description}
-            />
-        </label>
-        <br />
-        <label>
-            <p>Tags:</p>
-            <div class="checkboxContainer">
-                {#each tagList as tag}
-                    <label>
-                        <input type="checkbox" name="tags" value={tag} checked={tagMap.get(tag)} />
-                        {tag}
-                    </label>
-                {/each}
-            </div>
-        </label>
-        <br />
+		<label>
+			<p>Description:</p>
+			<textarea
+				style="min-width:400px;min-height:100px"
+				name="description"
+				bind:value={original.description}
+			/>
+		</label>
+		<br />
+		<label>
+			<p>Tags:</p>
+			<div class="checkboxContainer">
+				{#each tagList as tag}
+					<label>
+						<input type="checkbox" name="tags" value={tag} checked={tagMap.get(tag)} />
+						{tag}
+					</label>
+				{/each}
+			</div>
+		</label>
+		<br />
 
-        <button type="submit">Submit</button>
-    </form>
+		<button type="submit">Submit</button>
+	</form>
 {/key}
 
 <style>
-    form {
-        margin-left: 10px;
-    }
+	form {
+		margin-left: 10px;
+		text-align: left;
+	}
 
-    label {
-        display: flex;
-        align-items: center;
-    }
+	label {
+		display: flex;
+		align-items: center;
+	}
 
-    label > p {
-        margin-right: 5px;
-    }
+	label > p {
+		margin-right: 5px;
+	}
 
-    .checkboxContainer {
-        display: grid;
-        grid-template-columns: repeat(5, 1fr);
-        gap: 1px;
-        max-width: 50%;
-    }
+	.checkboxContainer {
+		display: grid;
+		grid-template-columns: repeat(5, 1fr);
+		gap: 1px;
+		max-width: 50%;
+	}
 </style>
diff --git a/src/routes/streams/[stream_id]/StreamPage.svelte b/src/routes/streams/[stream_id]/StreamPage.svelte
index 6d4401e..f381175 100644
--- a/src/routes/streams/[stream_id]/StreamPage.svelte
+++ b/src/routes/streams/[stream_id]/StreamPage.svelte
@@ -1,56 +1,74 @@
 <script>
-    import { currentStream, currentSongIndex } from '$lib/stores.js';
-    import {} from 'svelte';
-    import { jumpToTrack } from './Player.svelte';
+	import { currentStream, currentSongIndex } from '$lib/stores.js';
+	import { jumpToTrack } from './Player.svelte';
+	import { Carta } from 'carta-md';
+	import { sanitize } from 'isomorphic-dompurify';
 
-    function prettyPrintTime(s) {
-        return new Date(s * 1000).toISOString().slice(11, 19);
-    }
+	const carta = new Carta({
+		sanitizer: sanitize
+	});
+
+	function prettyPrintTime(s) {
+		return new Date(s * 1000).toISOString().slice(11, 19);
+	}
 </script>
 
 <div class="description-bubble">
-    {$currentStream.description === '' ? 'No description available.' : $currentStream.description}
+	{@html carta.renderSSR($currentStream.description || 'No description available.')}
 </div>
 
 <div>
-    <table>
-        <tr><th>Timestamp</th><th>Artist</th><th>Title</th></tr>
-        {#each $currentStream.tracks as track, i}
-            <tr on:click={() => jumpToTrack(track[0])} class:current={i == $currentSongIndex}>
-                <td>{prettyPrintTime(track[0])}</td>
-                <td>{track[1]}</td>
-                <td>{track[2]}</td>
-            </tr>
-        {/each}
-    </table>
+	<table>
+		<tr><th>Timestamp</th><th>Artist</th><th>Title</th></tr>
+		{#each $currentStream.tracks as track, i}
+			<tr on:click={() => jumpToTrack(track[0])} class:current={i == $currentSongIndex}>
+				<td>{prettyPrintTime(track[0])}</td>
+				<td>{track[1]}</td>
+				<td>{track[2]}</td>
+			</tr>
+		{/each}
+	</table>
 </div>
 
 <style>
-    .current {
-        background-color: gray;
-    }
-    .description-bubble {
-        position: relative;
-        background-color: #fff;
-        border: 1px solid #ccc;
-        padding: 10px;
-        margin: 10px;
-        border-radius: 5px;
-        max-width: 80%;
-        width: fit-content;
-        white-space: pre-line;
-        min-width: 50%;
-    }
+	td {
+		height: 1.3em;
+	}
+	.current {
+		background-color: gray;
+	}
+	.description-bubble {
+		position: relative;
+		background-color: #fff;
+		border: 1px solid #ccc;
+		color: black;
+		padding: 10px;
+		margin: 10px;
+		border-radius: 5px;
+		max-width: 80%;
+		width: fit-content;
+		min-width: 50%;
+		font-family: Verdana;
+		font-size: small;
+	}
 
-    .description-bubble::after {
-        content: '';
-        position: absolute;
-        border-style: solid;
-        border-width: 10px 0 10px 10px;
-        border-color: transparent transparent transparent #ccc;
-        top: 0;
-        right: -10px;
-        width: 0;
-        height: 0;
-    }
+	.description-bubble :global(:first-child) {
+		margin-top: 0px !important;
+	}
+
+	.description-bubble :global(:last-child) {
+		margin-bottom: 0px !important;
+	}
+
+	.description-bubble::after {
+		content: '';
+		position: absolute;
+		border-style: solid;
+		border-width: 10px 0 10px 10px;
+		border-color: transparent transparent transparent #ccc;
+		top: 0;
+		right: -10px;
+		width: 0;
+		height: 0;
+	}
 </style>
diff --git a/static/assets/tile.png b/static/assets/tile.png
new file mode 100644
index 0000000000000000000000000000000000000000..ceacc693840c8faf29f4acdc3a995fdc12b50b3b
GIT binary patch
literal 8289
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

literal 0
HcmV?d00001