Move index to /terminal

components/Blog/Card.tsx

@@ -0,0 +1,11 @@
+import type { NextPage } from "next";
+import styles from "../../styles/Blog/Card.module.scss";
+
+const ProjectCard: NextPage<{ title: string, description: string }> = ({ title, description}) => {
+    return <div className={styles.card}>
+        <div className="title">{title}</div>
+        <div className="description">{description}</div>
+    </div>;
+};
+
+export default ProjectCard;

components/Blog/Navigation.tsx

@@ -1,7 +1,11 @@
 import type { NextPage } from "next";
 
 const Navigation: NextPage<{}> = () => {
-    return <></>;
+    return <nav>
+        <div className="logo"></div>
+        <div className="navLink">Projects</div>
+        <div className="navLink">About me</div>
+    </nav>;
 };
 
 export default Navigation;

components/Spinner.tsx

@@ -1,7 +1,7 @@
 import type { NextPage } from "next";
 import styles from "../styles/Spinner.module.scss";
 
-const Spinner: NextPage<{size: number}> = ({ size }) => {
+const Spinner: NextPage<{size: number, color?: string}> = ({ size, color }) => {
     const diameterY = 300;
     const padding = 25;
 
@@ -12,7 +12,7 @@ const Spinner: NextPage<{size: number}> = ({ size }) => {
     const vbSizeY = diameterY + (2 * padding);
 
     return <div style={{height: size, width: size}} className={styles.spinnerContainer}><svg height={"100%"} width={"100%"} viewBox={`-${padding} -${padding} ${vbSizeX} ${vbSizeY}`} className={styles.spinner}>
-        <polygon points={`${x0},${diameterY} 0,${diameterY/2} ${x0},0 ${x0+side},0 ${2*x0 + side},${diameterY/2} ${x0+side},${diameterY}`} className={styles.spinnerPath} />
+        <polygon points={`${x0},${diameterY} 0,${diameterY/2} ${x0},0 ${x0+side},0 ${2*x0 + side},${diameterY/2} ${x0+side},${diameterY}`} className={styles.spinnerPath} fill={color} />
     </svg></div>;
 };
 

components/Terminal/ProjectModal.tsx

@@ -1,12 +1,12 @@
 import type { NextPage } from "next";
 import { useEffect, useRef, useState, isValidElement, useCallback } from "react";
 import { useRouter } from "next/router";
-import styles from "../styles/ProjectModal.module.css";
-import type { Project, Diary } from "../lib/content/types";
-import { useCommands } from "../lib/commands/ContextProvider";
-import { generateContent, projectEmpty } from "../lib/content/generate";
+import styles from "../../styles/ProjectModal.module.css";
+import type { Project, Diary } from "../../lib/content/types";
+import { useCommands } from "../../lib/commands/ContextProvider";
+import { generateContent, projectEmpty } from "../../lib/content/generate";
 import { useModalFunctions } from "./contexts/ModalFunctions";
-import Spinner from "./Spinner";
+import Spinner from "../Spinner";
 import { renderToStaticMarkup } from "react-dom/server";
 
 // Code Highlighting

components/Terminal/REPL/REPLHistory.tsx

@@ -1,7 +1,7 @@
 import { NextPage } from "next";
 import Link from "next/link";
 import type { BaseSyntheticEvent, MutableRefObject } from "react";
-import styles from "../../styles/REPL/REPLHistory.module.css";
+import styles from "../../../styles/REPL/REPLHistory.module.css";
 
 interface REPLHistoryParams {
     history: string[];

components/Terminal/REPL/REPLInput.tsx

@@ -1,8 +1,8 @@
 import type { NextPage } from "next";
 import { MutableRefObject, useState, createRef, useEffect } from "react";
-import { CommandInterface } from "../../lib/commands";
-import styles from "../../styles/REPL/REPLInput.module.css";
-import { useCommands } from "../../lib/commands/ContextProvider";
+import { CommandInterface } from "../../../lib/commands";
+import styles from "../../../styles/REPL/REPLInput.module.css";
+import { useCommands } from "../../../lib/commands/ContextProvider";
 import { useModalFunctions } from "../contexts/ModalFunctions";
 
 interface REPLInputParams {

components/Terminal/REPL/index.tsx

@@ -1,9 +1,9 @@
 import { MutableRefObject, useEffect, useRef, useState } from "react";
 import REPLInput from "./REPLInput";
 import REPLHistory from "./REPLHistory";
-import styles from "../../styles/REPL/REPLComplete.module.css";
+import styles from "../../../styles/REPL/REPLComplete.module.css";
 import type { NextPage } from "next";
-import { useCommands } from "../../lib/commands/ContextProvider";
+import { useCommands } from "../../../lib/commands/ContextProvider";
 
 interface IREPLProps {
     inputRef: MutableRefObject<HTMLInputElement|null>;