diff --git a/api/static/js/collection.js b/api/static/js/collection.js
deleted file mode 100644
index 1b5d4b7..0000000
--- a/api/static/js/collection.js
+++ /dev/null
@@ -1,50 +0,0 @@
-"use strict";
-// This module takes care of pulling down videos for the given category
-class Video {
-    constructor(raw) {
-        this.title = raw['name'];
-        this.category = raw['category'];
-        this.thumbnail_b64 = raw['thumbnail'];
-    }
-    title_link() {
-        let container = document.createElement('h2');
-        let link = document.createElement('a');
-        link.href = `/video?c=${this.category}&v=${this.title}`;
-        link.text = this.title;
-        container.appendChild(link);
-        return container;
-    }
-}
-function get_category() {
-    // Used to modify the DOM
-    let params = (new URL(document.location.toString())).searchParams;
-    return params.get('c');
-}
-function base_url() {
-    const loc = document.location;
-    return loc.protocol + '//' + loc.host;
-}
-function fetch_videos() {
-    const category = get_category();
-    if (!category) {
-        return [];
-    }
-    const endpoint = base_url() + `/api/categories?c=${category}`;
-    let xml = new XMLHttpRequest();
-    xml.open('GET', endpoint, false); // sync request
-    xml.send(null); // no params required
-    if (xml.getResponseHeader('Content-Type') == 'application/json') {
-        let raw = JSON.parse(xml.responseText);
-        for (const vid of raw['videos']) {
-            console.log(vid);
-        }
-    }
-    return [];
-}
-function ready(e) {
-    if (document.readyState != 'complete') {
-        return e;
-    }
-    const video_data = fetch_videos();
-}
-document.addEventListener('readystatechange', ready);
diff --git a/api/static/js/index.js b/api/static/js/index.js
deleted file mode 100644
index b0b96d7..0000000
--- a/api/static/js/index.js
+++ /dev/null
@@ -1,57 +0,0 @@
-"use strict";
-class Category {
-    constructor(raw) {
-        this.name = raw['name'];
-        this.thumbnail_b64 = raw['thumbnail'];
-    }
-    title_link() {
-        let container = document.createElement('h2');
-        let link = document.createElement('a');
-        link.href = `/collection?c=${this.name}`;
-        link.text = this.name;
-        container.appendChild(link);
-        return container;
-    }
-    thumbnail_div() {
-        let nail = document.createElement('img');
-        nail.className = 'pure-img';
-        if (!(this.thumbnail_b64 == null || this.thumbnail_b64.length == 0)) {
-            nail.setAttribute('src', `data:image/jpg;base64,${this.thumbnail_b64}`);
-        }
-        else {
-            nail.setAttribute('src', '/cantfindshit.gif');
-        }
-        return nail;
-    }
-    as_div() {
-        let container = document.createElement('div');
-        container.className = 'video-block';
-        let title = this.title_link();
-        let thumbnail = this.thumbnail_div();
-        container.appendChild(title);
-        container.appendChild(thumbnail);
-        // Dump gallery onto the main page
-        document.getElementById('main-container').appendChild(container);
-        return container;
-    }
-}
-function ready_handler(e) {
-    // Only let this make a get request once we're ready on the page
-    if (document.readyState != 'complete') {
-        return e;
-    }
-    // All we do here is basically make a get request to /api/categories
-    const endpoint = 'http://localhost/api/categories';
-    let xml = new XMLHttpRequest();
-    xml.open('GET', endpoint, false); // sync request
-    xml.send(null); // nothing required for stuff
-    if (xml.getResponseHeader('Content-Type') == 'application/json') {
-        let raw = JSON.parse(xml.responseText);
-        for (const cat_raw of raw['categories']) {
-            let cat = new Category(cat_raw);
-            cat.as_div();
-        }
-    }
-    return e;
-}
-document.addEventListener('readystatechange', ready_handler);