added project pages, updated page for FAM.

components/ProjectCard.tsx

@@ -3,6 +3,8 @@
 import { useEffect, useRef, useState } from "react";
 import type { Project } from "@/data/content";
 import SimpleGallery from "./SimpleGallery";
+import Link from "next/link";
+import { relative } from "path";
 
 
 type Props = {
@@ -143,10 +145,27 @@ export default function ProjectCard({ project, visible, selected = false, setSel
         </p>
      
        {contentRef.current && project.images && project.images.length > 0 && (
-        <SimpleGallery images={project.images} videos={project.videos} title={project.title}
-         />
+        <SimpleGallery images={project.images} videos={project.videos} title={project.title} />        
       )}
-        
+        <Link
+        className="expand-on-hover-button"
+        style={{
+          fontFamily: "var(--mono)",
+          fontSize: 15,
+          color: "var(--fg)",
+          border: `1px solid ${hovered ? "var(--accent)" : "var(--border)"}`,
+          backgroundColor: "var(--bg)",
+          height: "3em",
+          display: "block",
+          alignContent: "center",
+          alignItems: "center",
+          textAlign: "center",
+          width: "10em",
+          borderRadius: "var(--radius-md)",
+          position: "absolute",
+          right: "1em",
+          bottom: "1em"
+        }} href={"/project/"+project.slug} >See More</Link>
       </div>
     );
       }