diff --git a/orbitmines.com/src/@orbitmines/Visualization.tsx b/orbitmines.com/src/@orbitmines/Visualization.tsx
deleted file mode 100644
index 514bcfd..0000000
--- a/orbitmines.com/src/@orbitmines/Visualization.tsx
+++ /dev/null
@@ -1,303 +0,0 @@
-import React, {useCallback, useEffect, useRef, useState} from 'react';
-import {Canvas} from "@react-three/fiber";
-import {ACESFilmicToneMapping, SRGBColorSpace} from "three";
-import WEBGL from "three/examples/jsm/capabilities/WebGL";
-import {useSearchParams} from "react-router-dom";
-import {toPng} from "html-to-image";
-import {Button} from "@blueprintjs/core";
-import isWebGLAvailable = WEBGL.isWebGLAvailable;
-import {Children, Col, PaperProps, Row} from "../lib/paper/Paper";
-
-export const NoWebGL = () => {
-  return <div>No WebGL</div>
-}
-
-export type VisualizationProps = {
-  context: Omit<PaperProps, 'children'>,
-  alt: string,
-}
-
-const Visualization = ({}: { }) => {
-  return <VisualizationCanvas>
-
-  </VisualizationCanvas>
-}
-
-export const CachedVisualizationCanvas = (
-  {
-    alt,
-    context,
-    children,
-    ...props
-  }: React.HTMLAttributes<HTMLElement> & Children & VisualizationProps
-) => {
-  const ref = useRef<any>(null);
-  const [useImage, setUseImage] = useState<boolean>(true);
-  let generate;
-  try {
-    const [params] = useSearchParams();
-
-    generate = params.get('generate');
-  } catch (e) {
-    generate = 'pdf';
-  }
-
-  const exportPng = useCallback(() => {
-    if (ref === null)
-      return;
-
-    toPng(ref.current, {
-      cacheBust: true,
-      // backgroundColor: '#1C2127'
-    })
-      .then((dataUrl) => {
-        const link = document.createElement('a')
-        link.download = `${alt}.png`
-        link.href = dataUrl
-        link.click()
-      })
-      .catch((err) => {
-        console.log(err)
-      });
-  }, [ref]);
-
-  if (context.link === undefined)
-    throw 'Cannot have the paper\'s link be undefined when using a cached canvas.'
-
-  const canvasUrl = `${context.link.replace("https://orbitmines.com", "")}/images/${alt}.png`;
-
-  useEffect(() => {
-    // Just a quick hack to check if it's loaded (could draw it on the canvas from here, ?)
-
-    const img = new Image();
-    img.src = canvasUrl;
-    img.onerror = () => {
-      setUseImage(false);
-    };
-  }, []);
-
-  if (useImage) {
-    return <CanvasContainer {...props}>
-      <canvas
-        style={{
-          width: '100%',
-          height: '100%',
-          backgroundImage: `url('${canvasUrl}')`,
-          backgroundPosition: 'center center',
-          backgroundRepeat: 'no-repeat'
-        }}
-      />
-    </CanvasContainer>
-  }
-
-  return <div>
-    <div ref={ref}>
-      <CanvasContainer {...props}>
-        <ThreeJS>{children}</ThreeJS>
-      </CanvasContainer>
-    </div>
-    {generate === 'canvas' ? <Row end="xs">
-      {/* eslint-disable-next-line react/jsx-no-undef */}
-      <Col> <Button text=".png" icon="media" minimal onClick={exportPng}/></Col>
-    </Row> : <></>}
-  </div>
-}
-
-export const CanvasContainer = ({
-                           children,
-                           ...props
-                         }: React.HTMLAttributes<HTMLElement> & Children) => (<div
-  {...{
-    id: 'canvas-container',
-    ...props,
-    style: {
-      width: '100%',
-      height: '30px', // Height needs to be set (probably because three-fiber checks if there's a value here to resize the canvas dynamically)
-      // minHeight: '100vh',
-      ...(props.style || {})
-    }
-    // className="py-20"
-  }}
->
-  {children}
-</div>)
-
-export const ThreeJS = ({ref, children}: Children & { ref?: React.MutableRefObject<any>}) => {
-  // https://threejs.org/docs/#manual/en/introduction/WebGL-compatibility-check
-  if (!isWebGLAvailable())
-    return <NoWebGL/>;
-
-  // console.log('webgl2', isWebGLAvailable());
-
-  /*
-    https://docs.pmnd.rs/react-three-fiber/api/canvas
-    - Sets up a Scene and a Camera, the basic building blocks necessary for rendering
-    - Renders our scene every frame, you do not need a traditional render-loop
-
-    - Canvas is responsive to fit the parent node, so you can control how big it is by changing the parents width and height, in this case #canvas-container.
-  */
-  return <Canvas
-    ref={ref}
-
-    // WebGL
-    // - https://threejs.org/docs/#api/en/renderers/WebGLRenderer
-    // - https://www.khronos.org/registry/webgl/specs/latest/1.0/#5.2
-    gl={{
-      antialias: true,
-      // stencil: false, depth: false,
-
-      // Controls the default clear alpha value. When set to true, the value is 0 Otherwise it's 1.
-      alpha: true,
-
-      // Provides a hint to the user agent indicating what configuration of GPU is suitable for this WebGL context. Can be "high-performance", "low-power" or "default". Default is "default"
-      powerPreference: 'high-performance',
-
-      // precision: 'highp'
-
-      // https://threejs.org/docs/#manual/en/introduction/Color-management
-      outputColorSpace: SRGBColorSpace,
-
-      // https://threejs.org/docs/index.html#api/en/renderers/WebGLRenderer.toneMapping
-      toneMapping: ACESFilmicToneMapping,
-
-      // https://threejs.org/docs/index.html#api/en/renderers/WebGLRenderer.shadowMap
-      // shadowMap: {
-      //     enabled: false,
-      //     type: PCFShadowMap
-      // }
-
-      // fixes: https://github.com/niklasvh/html2canvas/issues/1311
-      preserveDrawingBuffer: true
-    }}
-
-    // https://threejs.org/docs/#api/en/cameras/Camera
-    camera={{
-      // field of view. FOV is the extent of the scene that is seen on the display at any given moment. The value is in degrees.
-      fov: 70,
-
-      // objects further away from the camera than the value of `far` or closer than `near` won't be rendered
-      near: 0.1,
-      far: 1000,
-
-      position: [0, 0, 1000]
-    }}
-
-    // https://threejs.org/docs/#api/en/scenes/Scene
-    scene={{}}
-
-    // https://threejs.org/docs/#api/en/core/Raycaster
-    raycaster={{}}
-
-    // https://docs.pmnd.rs/react-three-fiber/advanced/scaling-performance#:~:text=set%20the%20canvas-,frameloop,-prop%20to%20demand
-    frameloop="always"
-
-    // https://github.com/pmndrs/react-use-measure#api
-    resize={{scroll: true, debounce: {scroll: 50, resize: 0}}}
-
-    // https://threejs.org/docs/#api/en/cameras/OrthographicCamera
-    // In this projection mode, an object's size in the rendered image stays constant regardless of its distance from the camera.
-    orthographic={true}
-
-    // Device pixel ratio (https://developer.mozilla.org/en-US/docs/Web/API/Window/devicePixelRatio)
-    dpr={[1, 2]}
-
-    // true = Switch off automatic sRGB color space and gamma correction
-    linear={false}
-
-    // Configuration for the event manager, as a function of state
-    // events={}
-    // The source where events are being subscribed to, HTMLElement
-    // eventSource={}
-    // Callback after the canvas has rendered (but not yet committed)
-    // onCreated={}
-    // Response for pointer clicks that have missed any target
-    // onPointerMissed={}
-
-    // The event prefix that is cast into canvas pointer x/y events
-    eventPrefix={'offset'}
-
-  >
-    {children}
-
-    {/*/!* https://threejs.org/docs/#api/en/objects/Mesh *!/*/}
-    {/*<mesh>*/}
-    {/*    /!**/}
-    {/*    https://threejs.org/docs/#api/en/lights/AmbientLight*/}
-    {/*    - This light globally illuminates all objects in the scene equally.*/}
-    {/*    - This light cannot be used to cast shadows as it does not have a direction.*/}
-    {/*    *!/*/}
-
-    {/*    /!* https://threejs.org/docs/#api/en/lights/DirectionalLight *!/*/}
-    {/*    /!*<directionalLight color="red" position={[0, 0, 5]} />*!/*/}
-
-    {/*    /!* https://threejs.org/docs/#api/en/geometries/BoxGeometry *!/*/}
-    {/*    <boxGeometry args={[1, 1, 1]}/>*/}
-
-    {/*    /!* https://threejs.org/docs/#api/en/materials/MeshStandardMaterial *!/*/}
-    {/*    <meshStandardMaterial color="orange" />*/}
-    {/*</mesh>*/}
-
-    {/*<pointLight position={[-10, -10, -10]} />*/}
-
-    {/* https://docs.pmnd.rs/react-postprocessing/selection */}
-    {/*<Selection>*/}
-    {/*  /!* https://docs.pmnd.rs/react-postprocessing/effect-composer *!/*/}
-    {/*  <EffectComposer multisampling={8} autoClear={false}>*/}
-    {/*    <Outline blur={false} visibleEdgeColor="white" edgeStrength={100} height={2000} width={3000} />*/}
-    {/*  </EffectComposer>*/}
-    {/*</Selection>*/}
-
-    {/*<Wasm/>*/}
-
-    {/*<Test/>*/}
-
-    {/*<Ray_3*/}
-    {/*    scale={5.0}*/}
-    {/*    position={[0, -40, 0]}*/}
-    {/*    terminal={[10, 0, 0]}*/}
-    {/*    ray={ray([0, 1, 1, 1, 0, 0, 1, 1, 0, 1, 0, 0, 0, 1, 1, 1, 0, 0, 1, 1, 0, 1, 0, 0, 0, 1, 1, 1, 0, 0, 1, 1, 0, 1, 0, 0, 0, 1, 1, 1, 0, 0, 1, 1, 0, 1, 0, 0, 0, 1, 1, 1, 0, 0, 1, 1, 0, 1, 0, 0,])}*/}
-    {/*/>*/}
-
-    {/*<OrbitControls />*/}
-
-    {/*<Box args={[20, 20, 0]} position={[20, 0, 0]}>*/}
-    {/*    /!* https://threejs.org/docs/#api/en/materials/MeshStandardMaterial *!/*/}
-    {/*    <meshStandardMaterial color="black" />*/}
-    {/*</Box>*/}
-    {/*<Box args={[20, 20, 0]} position={[40, 0, 0]}>*/}
-    {/*    /!* https://threejs.org/docs/#api/en/materials/MeshStandardMaterial *!/*/}
-    {/*    <meshStandardMaterial color="white" />*/}
-    {/*</Box>*/}
-    {/*<Box args={[20, 20, 0]} position={[60, 0, 0]}>*/}
-    {/*    /!* https://threejs.org/docs/#api/en/materials/MeshStandardMaterial *!/*/}
-    {/*    <meshStandardMaterial color="black" />*/}
-    {/*</Box>*/}
-
-    {/*<Box args={[40, 40, 0]} position={[0, 0, 0]}>*/}
-    {/*    /!* https://threejs.org/docs/#api/en/materials/MeshStandardMaterial *!/*/}
-    {/*    <meshStandardMaterial color="white" />*/}
-    {/*</Box>*/}
-
-    {/*<Line points={[[-10, 0, 0], [0, 10, 0], [10, 0, 0]]} color="orange" lineWidth={1} />*/}
-
-  </Canvas>
-}
-
-export const VisualizationCanvas = (
-  {
-    children,
-    ...props
-  }: React.HTMLAttributes<HTMLElement> & Children
-) => {
-
-  return (
-    // ThreeJS: https://threejs.org/
-    // React Three Fiber: https://docs.pmnd.rs/react-three-fiber/api/objects
-    //                    https://github.com/pmndrs/drei#readme
-    <CanvasContainer {...props}>
-      <ThreeJS>{children}</ThreeJS>
-    </CanvasContainer>
-  );
-};
-
-export default Visualization;
\ No newline at end of file
diff --git a/orbitmines.com/src/index.tsx b/orbitmines.com/src/index.tsx
index 12268f3..c261ca1 100755
--- a/orbitmines.com/src/index.tsx
+++ b/orbitmines.com/src/index.tsx
@@ -1,6 +1,6 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
-import './lib/layout/styles/index.scss';
+import './lib/index.scss';
 import App from './App';
 import { BrowserRouter } from 'react-router-dom';
 
