Resume feature

package.json

@@ -43,6 +43,8 @@
     "react-d3-tree": "^3.6.6",
     "react-dom": "^18.2.0",
     "react-dropzone": "^14.3.5",
+    "react-markdown": "^10.1.0",
+    "remark-gfm": "^4.0.1",
     "sharp": "^0.34.4",
     "tailwind-merge": "^3.3.1",
     "undici": "^7.9.0",

src/app/Footer.tsx

@@ -1,27 +1,23 @@
 "use client";
 
 /**
- * Footer — ported from sensein/brainkb-ui-prototype's Landing footer.
- *
- * Wraps itself in <Theme> so the --bkb-* tokens resolve regardless of where
- * the parent renders this (the root layout drops it after every route).
+ * Footer — dark editorial treatment that flows out of the landing page's
+ * "Powered by AI agents" section. Wraps itself in <Theme> so it renders
+ * consistently after every route; colours are hard-set for the dark surface
+ * rather than relying on the light --bkb-* tokens.
  */
 
 import React from "react";
 import Link from "next/link";
-import Image from "next/image";
 import { FONTS, Theme } from "@/src/app/components/design-system";
 
+const INK = "#f0eee9";
+const MUTED = "rgba(240,238,233,0.62)";
+const SUBTLE = "rgba(240,238,233,0.42)";
+const ACCENT = "#3ecf8e";
+const HAIRLINE = "rgba(255,255,255,0.1)";
+
 const COLUMNS: { h: string; items: { label: string; href?: string }[] }[] = [
-//   {
-//     h: "Product",
-//     items: [
-//       { label: "Explorer", href: "/knowledge-base" },
-//       { label: "Dashboard", href: "/user/dashboard" },
-//       { label: "SPARQL API", href: "/about" },
-//       { label: "Changelog", href: "/about" },
-//     ],
-//   },
   {
     h: "Resources",
     items: [
@@ -33,8 +29,6 @@ const COLUMNS: { h: string; items: { label: string; href?: string }[] }[] = [
   {
     h: "About",
     items: [
-//       { label: "Team", href: "/about" },
-//       { label: "Governance", href: "/about" },
       { label: "Privacy", href: "/privacy-policy" },
       { label: "Contact", href: "/contact" },
     ],
@@ -44,60 +38,70 @@ const COLUMNS: { h: string; items: { label: string; href?: string }[] }[] = [
 const Footer: React.FC = () => {
   const year = new Date().getFullYear();
   return (
-    <Theme theme="light" style={{ background: "#f0eee9" }}>
+    <Theme theme="dark" style={{ background: "#0b1410" }}>
       <footer
         style={{
-          background: "var(--bkb-surface)",
-          borderTop: "1px solid var(--bkb-border)",
-          padding: "48px 64px 32px",
+          background: "#0b1410",
+          borderTop: `1px solid ${HAIRLINE}`,
+          padding: "64px 64px 36px",
         }}
       >
         <div
           style={{
             maxWidth: 1200,
             margin: "0 auto",
             display: "grid",
-            gridTemplateColumns: "1.5fr 1fr 1fr 1fr",
+            gridTemplateColumns: "1.6fr 1fr 1fr",
             gap: 48,
           }}
         >
           <div>
-            <div style={{ display: "flex", alignItems: "center", gap: 10, marginBottom: 12 }}>
-              <Image src="/brainkb_logo.png" alt="BrainKB" width={32} height={32} priority />
-              <div style={{ fontFamily: FONTS.display, fontSize: 22, letterSpacing: "-0.02em" }}>BrainKB</div>
+            <div style={{ display: "flex", alignItems: "center", gap: 12, marginBottom: 16 }}>
+              <div
+                style={{
+                  width: 34,
+                  height: 34,
+                  borderRadius: 9,
+                  background: "#1db981",
+                  color: "#0b1410",
+                  display: "flex",
+                  alignItems: "center",
+                  justifyContent: "center",
+                  fontFamily: FONTS.display,
+                  fontSize: 20,
+                  lineHeight: 1,
+                }}
+              >
+                B
+              </div>
+              <div style={{ fontFamily: FONTS.display, fontSize: 24, letterSpacing: "-0.02em", color: INK }}>BrainKB</div>
             </div>
-            <div style={{ fontSize: 12, color: "var(--bkb-textMuted)", lineHeight: 1.6, maxWidth: 320 }}>
-              An open neuroscience knowledge graph supported by U24MH130918 (BICAN Knowledgebase), P41EB019936 (ReproNim), U24MH136628 (BBQS), UM1NS132358 (Brain Connects), and MIT MGAIC consortium.
+            <div style={{ fontSize: 13, color: MUTED, lineHeight: 1.65, maxWidth: 380 }}>
+              An open neuroscience knowledge graph supported by U24MH130918 (BICAN Knowledgebase), P41EB019936 (ReproNim), U24MH136628 (BBQS), UM1NS132358 (Brain Connects), and the MIT MGAIC consortium.
             </div>
           </div>
           {COLUMNS.map((col) => (
             <div key={col.h}>
               <div
                 style={{
-                  fontSize: 11,
-                  color: "var(--bkb-textSubtle)",
-                  letterSpacing: "0.1em",
+                  fontFamily: FONTS.mono,
+                  fontSize: 11.5,
+                  color: ACCENT,
+                  letterSpacing: "0.14em",
                   textTransform: "uppercase",
-                  marginBottom: 14,
+                  marginBottom: 16,
                 }}
               >
                 {col.h}
               </div>
               {col.items.map((it) => (
-                <div key={it.label} style={{ padding: "4px 0" }}>
+                <div key={it.label} style={{ padding: "5px 0" }}>
                   {it.href ? (
-                    <Link
-                      href={it.href}
-                      style={{
-                        fontSize: 13,
-                        color: "var(--bkb-textMuted)",
-                        textDecoration: "none",
-                      }}
-                    >
+                    <Link href={it.href} style={{ fontSize: 14, color: MUTED, textDecoration: "none" }}>
                       {it.label}
                     </Link>
                   ) : (
-                    <span style={{ fontSize: 13, color: "var(--bkb-textMuted)" }}>{it.label}</span>
+                    <span style={{ fontSize: 14, color: MUTED }}>{it.label}</span>
                   )}
                 </div>
               ))}
@@ -108,19 +112,19 @@ const Footer: React.FC = () => {
         <div
           style={{
             maxWidth: 1200,
-            margin: "40px auto 0",
-            paddingTop: 20,
-            borderTop: "1px solid var(--bkb-border)",
-            fontSize: 11,
-            color: "var(--bkb-textSubtle)",
+            margin: "48px auto 0",
+            paddingTop: 22,
+            borderTop: `1px solid ${HAIRLINE}`,
+            fontSize: 12,
+            color: SUBTLE,
           }}
         >
           © {year} BrainKB ·{" "}
           <Link
             href="https://sensein.group"
             target="_blank"
             rel="noopener noreferrer"
-            style={{ color: "var(--bkb-textMuted)", textDecoration: "none" }}
+            style={{ color: MUTED, textDecoration: "none" }}
           >
             Senseable Intelligence Group
           </Link>