diff --git a/index.bak.html b/index.bak.html
deleted file mode 100644
index 94afd727..00000000
--- a/index.bak.html
+++ /dev/null
@@ -1,231 +0,0 @@
-
-
-
-
- Pipeline Test
-
-
-
-
- Visualizer
-
- Dynamic
-
-
-
-
-
- Static Sub-Figures
-
-
-
-
-
-
-
-
diff --git a/index.html b/index.html
index c9670cb3..1027f91c 100644
--- a/index.html
+++ b/index.html
@@ -1,23 +1,231 @@
-
+
- Web Components Test
+
+ Pipeline Test
+
+
-
-
-
+ Visualizer
+
+ Dynamic
+
+
+
+
+
+ Static Sub-Figures
+
+
+
+
+
+
diff --git a/src/components.js b/src/components.js
deleted file mode 100644
index f308573e..00000000
--- a/src/components.js
+++ /dev/null
@@ -1,70 +0,0 @@
-import {World} from "./world.js";
-
-const diorama_template = document.createElement('template');
-diorama_template.innerHTML = ``;
-
-customElements.define('mc-world', class extends HTMLElement {
- constructor() {
- super();
- }
-
- connectedCallback() {
- this.data = new World(this.innerText);
-
- if (this.parentElement.tagName.toLowerCase() === 'mc-frame') {
- this.parentElement.world = this;
- }
- }
-});
-
-customElements.define('mc-frame', class extends HTMLElement {
- static get observedAttributes() {
- return ['worldid'];
- }
-
- constructor() {
- super();
-
- if (this.parentElement.tagName.toLowerCase() === 'mc-diorama') {
- this.parentElement.frame = this;
- }
- }
-
- attributeChangedCallback(name, old, val) {
- if (name === 'worldid') {
- let elem = document.getElementById(val);
- console.assert(elem.tagName === 'MC-WORLD', 'worldid does not refer to a mc-world.');
- this.world = elem;
- }
- }
-
- connectedCallback() {
- if (this.parentElement.tagName.toLowerCase() === 'mc-diorama') {
- this.parentElement.frame = this;
- }
- }
-});
-
-customElements.define('mc-diorama', class extends HTMLElement {
- static get observedAttributes() {
- return ['frameid'];
- }
-
- constructor() {
- super();
-
- const shadow = this.attachShadow({mode: 'open'});
- shadow.appendChild(diorama_template.content.cloneNode(true));
- }
-
- connectedCallback() {
- }
-
- attributeChangedCallback(name, oldValue, newValue) {
- if (name === 'frameid') {
- let elem = document.getElementById(newValue);
- console.assert(elem.tagName === 'MC-FRAME', 'frameid does not refer to a mc-frame.');
- this.frame = elem.frame;
- }
- }
-});
diff --git a/src/defaults.css b/src/defaults.css
deleted file mode 100644
index 6fabc201..00000000
--- a/src/defaults.css
+++ /dev/null
@@ -1,12 +0,0 @@
-@layer defaults {
- mc-diorama {
- display: block;
- width: 300px;
- height: 150px;
- margin-block: 1em;
- }
-
- mc-world, mc-frame {
- display: none;
- }
-}
\ No newline at end of file
diff --git a/src/styles.css b/src/styles.css
deleted file mode 100644
index 3a163e70..00000000
--- a/src/styles.css
+++ /dev/null
@@ -1 +0,0 @@
-@import 'defaults.css';