diff --git a/orbitmines.com/src/lib/layout/font/fonts/JetBrainsMono/JetBrainsMono-2.242.zip b/orbitmines.com/src/lib/fonts/JetBrainsMono/JetBrainsMono-2.242.zip
similarity index 100%
rename from orbitmines.com/src/lib/layout/font/fonts/JetBrainsMono/JetBrainsMono-2.242.zip
rename to orbitmines.com/src/lib/fonts/JetBrainsMono/JetBrainsMono-2.242.zip
diff --git a/orbitmines.com/src/lib/layout/font/fonts/JetBrainsMono/json/JetBrains Mono NL SemiBold_Italic.json b/orbitmines.com/src/lib/fonts/JetBrainsMono/json/JetBrains Mono NL SemiBold_Italic.json
similarity index 100%
rename from orbitmines.com/src/lib/layout/font/fonts/JetBrainsMono/json/JetBrains Mono NL SemiBold_Italic.json
rename to orbitmines.com/src/lib/fonts/JetBrainsMono/json/JetBrains Mono NL SemiBold_Italic.json
diff --git a/orbitmines.com/src/lib/layout/font/fonts/JetBrainsMono/json/JetBrains Mono NL SemiBold_Regular.json b/orbitmines.com/src/lib/fonts/JetBrainsMono/json/JetBrains Mono NL SemiBold_Regular.json
similarity index 100%
rename from orbitmines.com/src/lib/layout/font/fonts/JetBrainsMono/json/JetBrains Mono NL SemiBold_Regular.json
rename to orbitmines.com/src/lib/fonts/JetBrainsMono/json/JetBrains Mono NL SemiBold_Regular.json
diff --git a/orbitmines.com/src/lib/layout/font/fonts/JetBrainsMono/json/JetBrains Mono NL Thin_Italic.json b/orbitmines.com/src/lib/fonts/JetBrainsMono/json/JetBrains Mono NL Thin_Italic.json
similarity index 100%
rename from orbitmines.com/src/lib/layout/font/fonts/JetBrainsMono/json/JetBrains Mono NL Thin_Italic.json
rename to orbitmines.com/src/lib/fonts/JetBrainsMono/json/JetBrains Mono NL Thin_Italic.json
diff --git a/orbitmines.com/src/lib/layout/font/fonts/JetBrainsMono/json/JetBrains Mono NL Thin_Regular.json b/orbitmines.com/src/lib/fonts/JetBrainsMono/json/JetBrains Mono NL Thin_Regular.json
similarity index 100%
rename from orbitmines.com/src/lib/layout/font/fonts/JetBrainsMono/json/JetBrains Mono NL Thin_Regular.json
rename to orbitmines.com/src/lib/fonts/JetBrainsMono/json/JetBrains Mono NL Thin_Regular.json
diff --git a/orbitmines.com/src/lib/layout/font/fonts/JetBrainsMono/json/JetBrains Mono NL_Regular.json b/orbitmines.com/src/lib/fonts/JetBrainsMono/json/JetBrains Mono NL_Regular.json
similarity index 100%
rename from orbitmines.com/src/lib/layout/font/fonts/JetBrainsMono/json/JetBrains Mono NL_Regular.json
rename to orbitmines.com/src/lib/fonts/JetBrainsMono/json/JetBrains Mono NL_Regular.json
diff --git a/orbitmines.com/src/lib/layout/font/fonts/JetBrainsMono/json/JetBrains Mono SemiBold_Italic.json b/orbitmines.com/src/lib/fonts/JetBrainsMono/json/JetBrains Mono SemiBold_Italic.json
similarity index 100%
rename from orbitmines.com/src/lib/layout/font/fonts/JetBrainsMono/json/JetBrains Mono SemiBold_Italic.json
rename to orbitmines.com/src/lib/fonts/JetBrainsMono/json/JetBrains Mono SemiBold_Italic.json
diff --git a/orbitmines.com/src/lib/layout/font/fonts/JetBrainsMono/json/JetBrains Mono SemiBold_Regular.json b/orbitmines.com/src/lib/fonts/JetBrainsMono/json/JetBrains Mono SemiBold_Regular.json
similarity index 100%
rename from orbitmines.com/src/lib/layout/font/fonts/JetBrainsMono/json/JetBrains Mono SemiBold_Regular.json
rename to orbitmines.com/src/lib/fonts/JetBrainsMono/json/JetBrains Mono SemiBold_Regular.json
diff --git a/orbitmines.com/src/lib/layout/font/fonts/JetBrainsMono/json/JetBrains Mono Thin_Italic.json b/orbitmines.com/src/lib/fonts/JetBrainsMono/json/JetBrains Mono Thin_Italic.json
similarity index 100%
rename from orbitmines.com/src/lib/layout/font/fonts/JetBrainsMono/json/JetBrains Mono Thin_Italic.json
rename to orbitmines.com/src/lib/fonts/JetBrainsMono/json/JetBrains Mono Thin_Italic.json
diff --git a/orbitmines.com/src/lib/layout/font/fonts/JetBrainsMono/json/JetBrains Mono Thin_Regular.json b/orbitmines.com/src/lib/fonts/JetBrainsMono/json/JetBrains Mono Thin_Regular.json
similarity index 100%
rename from orbitmines.com/src/lib/layout/font/fonts/JetBrainsMono/json/JetBrains Mono Thin_Regular.json
rename to orbitmines.com/src/lib/fonts/JetBrainsMono/json/JetBrains Mono Thin_Regular.json
diff --git a/orbitmines.com/src/lib/layout/font/fonts/JetBrainsMono/json/JetBrains Mono_Regular.json b/orbitmines.com/src/lib/fonts/JetBrainsMono/json/JetBrains Mono_Regular.json
similarity index 100%
rename from orbitmines.com/src/lib/layout/font/fonts/JetBrainsMono/json/JetBrains Mono_Regular.json
rename to orbitmines.com/src/lib/fonts/JetBrainsMono/json/JetBrains Mono_Regular.json
diff --git a/orbitmines.com/src/lib/layout/font/fonts/JetBrainsMono/ttf/JetBrainsMono-Bold.ttf b/orbitmines.com/src/lib/fonts/JetBrainsMono/ttf/JetBrainsMono-Bold.ttf
similarity index 100%
rename from orbitmines.com/src/lib/layout/font/fonts/JetBrainsMono/ttf/JetBrainsMono-Bold.ttf
rename to orbitmines.com/src/lib/fonts/JetBrainsMono/ttf/JetBrainsMono-Bold.ttf
diff --git a/orbitmines.com/src/lib/layout/font/fonts/JetBrainsMono/ttf/JetBrainsMono-BoldItalic.ttf b/orbitmines.com/src/lib/fonts/JetBrainsMono/ttf/JetBrainsMono-BoldItalic.ttf
similarity index 100%
rename from orbitmines.com/src/lib/layout/font/fonts/JetBrainsMono/ttf/JetBrainsMono-BoldItalic.ttf
rename to orbitmines.com/src/lib/fonts/JetBrainsMono/ttf/JetBrainsMono-BoldItalic.ttf
diff --git a/orbitmines.com/src/lib/layout/font/fonts/JetBrainsMono/ttf/JetBrainsMono-ExtraBold.ttf b/orbitmines.com/src/lib/fonts/JetBrainsMono/ttf/JetBrainsMono-ExtraBold.ttf
similarity index 100%
rename from orbitmines.com/src/lib/layout/font/fonts/JetBrainsMono/ttf/JetBrainsMono-ExtraBold.ttf
rename to orbitmines.com/src/lib/fonts/JetBrainsMono/ttf/JetBrainsMono-ExtraBold.ttf
diff --git a/orbitmines.com/src/lib/layout/font/fonts/JetBrainsMono/ttf/JetBrainsMono-ExtraBoldItalic.ttf b/orbitmines.com/src/lib/fonts/JetBrainsMono/ttf/JetBrainsMono-ExtraBoldItalic.ttf
similarity index 100%
rename from orbitmines.com/src/lib/layout/font/fonts/JetBrainsMono/ttf/JetBrainsMono-ExtraBoldItalic.ttf
rename to orbitmines.com/src/lib/fonts/JetBrainsMono/ttf/JetBrainsMono-ExtraBoldItalic.ttf
diff --git a/orbitmines.com/src/lib/layout/font/fonts/JetBrainsMono/ttf/JetBrainsMono-ExtraLight.ttf b/orbitmines.com/src/lib/fonts/JetBrainsMono/ttf/JetBrainsMono-ExtraLight.ttf
similarity index 100%
rename from orbitmines.com/src/lib/layout/font/fonts/JetBrainsMono/ttf/JetBrainsMono-ExtraLight.ttf
rename to orbitmines.com/src/lib/fonts/JetBrainsMono/ttf/JetBrainsMono-ExtraLight.ttf
diff --git a/orbitmines.com/src/lib/layout/font/fonts/JetBrainsMono/ttf/JetBrainsMono-ExtraLightItalic.ttf b/orbitmines.com/src/lib/fonts/JetBrainsMono/ttf/JetBrainsMono-ExtraLightItalic.ttf
similarity index 100%
rename from orbitmines.com/src/lib/layout/font/fonts/JetBrainsMono/ttf/JetBrainsMono-ExtraLightItalic.ttf
rename to orbitmines.com/src/lib/fonts/JetBrainsMono/ttf/JetBrainsMono-ExtraLightItalic.ttf
diff --git a/orbitmines.com/src/lib/layout/font/fonts/JetBrainsMono/ttf/JetBrainsMono-Italic.ttf b/orbitmines.com/src/lib/fonts/JetBrainsMono/ttf/JetBrainsMono-Italic.ttf
similarity index 100%
rename from orbitmines.com/src/lib/layout/font/fonts/JetBrainsMono/ttf/JetBrainsMono-Italic.ttf
rename to orbitmines.com/src/lib/fonts/JetBrainsMono/ttf/JetBrainsMono-Italic.ttf
diff --git a/orbitmines.com/src/lib/layout/font/fonts/JetBrainsMono/ttf/JetBrainsMono-Light.ttf b/orbitmines.com/src/lib/fonts/JetBrainsMono/ttf/JetBrainsMono-Light.ttf
similarity index 100%
rename from orbitmines.com/src/lib/layout/font/fonts/JetBrainsMono/ttf/JetBrainsMono-Light.ttf
rename to orbitmines.com/src/lib/fonts/JetBrainsMono/ttf/JetBrainsMono-Light.ttf
diff --git a/orbitmines.com/src/lib/layout/font/fonts/JetBrainsMono/ttf/JetBrainsMono-LightItalic.ttf b/orbitmines.com/src/lib/fonts/JetBrainsMono/ttf/JetBrainsMono-LightItalic.ttf
similarity index 100%
rename from orbitmines.com/src/lib/layout/font/fonts/JetBrainsMono/ttf/JetBrainsMono-LightItalic.ttf
rename to orbitmines.com/src/lib/fonts/JetBrainsMono/ttf/JetBrainsMono-LightItalic.ttf
diff --git a/orbitmines.com/src/lib/layout/font/fonts/JetBrainsMono/ttf/JetBrainsMono-Medium.ttf b/orbitmines.com/src/lib/fonts/JetBrainsMono/ttf/JetBrainsMono-Medium.ttf
similarity index 100%
rename from orbitmines.com/src/lib/layout/font/fonts/JetBrainsMono/ttf/JetBrainsMono-Medium.ttf
rename to orbitmines.com/src/lib/fonts/JetBrainsMono/ttf/JetBrainsMono-Medium.ttf
diff --git a/orbitmines.com/src/lib/layout/font/fonts/JetBrainsMono/ttf/JetBrainsMono-MediumItalic.ttf b/orbitmines.com/src/lib/fonts/JetBrainsMono/ttf/JetBrainsMono-MediumItalic.ttf
similarity index 100%
rename from orbitmines.com/src/lib/layout/font/fonts/JetBrainsMono/ttf/JetBrainsMono-MediumItalic.ttf
rename to orbitmines.com/src/lib/fonts/JetBrainsMono/ttf/JetBrainsMono-MediumItalic.ttf
diff --git a/orbitmines.com/src/lib/layout/font/fonts/JetBrainsMono/ttf/JetBrainsMono-Regular.ttf b/orbitmines.com/src/lib/fonts/JetBrainsMono/ttf/JetBrainsMono-Regular.ttf
similarity index 100%
rename from orbitmines.com/src/lib/layout/font/fonts/JetBrainsMono/ttf/JetBrainsMono-Regular.ttf
rename to orbitmines.com/src/lib/fonts/JetBrainsMono/ttf/JetBrainsMono-Regular.ttf
diff --git a/orbitmines.com/src/lib/layout/font/fonts/JetBrainsMono/ttf/JetBrainsMono-SemiBold.ttf b/orbitmines.com/src/lib/fonts/JetBrainsMono/ttf/JetBrainsMono-SemiBold.ttf
similarity index 100%
rename from orbitmines.com/src/lib/layout/font/fonts/JetBrainsMono/ttf/JetBrainsMono-SemiBold.ttf
rename to orbitmines.com/src/lib/fonts/JetBrainsMono/ttf/JetBrainsMono-SemiBold.ttf
diff --git a/orbitmines.com/src/lib/layout/font/fonts/JetBrainsMono/ttf/JetBrainsMono-SemiBoldItalic.ttf b/orbitmines.com/src/lib/fonts/JetBrainsMono/ttf/JetBrainsMono-SemiBoldItalic.ttf
similarity index 100%
rename from orbitmines.com/src/lib/layout/font/fonts/JetBrainsMono/ttf/JetBrainsMono-SemiBoldItalic.ttf
rename to orbitmines.com/src/lib/fonts/JetBrainsMono/ttf/JetBrainsMono-SemiBoldItalic.ttf
diff --git a/orbitmines.com/src/lib/layout/font/fonts/JetBrainsMono/ttf/JetBrainsMono-Thin.ttf b/orbitmines.com/src/lib/fonts/JetBrainsMono/ttf/JetBrainsMono-Thin.ttf
similarity index 100%
rename from orbitmines.com/src/lib/layout/font/fonts/JetBrainsMono/ttf/JetBrainsMono-Thin.ttf
rename to orbitmines.com/src/lib/fonts/JetBrainsMono/ttf/JetBrainsMono-Thin.ttf
diff --git a/orbitmines.com/src/lib/layout/font/fonts/JetBrainsMono/ttf/JetBrainsMono-ThinItalic.ttf b/orbitmines.com/src/lib/fonts/JetBrainsMono/ttf/JetBrainsMono-ThinItalic.ttf
similarity index 100%
rename from orbitmines.com/src/lib/layout/font/fonts/JetBrainsMono/ttf/JetBrainsMono-ThinItalic.ttf
rename to orbitmines.com/src/lib/fonts/JetBrainsMono/ttf/JetBrainsMono-ThinItalic.ttf
diff --git a/orbitmines.com/src/lib/layout/font/fonts/JetBrainsMono/ttf/JetBrainsMonoNL-Bold.ttf b/orbitmines.com/src/lib/fonts/JetBrainsMono/ttf/JetBrainsMonoNL-Bold.ttf
similarity index 100%
rename from orbitmines.com/src/lib/layout/font/fonts/JetBrainsMono/ttf/JetBrainsMonoNL-Bold.ttf
rename to orbitmines.com/src/lib/fonts/JetBrainsMono/ttf/JetBrainsMonoNL-Bold.ttf
diff --git a/orbitmines.com/src/lib/layout/font/fonts/JetBrainsMono/ttf/JetBrainsMonoNL-BoldItalic.ttf b/orbitmines.com/src/lib/fonts/JetBrainsMono/ttf/JetBrainsMonoNL-BoldItalic.ttf
similarity index 100%
rename from orbitmines.com/src/lib/layout/font/fonts/JetBrainsMono/ttf/JetBrainsMonoNL-BoldItalic.ttf
rename to orbitmines.com/src/lib/fonts/JetBrainsMono/ttf/JetBrainsMonoNL-BoldItalic.ttf
diff --git a/orbitmines.com/src/lib/layout/font/fonts/JetBrainsMono/ttf/JetBrainsMonoNL-ExtraBold.ttf b/orbitmines.com/src/lib/fonts/JetBrainsMono/ttf/JetBrainsMonoNL-ExtraBold.ttf
similarity index 100%
rename from orbitmines.com/src/lib/layout/font/fonts/JetBrainsMono/ttf/JetBrainsMonoNL-ExtraBold.ttf
rename to orbitmines.com/src/lib/fonts/JetBrainsMono/ttf/JetBrainsMonoNL-ExtraBold.ttf
diff --git a/orbitmines.com/src/lib/layout/font/fonts/JetBrainsMono/ttf/JetBrainsMonoNL-ExtraBoldItalic.ttf b/orbitmines.com/src/lib/fonts/JetBrainsMono/ttf/JetBrainsMonoNL-ExtraBoldItalic.ttf
similarity index 100%
rename from orbitmines.com/src/lib/layout/font/fonts/JetBrainsMono/ttf/JetBrainsMonoNL-ExtraBoldItalic.ttf
rename to orbitmines.com/src/lib/fonts/JetBrainsMono/ttf/JetBrainsMonoNL-ExtraBoldItalic.ttf
diff --git a/orbitmines.com/src/lib/layout/font/fonts/JetBrainsMono/ttf/JetBrainsMonoNL-ExtraLight.ttf b/orbitmines.com/src/lib/fonts/JetBrainsMono/ttf/JetBrainsMonoNL-ExtraLight.ttf
similarity index 100%
rename from orbitmines.com/src/lib/layout/font/fonts/JetBrainsMono/ttf/JetBrainsMonoNL-ExtraLight.ttf
rename to orbitmines.com/src/lib/fonts/JetBrainsMono/ttf/JetBrainsMonoNL-ExtraLight.ttf
diff --git a/orbitmines.com/src/lib/layout/font/fonts/JetBrainsMono/ttf/JetBrainsMonoNL-ExtraLightItalic.ttf b/orbitmines.com/src/lib/fonts/JetBrainsMono/ttf/JetBrainsMonoNL-ExtraLightItalic.ttf
similarity index 100%
rename from orbitmines.com/src/lib/layout/font/fonts/JetBrainsMono/ttf/JetBrainsMonoNL-ExtraLightItalic.ttf
rename to orbitmines.com/src/lib/fonts/JetBrainsMono/ttf/JetBrainsMonoNL-ExtraLightItalic.ttf
diff --git a/orbitmines.com/src/lib/layout/font/fonts/JetBrainsMono/ttf/JetBrainsMonoNL-Italic.ttf b/orbitmines.com/src/lib/fonts/JetBrainsMono/ttf/JetBrainsMonoNL-Italic.ttf
similarity index 100%
rename from orbitmines.com/src/lib/layout/font/fonts/JetBrainsMono/ttf/JetBrainsMonoNL-Italic.ttf
rename to orbitmines.com/src/lib/fonts/JetBrainsMono/ttf/JetBrainsMonoNL-Italic.ttf
diff --git a/orbitmines.com/src/lib/layout/font/fonts/JetBrainsMono/ttf/JetBrainsMonoNL-Light.ttf b/orbitmines.com/src/lib/fonts/JetBrainsMono/ttf/JetBrainsMonoNL-Light.ttf
similarity index 100%
rename from orbitmines.com/src/lib/layout/font/fonts/JetBrainsMono/ttf/JetBrainsMonoNL-Light.ttf
rename to orbitmines.com/src/lib/fonts/JetBrainsMono/ttf/JetBrainsMonoNL-Light.ttf
diff --git a/orbitmines.com/src/lib/layout/font/fonts/JetBrainsMono/ttf/JetBrainsMonoNL-LightItalic.ttf b/orbitmines.com/src/lib/fonts/JetBrainsMono/ttf/JetBrainsMonoNL-LightItalic.ttf
similarity index 100%
rename from orbitmines.com/src/lib/layout/font/fonts/JetBrainsMono/ttf/JetBrainsMonoNL-LightItalic.ttf
rename to orbitmines.com/src/lib/fonts/JetBrainsMono/ttf/JetBrainsMonoNL-LightItalic.ttf
diff --git a/orbitmines.com/src/lib/layout/font/fonts/JetBrainsMono/ttf/JetBrainsMonoNL-Medium.ttf b/orbitmines.com/src/lib/fonts/JetBrainsMono/ttf/JetBrainsMonoNL-Medium.ttf
similarity index 100%
rename from orbitmines.com/src/lib/layout/font/fonts/JetBrainsMono/ttf/JetBrainsMonoNL-Medium.ttf
rename to orbitmines.com/src/lib/fonts/JetBrainsMono/ttf/JetBrainsMonoNL-Medium.ttf
diff --git a/orbitmines.com/src/lib/layout/font/fonts/JetBrainsMono/ttf/JetBrainsMonoNL-MediumItalic.ttf b/orbitmines.com/src/lib/fonts/JetBrainsMono/ttf/JetBrainsMonoNL-MediumItalic.ttf
similarity index 100%
rename from orbitmines.com/src/lib/layout/font/fonts/JetBrainsMono/ttf/JetBrainsMonoNL-MediumItalic.ttf
rename to orbitmines.com/src/lib/fonts/JetBrainsMono/ttf/JetBrainsMonoNL-MediumItalic.ttf
diff --git a/orbitmines.com/src/lib/layout/font/fonts/JetBrainsMono/ttf/JetBrainsMonoNL-Regular.ttf b/orbitmines.com/src/lib/fonts/JetBrainsMono/ttf/JetBrainsMonoNL-Regular.ttf
similarity index 100%
rename from orbitmines.com/src/lib/layout/font/fonts/JetBrainsMono/ttf/JetBrainsMonoNL-Regular.ttf
rename to orbitmines.com/src/lib/fonts/JetBrainsMono/ttf/JetBrainsMonoNL-Regular.ttf
diff --git a/orbitmines.com/src/lib/layout/font/fonts/JetBrainsMono/ttf/JetBrainsMonoNL-SemiBold.ttf b/orbitmines.com/src/lib/fonts/JetBrainsMono/ttf/JetBrainsMonoNL-SemiBold.ttf
similarity index 100%
rename from orbitmines.com/src/lib/layout/font/fonts/JetBrainsMono/ttf/JetBrainsMonoNL-SemiBold.ttf
rename to orbitmines.com/src/lib/fonts/JetBrainsMono/ttf/JetBrainsMonoNL-SemiBold.ttf
diff --git a/orbitmines.com/src/lib/layout/font/fonts/JetBrainsMono/ttf/JetBrainsMonoNL-SemiBoldItalic.ttf b/orbitmines.com/src/lib/fonts/JetBrainsMono/ttf/JetBrainsMonoNL-SemiBoldItalic.ttf
similarity index 100%
rename from orbitmines.com/src/lib/layout/font/fonts/JetBrainsMono/ttf/JetBrainsMonoNL-SemiBoldItalic.ttf
rename to orbitmines.com/src/lib/fonts/JetBrainsMono/ttf/JetBrainsMonoNL-SemiBoldItalic.ttf
diff --git a/orbitmines.com/src/lib/layout/font/fonts/JetBrainsMono/ttf/JetBrainsMonoNL-Thin.ttf b/orbitmines.com/src/lib/fonts/JetBrainsMono/ttf/JetBrainsMonoNL-Thin.ttf
similarity index 100%
rename from orbitmines.com/src/lib/layout/font/fonts/JetBrainsMono/ttf/JetBrainsMonoNL-Thin.ttf
rename to orbitmines.com/src/lib/fonts/JetBrainsMono/ttf/JetBrainsMonoNL-Thin.ttf
diff --git a/orbitmines.com/src/lib/layout/font/fonts/JetBrainsMono/ttf/JetBrainsMonoNL-ThinItalic.ttf b/orbitmines.com/src/lib/fonts/JetBrainsMono/ttf/JetBrainsMonoNL-ThinItalic.ttf
similarity index 100%
rename from orbitmines.com/src/lib/layout/font/fonts/JetBrainsMono/ttf/JetBrainsMonoNL-ThinItalic.ttf
rename to orbitmines.com/src/lib/fonts/JetBrainsMono/ttf/JetBrainsMonoNL-ThinItalic.ttf
diff --git a/orbitmines.com/src/lib/layout/font/fonts/JetBrainsMono/variable/JetBrainsMono-Italic[wght].ttf b/orbitmines.com/src/lib/fonts/JetBrainsMono/variable/JetBrainsMono-Italic[wght].ttf
similarity index 100%
rename from orbitmines.com/src/lib/layout/font/fonts/JetBrainsMono/variable/JetBrainsMono-Italic[wght].ttf
rename to orbitmines.com/src/lib/fonts/JetBrainsMono/variable/JetBrainsMono-Italic[wght].ttf
diff --git a/orbitmines.com/src/lib/layout/font/fonts/JetBrainsMono/variable/JetBrainsMono[wght].ttf b/orbitmines.com/src/lib/fonts/JetBrainsMono/variable/JetBrainsMono[wght].ttf
similarity index 100%
rename from orbitmines.com/src/lib/layout/font/fonts/JetBrainsMono/variable/JetBrainsMono[wght].ttf
rename to orbitmines.com/src/lib/fonts/JetBrainsMono/variable/JetBrainsMono[wght].ttf
diff --git a/orbitmines.com/src/lib/layout/font/fonts/JetBrainsMono/webfonts/JetBrainsMono-Bold.woff2 b/orbitmines.com/src/lib/fonts/JetBrainsMono/webfonts/JetBrainsMono-Bold.woff2
similarity index 100%
rename from orbitmines.com/src/lib/layout/font/fonts/JetBrainsMono/webfonts/JetBrainsMono-Bold.woff2
rename to orbitmines.com/src/lib/fonts/JetBrainsMono/webfonts/JetBrainsMono-Bold.woff2
diff --git a/orbitmines.com/src/lib/layout/font/fonts/JetBrainsMono/webfonts/JetBrainsMono-BoldItalic.woff2 b/orbitmines.com/src/lib/fonts/JetBrainsMono/webfonts/JetBrainsMono-BoldItalic.woff2
similarity index 100%
rename from orbitmines.com/src/lib/layout/font/fonts/JetBrainsMono/webfonts/JetBrainsMono-BoldItalic.woff2
rename to orbitmines.com/src/lib/fonts/JetBrainsMono/webfonts/JetBrainsMono-BoldItalic.woff2
diff --git a/orbitmines.com/src/lib/layout/font/fonts/JetBrainsMono/webfonts/JetBrainsMono-ExtraBold.woff2 b/orbitmines.com/src/lib/fonts/JetBrainsMono/webfonts/JetBrainsMono-ExtraBold.woff2
similarity index 100%
rename from orbitmines.com/src/lib/layout/font/fonts/JetBrainsMono/webfonts/JetBrainsMono-ExtraBold.woff2
rename to orbitmines.com/src/lib/fonts/JetBrainsMono/webfonts/JetBrainsMono-ExtraBold.woff2
diff --git a/orbitmines.com/src/lib/layout/font/fonts/JetBrainsMono/webfonts/JetBrainsMono-ExtraBoldItalic.woff2 b/orbitmines.com/src/lib/fonts/JetBrainsMono/webfonts/JetBrainsMono-ExtraBoldItalic.woff2
similarity index 100%
rename from orbitmines.com/src/lib/layout/font/fonts/JetBrainsMono/webfonts/JetBrainsMono-ExtraBoldItalic.woff2
rename to orbitmines.com/src/lib/fonts/JetBrainsMono/webfonts/JetBrainsMono-ExtraBoldItalic.woff2
diff --git a/orbitmines.com/src/lib/layout/font/fonts/JetBrainsMono/webfonts/JetBrainsMono-ExtraLight.woff2 b/orbitmines.com/src/lib/fonts/JetBrainsMono/webfonts/JetBrainsMono-ExtraLight.woff2
similarity index 100%
rename from orbitmines.com/src/lib/layout/font/fonts/JetBrainsMono/webfonts/JetBrainsMono-ExtraLight.woff2
rename to orbitmines.com/src/lib/fonts/JetBrainsMono/webfonts/JetBrainsMono-ExtraLight.woff2
diff --git a/orbitmines.com/src/lib/layout/font/fonts/JetBrainsMono/webfonts/JetBrainsMono-ExtraLightItalic.woff2 b/orbitmines.com/src/lib/fonts/JetBrainsMono/webfonts/JetBrainsMono-ExtraLightItalic.woff2
similarity index 100%
rename from orbitmines.com/src/lib/layout/font/fonts/JetBrainsMono/webfonts/JetBrainsMono-ExtraLightItalic.woff2
rename to orbitmines.com/src/lib/fonts/JetBrainsMono/webfonts/JetBrainsMono-ExtraLightItalic.woff2
diff --git a/orbitmines.com/src/lib/layout/font/fonts/JetBrainsMono/webfonts/JetBrainsMono-Italic.woff2 b/orbitmines.com/src/lib/fonts/JetBrainsMono/webfonts/JetBrainsMono-Italic.woff2
similarity index 100%
rename from orbitmines.com/src/lib/layout/font/fonts/JetBrainsMono/webfonts/JetBrainsMono-Italic.woff2
rename to orbitmines.com/src/lib/fonts/JetBrainsMono/webfonts/JetBrainsMono-Italic.woff2
diff --git a/orbitmines.com/src/lib/layout/font/fonts/JetBrainsMono/webfonts/JetBrainsMono-Light.woff2 b/orbitmines.com/src/lib/fonts/JetBrainsMono/webfonts/JetBrainsMono-Light.woff2
similarity index 100%
rename from orbitmines.com/src/lib/layout/font/fonts/JetBrainsMono/webfonts/JetBrainsMono-Light.woff2
rename to orbitmines.com/src/lib/fonts/JetBrainsMono/webfonts/JetBrainsMono-Light.woff2
diff --git a/orbitmines.com/src/lib/layout/font/fonts/JetBrainsMono/webfonts/JetBrainsMono-LightItalic.woff2 b/orbitmines.com/src/lib/fonts/JetBrainsMono/webfonts/JetBrainsMono-LightItalic.woff2
similarity index 100%
rename from orbitmines.com/src/lib/layout/font/fonts/JetBrainsMono/webfonts/JetBrainsMono-LightItalic.woff2
rename to orbitmines.com/src/lib/fonts/JetBrainsMono/webfonts/JetBrainsMono-LightItalic.woff2
diff --git a/orbitmines.com/src/lib/layout/font/fonts/JetBrainsMono/webfonts/JetBrainsMono-Medium.woff2 b/orbitmines.com/src/lib/fonts/JetBrainsMono/webfonts/JetBrainsMono-Medium.woff2
similarity index 100%
rename from orbitmines.com/src/lib/layout/font/fonts/JetBrainsMono/webfonts/JetBrainsMono-Medium.woff2
rename to orbitmines.com/src/lib/fonts/JetBrainsMono/webfonts/JetBrainsMono-Medium.woff2
diff --git a/orbitmines.com/src/lib/layout/font/fonts/JetBrainsMono/webfonts/JetBrainsMono-MediumItalic.woff2 b/orbitmines.com/src/lib/fonts/JetBrainsMono/webfonts/JetBrainsMono-MediumItalic.woff2
similarity index 100%
rename from orbitmines.com/src/lib/layout/font/fonts/JetBrainsMono/webfonts/JetBrainsMono-MediumItalic.woff2
rename to orbitmines.com/src/lib/fonts/JetBrainsMono/webfonts/JetBrainsMono-MediumItalic.woff2
diff --git a/orbitmines.com/src/lib/layout/font/fonts/JetBrainsMono/webfonts/JetBrainsMono-Regular.woff2 b/orbitmines.com/src/lib/fonts/JetBrainsMono/webfonts/JetBrainsMono-Regular.woff2
similarity index 100%
rename from orbitmines.com/src/lib/layout/font/fonts/JetBrainsMono/webfonts/JetBrainsMono-Regular.woff2
rename to orbitmines.com/src/lib/fonts/JetBrainsMono/webfonts/JetBrainsMono-Regular.woff2
diff --git a/orbitmines.com/src/lib/layout/font/fonts/JetBrainsMono/webfonts/JetBrainsMono-SemiBold.woff2 b/orbitmines.com/src/lib/fonts/JetBrainsMono/webfonts/JetBrainsMono-SemiBold.woff2
similarity index 100%
rename from orbitmines.com/src/lib/layout/font/fonts/JetBrainsMono/webfonts/JetBrainsMono-SemiBold.woff2
rename to orbitmines.com/src/lib/fonts/JetBrainsMono/webfonts/JetBrainsMono-SemiBold.woff2
diff --git a/orbitmines.com/src/lib/layout/font/fonts/JetBrainsMono/webfonts/JetBrainsMono-SemiBoldItalic.woff2 b/orbitmines.com/src/lib/fonts/JetBrainsMono/webfonts/JetBrainsMono-SemiBoldItalic.woff2
similarity index 100%
rename from orbitmines.com/src/lib/layout/font/fonts/JetBrainsMono/webfonts/JetBrainsMono-SemiBoldItalic.woff2
rename to orbitmines.com/src/lib/fonts/JetBrainsMono/webfonts/JetBrainsMono-SemiBoldItalic.woff2
diff --git a/orbitmines.com/src/lib/layout/font/fonts/JetBrainsMono/webfonts/JetBrainsMono-Thin.woff2 b/orbitmines.com/src/lib/fonts/JetBrainsMono/webfonts/JetBrainsMono-Thin.woff2
similarity index 100%
rename from orbitmines.com/src/lib/layout/font/fonts/JetBrainsMono/webfonts/JetBrainsMono-Thin.woff2
rename to orbitmines.com/src/lib/fonts/JetBrainsMono/webfonts/JetBrainsMono-Thin.woff2
diff --git a/orbitmines.com/src/lib/layout/font/fonts/JetBrainsMono/webfonts/JetBrainsMono-ThinItalic.woff2 b/orbitmines.com/src/lib/fonts/JetBrainsMono/webfonts/JetBrainsMono-ThinItalic.woff2
similarity index 100%
rename from orbitmines.com/src/lib/layout/font/fonts/JetBrainsMono/webfonts/JetBrainsMono-ThinItalic.woff2
rename to orbitmines.com/src/lib/fonts/JetBrainsMono/webfonts/JetBrainsMono-ThinItalic.woff2
diff --git a/orbitmines.com/src/lib/layout/font/styles/font.scss b/orbitmines.com/src/lib/fonts/font.scss
similarity index 92%
rename from orbitmines.com/src/lib/layout/font/styles/font.scss
rename to orbitmines.com/src/lib/fonts/font.scss
index 8563127..926d63c 100755
--- a/orbitmines.com/src/lib/layout/font/styles/font.scss
+++ b/orbitmines.com/src/lib/fonts/font.scss
@@ -12,7 +12,7 @@ $fonts: (
   $font-weight: map-get($options, font-weight);
   $font-style: map-get($options, font-style);
 
-  $file: '../fonts/#{$name}/ttf/#{$file-name}';
+  $file: './#{$name}/ttf/#{$file-name}';
 
   @font-face{
     font-family: $name;
diff --git a/orbitmines.com/src/lib/layout/styles/index.scss b/orbitmines.com/src/lib/index.scss
similarity index 59%
rename from orbitmines.com/src/lib/layout/styles/index.scss
rename to orbitmines.com/src/lib/index.scss
index c9a609f..a357a24 100755
--- a/orbitmines.com/src/lib/layout/styles/index.scss
+++ b/orbitmines.com/src/lib/index.scss
@@ -1,8 +1,8 @@
-@import "./blueprintjs/styles/blueprintjs";
-@import "../../layout/flexbox/styles/flexbox";
-@import "../font/styles/font";
+@import "paper/blueprintjs";
+@import "paper/flexbox";
+@import "fonts/font";
 
-@import "../../layout/styles/spacing";
+@import "paper/spacing";
 
 @import "~@blueprintjs/core/lib/scss/variables";
 
diff --git a/orbitmines.com/src/lib/index.ts b/orbitmines.com/src/lib/index.ts
deleted file mode 100755
index 36cc107..0000000
--- a/orbitmines.com/src/lib/index.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-
-export {
-
-}
\ No newline at end of file
diff --git a/orbitmines.com/src/lib/layout/font/Font.tsx b/orbitmines.com/src/lib/layout/font/Font.tsx
deleted file mode 100755
index 233c169..0000000
--- a/orbitmines.com/src/lib/layout/font/Font.tsx
+++ /dev/null
@@ -1,3 +0,0 @@
-import {BulkLoad, SingleLoad} from "@react-pdf/types";
-
-export type FontFamily = SingleLoad | BulkLoad;
diff --git a/orbitmines.com/src/lib/layout/font/fonts/JetBrainsMono/JetBrainsMono.ts b/orbitmines.com/src/lib/layout/font/fonts/JetBrainsMono/JetBrainsMono.ts
deleted file mode 100755
index e4b97ee..0000000
--- a/orbitmines.com/src/lib/layout/font/fonts/JetBrainsMono/JetBrainsMono.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-import {FontFamily} from "../../Font";
-
-import JetBrainsMonoRegular from './ttf/JetBrainsMono-Regular.ttf';
-import JetBrainsMonoSemiBold from './ttf/JetBrainsMono-SemiBold.ttf';
-import JetBrainsMonoBold from './ttf/JetBrainsMono-Bold.ttf';
-
-const JetBrainsMono: FontFamily = {
-  family: 'JetBrainsMono, monospace',
-  fonts: [
-    {src: JetBrainsMonoRegular, fontWeight: 'normal', fontStyle: 'normal'},
-    {src: JetBrainsMonoSemiBold, fontWeight: 'semibold', fontStyle: 'normal'},
-    {src: JetBrainsMonoBold, fontWeight: 'bold', fontStyle: 'normal'},
-  ]
-}
-
-export default JetBrainsMono;
\ No newline at end of file
diff --git a/orbitmines.com/src/lib/layout/font/fonts/blueprintjs/BlueprintIcons.ts b/orbitmines.com/src/lib/layout/font/fonts/blueprintjs/BlueprintIcons.ts
deleted file mode 100755
index 1d434c0..0000000
--- a/orbitmines.com/src/lib/layout/font/fonts/blueprintjs/BlueprintIcons.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import {FontFamily} from "../../Font";
-
-import BlueprintIcons20 from '@blueprintjs/icons/src/generated/20px/blueprint-icons-20.ttf';
-
-const BlueprintIcons: FontFamily = {
-  family: 'blueprint-icons-20',
-  fonts: [
-    {src: BlueprintIcons20, fontWeight: 'normal', fontStyle: 'normal'},
-  ]
-}
-
-export default BlueprintIcons;
\ No newline at end of file
diff --git a/orbitmines.com/src/lib/layout/icons/CustomIcon.tsx b/orbitmines.com/src/lib/layout/icons/CustomIcon.tsx
deleted file mode 100755
index e99594a..0000000
--- a/orbitmines.com/src/lib/layout/icons/CustomIcon.tsx
+++ /dev/null
@@ -1,86 +0,0 @@
-import React from 'react';
-import {Classes, Icon, IconSize} from "@blueprintjs/core";
-import classNames from 'classnames';
-import {uniqueId} from "lodash";
-import ORGANIZATIONS, {SVG, TOrganization} from "../../organizations/ORGANIZATIONS";
-import {SVGIconProps} from "@blueprintjs/icons";
-import {IntentProps, Props} from "@blueprintjs/core/src/common";
-
-export interface IconProps extends IntentProps, Props, SVGIconProps {
-  icon: string;
-
-  tagName?: keyof JSX.IntrinsicElements;
-
-  /** Props to apply to the `SVG` element */
-  svgProps?: React.HTMLAttributes<SVGElement>;
-}
-
-const renderSvgPaths = (svg: SVG): JSX.Element[] | null => {
-  const paths = svg.paths;
-  if (paths == null) {
-    return null;
-  }
-  return paths.map((path, i) => <path key={i} d={path} fillRule="evenodd" />);
-}
-
-const CustomIcon: React.FC<IconProps & Omit<React.HTMLAttributes<HTMLElement>, "title">> = (props) => {
-  const {
-    className,
-    color,
-    htmlTitle,
-    intent,
-    size = IconSize.STANDARD,
-    title,
-    tagName = "span",
-    icon,
-
-    svgProps,
-    ...htmlProps
-  } = props;
-
-  const RenderedIcon = () => {
-    const organization = (ORGANIZATIONS as any)[icon] as TOrganization | undefined;
-    const svg = organization?.assets?.icon;
-
-    if (!organization || !svg) {
-      // @ts-ignore
-      return <Icon {...props} />
-    }
-    // render path elements, or nothing if icon name is unknown.
-    const paths = renderSvgPaths(svg);
-
-    const viewBox = `0 0 ${svg.viewBox.width} ${svg.viewBox.height}`;
-
-    return (<svg
-      fill={color}
-      data-icon={icon}
-      width={size}
-      height={size}
-      viewBox={viewBox}
-      aria-labelledby={title ? titleId : undefined}
-      role="img"
-      style={{transform: 'scaleY(1)'}} // something in bp5 scaleY(-1)?
-    >
-      {title && <title id={titleId}>{title}</title>}
-      {paths}
-    </svg>);
-  }
-
-  const classes = classNames(Classes.ICON, Classes.iconClass(icon), Classes.intentClass(intent), className);
-
-  const titleId = uniqueId("iconTitleCustom");
-
-  return React.createElement(
-    tagName,
-    {
-      ...htmlProps,
-      "aria-hidden": title ? undefined : true,
-      className: classes,
-      title: htmlTitle,
-    },
-    <RenderedIcon/>,
-  );
-};
-
-export default CustomIcon;
-// export {}
\ No newline at end of file
diff --git a/orbitmines.com/src/lib/paper/Paper.tsx b/orbitmines.com/src/lib/paper/Paper.tsx
index 7e9d4f9..182bd23 100644
--- a/orbitmines.com/src/lib/paper/Paper.tsx
+++ b/orbitmines.com/src/lib/paper/Paper.tsx
@@ -2,16 +2,124 @@ import React, {ReactNode, useCallback, useMemo, useRef} from 'react';
 import {Helmet} from "react-helmet";
 import ExportablePaper, {PdfProps} from "./views/ExportablePaper";
 import {useLocation, useNavigate, useSearchParams} from "react-router-dom";
-import JetBrainsMono from "../layout/font/fonts/JetBrainsMono/JetBrainsMono";
-import ORGANIZATIONS, {Content, ExternalProfile, TOrganization, TProfile} from "../organizations/ORGANIZATIONS";
-import _ from "lodash";
-import {Button, Divider, H1, H3, H4, H6, Intent, Popover, Tag} from "@blueprintjs/core";
-import CustomIcon from "../layout/icons/CustomIcon";
+import ORGANIZATIONS, {Content, ExternalProfile, SVG, TOrganization, TProfile} from "../organizations/ORGANIZATIONS";
+import _, {uniqueId} from "lodash";
+import {Button, Classes, Divider, H1, H3, H4, H6, Icon, IconSize, Intent, Popover, Tag} from "@blueprintjs/core";
 import {toJpeg} from "html-to-image";
-import {CanvasContainer} from "../../@orbitmines/Visualization";
 import classNames from "classnames";
 import {PROFILES} from "../../routes/profiles/profiles";
 import {Highlight, Prism, themes} from "prism-react-renderer";
+import {IntentProps, Props} from "@blueprintjs/core/src/common";
+import {SVGIconProps} from "@blueprintjs/icons";
+import {CanvasContainer} from "../../routes/papers/2023.OnOrbits";
+
+import _BlueprintIcons16 from '@blueprintjs/icons/src/generated/16px/blueprint-icons-16.ttf';
+import _BlueprintIcons20 from '@blueprintjs/icons/src/generated/20px/blueprint-icons-20.ttf';
+import {BulkLoad, SingleLoad} from "@react-pdf/types";
+import JetBrainsMonoRegular from "../fonts/JetBrainsMono/ttf/JetBrainsMono-Regular.ttf";
+import JetBrainsMonoSemiBold from "../fonts/JetBrainsMono/ttf/JetBrainsMono-SemiBold.ttf";
+import JetBrainsMonoBold from "../fonts/JetBrainsMono/ttf/JetBrainsMono-Bold.ttf";
+
+export type FontFamily = SingleLoad | BulkLoad;
+
+
+export const BlueprintIcons16: FontFamily = {
+  family: 'blueprint-icons-16',
+  fonts: [
+    {src: _BlueprintIcons16, fontWeight: 'normal', fontStyle: 'normal'},
+  ]
+}
+export const BlueprintIcons20: FontFamily = {
+  family: 'blueprint-icons-20',
+  fonts: [
+    {src: _BlueprintIcons20, fontWeight: 'normal', fontStyle: 'normal'},
+  ]
+}
+
+export const JetBrainsMono: FontFamily = {
+  family: 'JetBrainsMono, monospace',
+  fonts: [
+    {src: JetBrainsMonoRegular, fontWeight: 'normal', fontStyle: 'normal'},
+    {src: JetBrainsMonoSemiBold, fontWeight: 'semibold', fontStyle: 'normal'},
+    {src: JetBrainsMonoBold, fontWeight: 'bold', fontStyle: 'normal'},
+  ]
+}
+
+export interface IconProps extends IntentProps, Props, SVGIconProps {
+  icon: string;
+
+  tagName?: keyof JSX.IntrinsicElements;
+
+  /** Props to apply to the `SVG` element */
+  svgProps?: React.HTMLAttributes<SVGElement>;
+}
+
+export const renderSvgPaths = (svg: SVG): JSX.Element[] | null => {
+  const paths = svg.paths;
+  if (paths == null) {
+    return null;
+  }
+  return paths.map((path, i) => <path key={i} d={path} fillRule="evenodd" />);
+}
+
+export const CustomIcon: React.FC<IconProps & Omit<React.HTMLAttributes<HTMLElement>, "title">> = (props) => {
+  const {
+    className,
+    color,
+    htmlTitle,
+    intent,
+    size = IconSize.STANDARD,
+    title,
+    tagName = "span",
+    icon,
+
+    svgProps,
+    ...htmlProps
+  } = props;
+
+  const RenderedIcon = () => {
+    const organization = (ORGANIZATIONS as any)[icon] as TOrganization | undefined;
+    const svg = organization?.assets?.icon;
+
+    if (!organization || !svg) {
+      // @ts-ignore
+      return <Icon {...props} />
+    }
+    // render path elements, or nothing if icon name is unknown.
+    const paths = renderSvgPaths(svg);
+
+    const viewBox = `0 0 ${svg.viewBox.width} ${svg.viewBox.height}`;
+
+    return (<svg
+        fill={color}
+        data-icon={icon}
+        width={size}
+        height={size}
+        viewBox={viewBox}
+        aria-labelledby={title ? titleId : undefined}
+        role="img"
+        style={{transform: 'scaleY(1)'}} // something in bp5 scaleY(-1)?
+    >
+      {title && <title id={titleId}>{title}</title>}
+      {paths}
+    </svg>);
+  }
+
+  const classes = classNames(Classes.ICON, Classes.iconClass(icon), Classes.intentClass(intent), className);
+
+  const titleId = uniqueId("iconTitleCustom");
+
+  return React.createElement(
+      tagName,
+      {
+        ...htmlProps,
+        "aria-hidden": title ? undefined : true,
+        className: classes,
+        title: htmlTitle,
+      },
+      <RenderedIcon/>,
+  );
+};
 
 // export const getClass = (className: string) => (styles && styles[className]) ? styles[className] : className;
 
@@ -802,7 +910,7 @@ export const ThumbnailPage = () => {
     subtitle,
     date,
     pdf: {
-      fonts: [ JetBrainsMono ],
+      fonts: [JetBrainsMono, BlueprintIcons20, BlueprintIcons16],
     },
     organizations: [ORGANIZATIONS.orbitmines_research],
     authors: [{
diff --git a/orbitmines.com/src/lib/layout/styles/blueprintjs/styles/blueprintjs.scss b/orbitmines.com/src/lib/paper/blueprintjs.scss
similarity index 100%
rename from orbitmines.com/src/lib/layout/styles/blueprintjs/styles/blueprintjs.scss
rename to orbitmines.com/src/lib/paper/blueprintjs.scss
diff --git a/orbitmines.com/src/lib/layout/flexbox/styles/flexbox.scss b/orbitmines.com/src/lib/paper/flexbox.scss
similarity index 100%
rename from orbitmines.com/src/lib/layout/flexbox/styles/flexbox.scss
rename to orbitmines.com/src/lib/paper/flexbox.scss
diff --git a/orbitmines.com/src/lib/layout/styles/spacing.scss b/orbitmines.com/src/lib/paper/spacing.scss
similarity index 100%
rename from orbitmines.com/src/lib/layout/styles/spacing.scss
rename to orbitmines.com/src/lib/paper/spacing.scss
diff --git a/orbitmines.com/src/lib/paper/views/ExportablePaper.tsx b/orbitmines.com/src/lib/paper/views/ExportablePaper.tsx
index debb082..63f43e2 100755
--- a/orbitmines.com/src/lib/paper/views/ExportablePaper.tsx
+++ b/orbitmines.com/src/lib/paper/views/ExportablePaper.tsx
@@ -2,9 +2,8 @@ import React, {Fragment, ReactNode, useCallback, useState} from "react";
 import _ from "lodash";
 import {Document, Font, Image, Link, Page, Path, PDFViewer, Svg, Text, View} from "@react-pdf/renderer";
 import DereferenceHtml from "../../pdf/DereferenceHtml";
-import {FontFamily} from "../../layout/font/Font";
 import {DereferencedElementRenderer} from "../../pdf/dereferenceHtmlElement";
-import {PaperContent, PaperProps} from "../Paper";
+import {FontFamily, PaperContent, PaperProps} from "../Paper";
 import {useSearchParams} from "react-router-dom";
 
 const renderPdfRendererElement: DereferencedElementRenderer = (element: Element, parent: Element | undefined, initialProps: any) => {
diff --git a/orbitmines.com/src/routes/Root.tsx b/orbitmines.com/src/routes/Root.tsx
index c7a2f22..18080d7 100644
--- a/orbitmines.com/src/routes/Root.tsx
+++ b/orbitmines.com/src/routes/Root.tsx
@@ -1,15 +1,13 @@
 import React from 'react';
 import logo from "../lib/organizations/orbitmines/logo/orbitmines.logo.3000x1000.png";
 import {H3, Tag} from "@blueprintjs/core";
-import CustomIcon from "../lib/layout/icons/CustomIcon";
 import ORGANIZATIONS from "../lib/organizations/ORGANIZATIONS";
 import {PROFILES} from "./profiles/profiles";
 import {Helmet} from "react-helmet";
 import {ON_INTELLIGIBILITY} from "./papers/2022.OnIntelligibility";
-import {ON_ORBITS} from "./papers/2023.OnOrbits";
-import {CanvasContainer} from "../@orbitmines/Visualization";
+import {CanvasContainer, ON_ORBITS} from "./papers/2023.OnOrbits";
 import {_2024_02_ORBITMINES_AS_A_GAME_PROJECT} from "./archive/2024.02.OrbitMines_as_a_Game_Project";
-import {Author, Layer, pageStyles, Reference, Col, Row} from "../lib/paper/Paper";
+import {Author, Layer, pageStyles, Reference, Col, Row, CustomIcon} from "../lib/paper/Paper";
 
 
 const Root = () => {
diff --git a/orbitmines.com/src/routes/archive/2024.02.NGI.GrantProposal.tsx b/orbitmines.com/src/routes/archive/2024.02.NGI.GrantProposal.tsx
index ff35430..80d9b6c 100644
--- a/orbitmines.com/src/routes/archive/2024.02.NGI.GrantProposal.tsx
+++ b/orbitmines.com/src/routes/archive/2024.02.NGI.GrantProposal.tsx
@@ -1,10 +1,18 @@
 import React from 'react';
-import JetBrainsMono from "../../lib/layout/font/fonts/JetBrainsMono/JetBrainsMono";
 import ORGANIZATIONS, {Content, Viewed} from "../../lib/organizations/ORGANIZATIONS";
-import Paper, {Arc, BR, PaperProps, Link, useCounter, Reference, Section, renderable, Row} from "../../lib/paper/Paper";
+import Paper, {
+  Arc,
+  BR,
+  PaperProps,
+  Link,
+  useCounter,
+  Reference,
+  Section,
+  renderable,
+  Row, JetBrainsMono, BlueprintIcons20, BlueprintIcons16
+} from "../../lib/paper/Paper";
 import {PROFILES} from "../profiles/profiles";
 import REFERENCES from "../profiles/fadi-shawki/fadi_shawki";
-import BlueprintIcons from "../../lib/layout/font/fonts/blueprintjs/BlueprintIcons";
 
 export const _2024_02_NGI_GRANT_PROPOSAL: Content = {
   reference: {
@@ -39,7 +47,7 @@ const _2024_02_NGI_GrantProposal = () => {
       A grant proposal to <Reference is="reference" index={referenceCounter()} reference={{title: "NGI", link: "https://www.ngi.eu/"}} simple inline /> through <Reference is="reference" index={referenceCounter()} reference={{title: 'NLnet', link: 'https://nlnet.nl/'}} simple inline />. In contrast to my previous application, which I realized was quite naive after a conversation with <Reference is="reference" index={referenceCounter()} reference={{title: 'Michiel Leenaars', link: 'https://nlnet.nl/people/leenaars.html'}} simple inline /> at <Reference is="reference" index={referenceCounter()} reference={{...REFERENCES.NGI_FORUM_2023.reference, year: undefined}} simple inline />: Hopefully this will serve as a concrete target problem to solve.
     </>),
     pdf: {
-      fonts: [JetBrainsMono, BlueprintIcons],
+      fonts: [JetBrainsMono, BlueprintIcons20, BlueprintIcons16],
     },
     Reference: (props: {}) => (<></>),
     references: referenceCounter
diff --git a/orbitmines.com/src/routes/archive/2024.02.OrbitMines_as_a_Game_Project.tsx b/orbitmines.com/src/routes/archive/2024.02.OrbitMines_as_a_Game_Project.tsx
index 7108519..02f5e4f 100644
--- a/orbitmines.com/src/routes/archive/2024.02.OrbitMines_as_a_Game_Project.tsx
+++ b/orbitmines.com/src/routes/archive/2024.02.OrbitMines_as_a_Game_Project.tsx
@@ -1,12 +1,21 @@
 import React from 'react';
-import JetBrainsMono from "../../lib/layout/font/fonts/JetBrainsMono/JetBrainsMono";
 import ORGANIZATIONS, {Content, Viewed} from "../../lib/organizations/ORGANIZATIONS";
 import {useNavigate} from "react-router-dom";
-import Paper, {Arc, BR, PaperProps, Author, Reference, Section, useCounter, Col, Row} from "../../lib/paper/Paper";
+import Paper, {
+  Arc,
+  Author, BlueprintIcons16, BlueprintIcons20,
+  BR,
+  Col,
+  CustomIcon, JetBrainsMono,
+  PaperProps,
+  Reference,
+  Row,
+  Section,
+  useCounter
+} from "../../lib/paper/Paper";
 import {PROFILES} from "../profiles/profiles";
-import BlueprintIcons from "../../lib/layout/font/fonts/blueprintjs/BlueprintIcons";
-import CustomIcon from "../../lib/layout/icons/CustomIcon";
-import {CanvasContainer} from "../../@orbitmines/Visualization";
+import WEBGL from "three/examples/jsm/capabilities/WebGL";
+import {CanvasContainer} from "../papers/2023.OnOrbits";
 
 export const _2024_02_ORBITMINES_AS_A_GAME_PROJECT: Content = {
   reference: {
@@ -44,7 +53,7 @@ const _2024_02_OrbitMines_as_a_Game_Project = () => {
     ..._2024_02_ORBITMINES_AS_A_GAME_PROJECT.reference,
     subtitle: "A comprehensive guide on how to be frustrated with pixels. An open call for funding, collaboration or anyone curious to learn more.",
     pdf: {
-      fonts: [JetBrainsMono, BlueprintIcons],
+      fonts: [JetBrainsMono, BlueprintIcons20, BlueprintIcons16],
     },
     Reference: (props: {}) => (<></>),
     references: referenceCounter
diff --git a/orbitmines.com/src/routes/papers/2022.OnIntelligibility.tsx b/orbitmines.com/src/routes/papers/2022.OnIntelligibility.tsx
index 88b6b85..cf264d8 100755
--- a/orbitmines.com/src/routes/papers/2022.OnIntelligibility.tsx
+++ b/orbitmines.com/src/routes/papers/2022.OnIntelligibility.tsx
@@ -1,10 +1,18 @@
 import React from 'react';
-import JetBrainsMono from "../../lib/layout/font/fonts/JetBrainsMono/JetBrainsMono";
 import REFERENCES from "../profiles/fadi-shawki/fadi_shawki";
 
 import ORGANIZATIONS, {Content, Viewed} from "../../lib/organizations/ORGANIZATIONS";
 import {useNavigate} from "react-router-dom";
-import Paper, {BR, PaperProps, Reference, Section, useCounter, CodeBlock, Row} from "../../lib/paper/Paper";
+import Paper, {
+  BR,
+  PaperProps,
+  Reference,
+  Section,
+  useCounter,
+  CodeBlock,
+  Row,
+  JetBrainsMono, BlueprintIcons20, BlueprintIcons16
+} from "../../lib/paper/Paper";
 import {PROFILES} from "../profiles/profiles";
 
 const {
@@ -55,7 +63,7 @@ const OnIntelligibility = () => {
   const paper: Omit<PaperProps, 'children'> = {
     ...ON_INTELLIGIBILITY.reference,
     pdf: {
-      fonts: [ JetBrainsMono ],
+      fonts: [JetBrainsMono, BlueprintIcons20, BlueprintIcons16],
     },
     Reference: (props: {}) => (<></>),
     references: referenceCounter
diff --git a/orbitmines.com/src/routes/papers/2023.OnOrbits.tsx b/orbitmines.com/src/routes/papers/2023.OnOrbits.tsx
index 2986fd5..21fe3a5 100644
--- a/orbitmines.com/src/routes/papers/2023.OnOrbits.tsx
+++ b/orbitmines.com/src/routes/papers/2023.OnOrbits.tsx
@@ -1,15 +1,31 @@
-import React from 'react';
-import JetBrainsMono from "../../lib/layout/font/fonts/JetBrainsMono/JetBrainsMono";
+import React, {useCallback, useEffect, useRef, useState} from 'react';
 import ORGANIZATIONS, {Content, Viewed} from "../../lib/organizations/ORGANIZATIONS";
-import {useNavigate} from "react-router-dom";
-import Paper, {BR, PaperProps, Arc, HorizontalLine, Link, useCounter, Reference, Section, Block, renderable, Row} from "../../lib/paper/Paper";
+import {useNavigate, useSearchParams} from "react-router-dom";
+import Paper, {
+  BR,
+  PaperProps,
+  Arc,
+  HorizontalLine,
+  Link,
+  useCounter,
+  Reference,
+  Section,
+  Block,
+  renderable,
+  Row,
+  Children, Col, JetBrainsMono, BlueprintIcons20, BlueprintIcons16
+} from "../../lib/paper/Paper";
 import {PROFILES} from "../profiles/profiles";
 import {ON_INTELLIGIBILITY} from "./2022.OnIntelligibility";
-import {Divider, Intent, Tag} from "@blueprintjs/core";
+import {Button, Divider, Intent, Tag} from "@blueprintjs/core";
 import {CatmullRomLine, Center, Circle, QuadraticBezierLine, Torus} from "@react-three/drei";
 import REFERENCES from "../profiles/fadi-shawki/fadi_shawki";
-import {CachedVisualizationCanvas} from '../../@orbitmines/Visualization';
 import _ from 'lodash';
+import {toPng} from "html-to-image";
+import {Canvas} from "@react-three/fiber";
+import {ACESFilmicToneMapping, SRGBColorSpace} from "three";
+import WEBGL from "three/examples/jsm/capabilities/WebGL";
+import isWebGLAvailable = WEBGL.isWebGLAvailable;
 
 export const ON_ORBITS: Content = {
   reference: {
@@ -66,7 +82,7 @@ const OnOrbits = () => {
       A preliminary exploration through the world of possible inconsistencies. Originally intended as a more technical continuation of earlier thoughts on intelligibility {OnIntelligibilityReference}.
     </>),
     pdf: {
-      fonts: [ JetBrainsMono ],
+      fonts: [JetBrainsMono, BlueprintIcons20, BlueprintIcons16],
     },
     Reference: (props: {}) => (<></>),
     references: referenceCounter
@@ -4134,3 +4150,295 @@ const torus = {
 const add = (a: number[], b: number[]): [number, number, number] => [a[0] + b[0], a[1] + b[1], a[2] + b[2]];
 
 const circle = { radius: 3,  color: "orange", segments: 30, }
+
+export const NoWebGL = () => {
+  return <div>No WebGL</div>
+}
+
+export type VisualizationProps = {
+  context: Omit<PaperProps, 'children'>,
+  alt: string,
+}
+
+const Visualization = ({}: { }) => {
+  return <VisualizationCanvas>
+
+  </VisualizationCanvas>
+}
+
+export const CachedVisualizationCanvas = (
+    {
+      alt,
+      context,
+      children,
+      ...props
+    }: React.HTMLAttributes<HTMLElement> & Children & VisualizationProps
+) => {
+  const ref = useRef<any>(null);
+  const [useImage, setUseImage] = useState<boolean>(true);
+  let generate;
+  try {
+    const [params] = useSearchParams();
+
+    generate = params.get('generate');
+  } catch (e) {
+    generate = 'pdf';
+  }
+
+  const exportPng = useCallback(() => {
+    if (ref === null)
+      return;
+
+    toPng(ref.current, {
+      cacheBust: true,
+      // backgroundColor: '#1C2127'
+    })
+        .then((dataUrl) => {
+          const link = document.createElement('a')
+          link.download = `${alt}.png`
+          link.href = dataUrl
+          link.click()
+        })
+        .catch((err) => {
+          console.log(err)
+        });
+  }, [ref]);
+
+  if (context.link === undefined)
+    throw 'Cannot have the paper\'s link be undefined when using a cached canvas.'
+
+  const canvasUrl = `${context.link.replace("https://orbitmines.com", "")}/images/${alt}.png`;
+
+  useEffect(() => {
+    // Just a quick hack to check if it's loaded (could draw it on the canvas from here, ?)
+
+    const img = new Image();
+    img.src = canvasUrl;
+    img.onerror = () => {
+      setUseImage(false);
+    };
+  }, []);
+
+  if (useImage) {
+    return <CanvasContainer {...props}>
+      <canvas
+          style={{
+            width: '100%',
+            height: '100%',
+            backgroundImage: `url('${canvasUrl}')`,
+            backgroundPosition: 'center center',
+            backgroundRepeat: 'no-repeat'
+          }}
+      />
+    </CanvasContainer>
+  }
+
+  return <div>
+    <div ref={ref}>
+      <CanvasContainer {...props}>
+        <ThreeJS>{children}</ThreeJS>
+      </CanvasContainer>
+    </div>
+    {generate === 'canvas' ? <Row end="xs">
+      {/* eslint-disable-next-line react/jsx-no-undef */}
+      <Col> <Button text=".png" icon="media" minimal onClick={exportPng}/></Col>
+    </Row> : <></>}
+  </div>
+}
+
+export const CanvasContainer = ({
+                           children,
+                           ...props
+                         }: React.HTMLAttributes<HTMLElement> & Children) => (<div
+    {...{
+      id: 'canvas-container',
+      ...props,
+      style: {
+        width: '100%',
+        height: '30px', // Height needs to be set (probably because three-fiber checks if there's a value here to resize the canvas dynamically)
+        // minHeight: '100vh',
+        ...(props.style || {})
+      }
+      // className="py-20"
+    }}
+>
+  {children}
+</div>)
+
+export const ThreeJS = ({ref, children}: Children & { ref?: React.MutableRefObject<any>}) => {
+  // https://threejs.org/docs/#manual/en/introduction/WebGL-compatibility-check
+  if (!isWebGLAvailable())
+    return <NoWebGL/>;
+
+  // console.log('webgl2', isWebGLAvailable());
+
+  /*
+    https://docs.pmnd.rs/react-three-fiber/api/canvas
+    - Sets up a Scene and a Camera, the basic building blocks necessary for rendering
+    - Renders our scene every frame, you do not need a traditional render-loop
+
+    - Canvas is responsive to fit the parent node, so you can control how big it is by changing the parents width and height, in this case #canvas-container.
+  */
+  return <Canvas
+      ref={ref}
+
+      // WebGL
+      // - https://threejs.org/docs/#api/en/renderers/WebGLRenderer
+      // - https://www.khronos.org/registry/webgl/specs/latest/1.0/#5.2
+      gl={{
+        antialias: true,
+        // stencil: false, depth: false,
+
+        // Controls the default clear alpha value. When set to true, the value is 0 Otherwise it's 1.
+        alpha: true,
+
+        // Provides a hint to the user agent indicating what configuration of GPU is suitable for this WebGL context. Can be "high-performance", "low-power" or "default". Default is "default"
+        powerPreference: 'high-performance',
+
+        // precision: 'highp'
+
+        // https://threejs.org/docs/#manual/en/introduction/Color-management
+        outputColorSpace: SRGBColorSpace,
+
+        // https://threejs.org/docs/index.html#api/en/renderers/WebGLRenderer.toneMapping
+        toneMapping: ACESFilmicToneMapping,
+
+        // https://threejs.org/docs/index.html#api/en/renderers/WebGLRenderer.shadowMap
+        // shadowMap: {
+        //     enabled: false,
+        //     type: PCFShadowMap
+        // }
+
+        // fixes: https://github.com/niklasvh/html2canvas/issues/1311
+        preserveDrawingBuffer: true
+      }}
+
+      // https://threejs.org/docs/#api/en/cameras/Camera
+      camera={{
+        // field of view. FOV is the extent of the scene that is seen on the display at any given moment. The value is in degrees.
+        fov: 70,
+
+        // objects further away from the camera than the value of `far` or closer than `near` won't be rendered
+        near: 0.1,
+        far: 1000,
+
+        position: [0, 0, 1000]
+      }}
+
+      // https://threejs.org/docs/#api/en/scenes/Scene
+      scene={{}}
+
+      // https://threejs.org/docs/#api/en/core/Raycaster
+      raycaster={{}}
+
+      // https://docs.pmnd.rs/react-three-fiber/advanced/scaling-performance#:~:text=set%20the%20canvas-,frameloop,-prop%20to%20demand
+      frameloop="always"
+
+      // https://github.com/pmndrs/react-use-measure#api
+      resize={{scroll: true, debounce: {scroll: 50, resize: 0}}}
+
+      // https://threejs.org/docs/#api/en/cameras/OrthographicCamera
+      // In this projection mode, an object's size in the rendered image stays constant regardless of its distance from the camera.
+      orthographic={true}
+
+      // Device pixel ratio (https://developer.mozilla.org/en-US/docs/Web/API/Window/devicePixelRatio)
+      dpr={[1, 2]}
+
+      // true = Switch off automatic sRGB color space and gamma correction
+      linear={false}
+
+      // Configuration for the event manager, as a function of state
+      // events={}
+      // The source where events are being subscribed to, HTMLElement
+      // eventSource={}
+      // Callback after the canvas has rendered (but not yet committed)
+      // onCreated={}
+      // Response for pointer clicks that have missed any target
+      // onPointerMissed={}
+
+      // The event prefix that is cast into canvas pointer x/y events
+      eventPrefix={'offset'}
+
+  >
+    {children}
+
+    {/*/!* https://threejs.org/docs/#api/en/objects/Mesh *!/*/}
+    {/*<mesh>*/}
+    {/*    /!**/}
+    {/*    https://threejs.org/docs/#api/en/lights/AmbientLight*/}
+    {/*    - This light globally illuminates all objects in the scene equally.*/}
+    {/*    - This light cannot be used to cast shadows as it does not have a direction.*/}
+    {/*    *!/*/}
+
+    {/*    /!* https://threejs.org/docs/#api/en/lights/DirectionalLight *!/*/}
+    {/*    /!*<directionalLight color="red" position={[0, 0, 5]} />*!/*/}
+
+    {/*    /!* https://threejs.org/docs/#api/en/geometries/BoxGeometry *!/*/}
+    {/*    <boxGeometry args={[1, 1, 1]}/>*/}
+
+    {/*    /!* https://threejs.org/docs/#api/en/materials/MeshStandardMaterial *!/*/}
+    {/*    <meshStandardMaterial color="orange" />*/}
+    {/*</mesh>*/}
+
+    {/*<pointLight position={[-10, -10, -10]} />*/}
+
+    {/* https://docs.pmnd.rs/react-postprocessing/selection */}
+    {/*<Selection>*/}
+    {/*  /!* https://docs.pmnd.rs/react-postprocessing/effect-composer *!/*/}
+    {/*  <EffectComposer multisampling={8} autoClear={false}>*/}
+    {/*    <Outline blur={false} visibleEdgeColor="white" edgeStrength={100} height={2000} width={3000} />*/}
+    {/*  </EffectComposer>*/}
+    {/*</Selection>*/}
+
+    {/*<Wasm/>*/}
+
+    {/*<Test/>*/}
+
+    {/*<Ray_3*/}
+    {/*    scale={5.0}*/}
+    {/*    position={[0, -40, 0]}*/}
+    {/*    terminal={[10, 0, 0]}*/}
+    {/*    ray={ray([0, 1, 1, 1, 0, 0, 1, 1, 0, 1, 0, 0, 0, 1, 1, 1, 0, 0, 1, 1, 0, 1, 0, 0, 0, 1, 1, 1, 0, 0, 1, 1, 0, 1, 0, 0, 0, 1, 1, 1, 0, 0, 1, 1, 0, 1, 0, 0, 0, 1, 1, 1, 0, 0, 1, 1, 0, 1, 0, 0,])}*/}
+    {/*/>*/}
+
+    {/*<OrbitControls />*/}
+
+    {/*<Box args={[20, 20, 0]} position={[20, 0, 0]}>*/}
+    {/*    /!* https://threejs.org/docs/#api/en/materials/MeshStandardMaterial *!/*/}
+    {/*    <meshStandardMaterial color="black" />*/}
+    {/*</Box>*/}
+    {/*<Box args={[20, 20, 0]} position={[40, 0, 0]}>*/}
+    {/*    /!* https://threejs.org/docs/#api/en/materials/MeshStandardMaterial *!/*/}
+    {/*    <meshStandardMaterial color="white" />*/}
+    {/*</Box>*/}
+    {/*<Box args={[20, 20, 0]} position={[60, 0, 0]}>*/}
+    {/*    /!* https://threejs.org/docs/#api/en/materials/MeshStandardMaterial *!/*/}
+    {/*    <meshStandardMaterial color="black" />*/}
+    {/*</Box>*/}
+
+    {/*<Box args={[40, 40, 0]} position={[0, 0, 0]}>*/}
+    {/*    /!* https://threejs.org/docs/#api/en/materials/MeshStandardMaterial *!/*/}
+    {/*    <meshStandardMaterial color="white" />*/}
+    {/*</Box>*/}
+
+    {/*<Line points={[[-10, 0, 0], [0, 10, 0], [10, 0, 0]]} color="orange" lineWidth={1} />*/}
+
+  </Canvas>
+}
+
+const VisualizationCanvas = (
+    {
+      children,
+      ...props
+    }: React.HTMLAttributes<HTMLElement> & Children
+) => {
+
+  return (
+      // ThreeJS: https://threejs.org/
+      // React Three Fiber: https://docs.pmnd.rs/react-three-fiber/api/objects
+      //                    https://github.com/pmndrs/drei#readme
+      <CanvasContainer {...props}>
+        <ThreeJS>{children}</ThreeJS>
+      </CanvasContainer>
+  );
+};
diff --git a/orbitmines.com/src/routes/profiles/Profile.tsx b/orbitmines.com/src/routes/profiles/Profile.tsx
index e3ece40..f677617 100644
--- a/orbitmines.com/src/routes/profiles/Profile.tsx
+++ b/orbitmines.com/src/routes/profiles/Profile.tsx
@@ -1,13 +1,17 @@
 import React from 'react';
 import {Helmet} from "react-helmet";
 import {useLocation} from "react-router-dom";
-import {PaperProps, PaperView, Children, value} from "../../lib/paper/Paper";
-import JetBrainsMono from "../../lib/layout/font/fonts/JetBrainsMono/JetBrainsMono";
+import {
+  PaperProps,
+  PaperView,
+  Children,
+  value,
+  JetBrainsMono,
+  BlueprintIcons20,
+  BlueprintIcons16
+} from "../../lib/paper/Paper";
 import ORGANIZATIONS, {TProfile} from "../../lib/organizations/ORGANIZATIONS";
 
-import BlueprintIcons16 from '@blueprintjs/icons/lib/css/blueprint-icons-16.ttf';
-import BlueprintIcons20 from '@blueprintjs/icons/lib/css/blueprint-icons-20.ttf';
-
 const Profile = ({profile, children}: {profile: TProfile} & Children) => {
   const location = useLocation();
 
@@ -16,21 +20,7 @@ const Profile = ({profile, children}: {profile: TProfile} & Children) => {
     subtitle: profile.subtitle,
     date: profile.date,
     pdf: {
-      fonts: [
-        JetBrainsMono,
-        {
-          family: 'blueprint-icons-20',
-          fonts: [
-            {src: BlueprintIcons20, fontWeight: 'normal', fontStyle: 'normal'},
-          ]
-        },
-        {
-          family: 'blueprint-icons-16',
-          fonts: [
-            {src: BlueprintIcons16, fontWeight: 'normal', fontStyle: 'normal'},
-          ]
-        }
-      ],
+      fonts: [JetBrainsMono, BlueprintIcons20, BlueprintIcons16],
     },
     authors: [{
       ...profile,
diff --git a/orbitmines.com/src/routes/profiles/fadi-shawki/FadiShawki.tsx b/orbitmines.com/src/routes/profiles/fadi-shawki/FadiShawki.tsx
index b18ac5a..865f292 100755
--- a/orbitmines.com/src/routes/profiles/fadi-shawki/FadiShawki.tsx
+++ b/orbitmines.com/src/routes/profiles/fadi-shawki/FadiShawki.tsx
@@ -4,8 +4,7 @@ import ORGANIZATIONS, {Viewed} from "../../../lib/organizations/ORGANIZATIONS";
 import {PROFILES} from "../profiles";
 import Profile from "../Profile";
 import {ON_INTELLIGIBILITY} from "../../papers/2022.OnIntelligibility";
-import {ON_ORBITS} from "../../papers/2023.OnOrbits";
-import {CanvasContainer} from "../../../@orbitmines/Visualization";
+import {CanvasContainer, ON_ORBITS} from "../../papers/2023.OnOrbits";
 import {_2024_02_ORBITMINES_AS_A_GAME_PROJECT} from "../../archive/2024.02.OrbitMines_as_a_Game_Project";
 import {Arc, Section, Reference, Category} from "../../../lib/paper/Paper";