Add project page

components/Blog/Card.tsx

@@ -1,11 +1,21 @@
 import type { NextPage } from "next";
+import Link from "next/link";
 import styles from "../../styles/Blog/Card.module.scss";
 
-const ProjectCard: NextPage<{ title: string, description: string }> = ({ title, description}) => {
-    return <div className={styles.card}>
-        <h3 className={styles.title}>{title}</h3>
-        <p className={styles.description}>{description}</p>
-    </div>;
+interface IContentCard {
+    name: string;
+    title: string;
+    description: string;
+    type: "project" | "diary";
+}
+
+const ContentCard: NextPage<IContentCard> = (content: IContentCard) => {
+    return <Link href={`/blog/${content.type}/${content.name}`} passHref>
+        <div className={styles.card}>
+            <h3 className={styles.title}>{content.title}</h3>
+            <p className={styles.description}>{content.description}</p>
+        </div>
+    </Link>;
 };
 
-export default ProjectCard;
+export default ContentCard;

components/Terminal/ProjectModal.tsx

@@ -5,7 +5,7 @@ import styles from "../../styles/Terminal/ProjectModal.module.css";
 import asciidocStyles from "../../styles/Terminal/customAsciidoc.module.scss";
 import type { Project, Diary } from "../../lib/content/types";
 import { useCommands } from "../../lib/commands/ContextProvider";
-import { generateContent, projectEmpty } from "../../lib/content/generate";
+import { generateContent, projectEmpty } from "../../lib/content/generateBrowser";
 import { useModalFunctions } from "./contexts/ModalFunctions";
 import Spinner from "../Spinner";
 import { renderToStaticMarkup } from "react-dom/server";