feat: [#33] single page navigation

* feat: added next-ux for testing

* wip: why is this such a pain

* wip: into something with simple routing system

* wip: routes are going somewhere

* chore: exploded evrything back to square 1

* wip: still progressing

* fix: interactive view clear wrapper now

* feat: single page navigation system

Author: cd-bash

src/components/thumbnail/index.ts

@@ -1,10 +1,6 @@
 import './styles.css';
-import {EventBus} from "../../event-bus";
-import {Events} from "../../consts/events";
-import {handlers} from "../../consts/handlers";
+import {EVENT_BUS} from "../../core";
 
-const EVENT_BUS = new EventBus<Events>();
-EVENT_BUS.subscribe('page_navigation', handlers.page_navigation);
 
 export type thumbnailContent = {
     readonly thumbnail: string;
@@ -45,7 +41,9 @@ export function createThumbnail(content: thumbnailContent, showcase: boolean) {
     itemTexts.appendChild(itemCategory);
     itemBox.appendChild(clearFix);
 
-    itemThumbnail.addEventListener('click', () => EVENT_BUS.dispatch('page_navigation', {path: "Button A", pageReference: content.path}));
+    itemThumbnail.addEventListener('click', () => {
+        EVENT_BUS.dispatch('page_navigation', { pageReference: 'interactive/' + content.path });
+    });
 
     return itemBox;
 }

src/consts/events/index.ts

@@ -1,16 +1,18 @@
-import {projectView} from "../../views/project-view";
+import {projectView, renderView} from "../../views";
 import {projectInfo} from "../../components/vertical-nav/info-project.ts";
-import {renderView} from "../../views/utils";
 import {renderBreadcrumbs, renderNavInfo} from "../../components/vertical-nav";
 import {createThumbnail} from "../../components/thumbnail";
 import {BreadcrumbCategory, breadcrumbs, BreadcrumbsLink} from "../../components/breadcrumbs";
 
 import * as spaceCompass from "./space-compass";
+import * as nextUx from "./next-ux";
+import {interactiveView} from "../../views/interactive.ts";
 
 
 
 const pageReferences: { [key: string]: any } = {
     "space-compass": spaceCompass,
+    "next-ux": nextUx,
 };
 
 
@@ -32,6 +34,13 @@ export function buildProjectPage(pageReference: string) {
     renderView(viewContent);
 }
 
+export function buildInteractivePage() {
+    const viewContent = interactiveView();
+
+    renderView(viewContent);
+
+}
+
 export function buildThumbnailList() {
     const list = document.createElement('ul');