feat: Added personal website

2026-04-01 23:31:05 +01:00
parent 06ba9b4688
commit 03865d6f16
39 changed files with 36951 additions and 2 deletions
@@ -0,0 +1,27 @@
+import React, { useContext } from "react";
+
+import "./Navbar.css";
+import { headerData } from "../../data/headerData";
+import { ThemeContext } from "../../contexts/ThemeContext";
+
+function Navbar() {
+  const { theme } = useContext(ThemeContext);
+
+  const shortname = (name) => {
+    if (name.length > 12) {
+      return name.split(" ")[0];
+    } else {
+      return name;
+    }
+  };
+
+  return (
+    <div className="navbar">
+      <div className="navbar--container">
+        <h1 style={{ color: theme.secondary }}>{shortname(headerData.name)}</h1>
+      </div>
+    </div>
+  );
+}
+
+export default Navbar;