From bd7c27b96c92a4614fb83753cba6b66f972bd695 Mon Sep 17 00:00:00 2001
From: trafficlunar <hello@trafficlunar.net>
Date: Tue, 11 Feb 2025 14:55:42 +0000
Subject: [PATCH] feat: add personal website link

---
 src/assets/traffic_cone.svg      | 1 +
 src/components/ThemeIcon.tsx     | 2 +-
 src/components/menubar/index.tsx | 6 +++++-
 3 files changed, 7 insertions(+), 2 deletions(-)
 create mode 100644 src/assets/traffic_cone.svg

diff --git a/src/assets/traffic_cone.svg b/src/assets/traffic_cone.svg
new file mode 100644
index 0000000..a4cf6ef
--- /dev/null
+++ b/src/assets/traffic_cone.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8.467 8.467"><path d="M.896 6.798l2.502 1.445a1.67 1.67 0 0 0 1.668 0l2.502-1.445c.172-.099.278-.283.278-.482s-.106-.382-.278-.482L5.067 4.39a1.67 1.67 0 0 0-1.668 0L.896 5.835c-.172.099-.278.283-.278.482s.106.382.278.482z"/><path d="M4.156.007a.44.44 0 0 0-.339.29l-.695 2.007.695.401c.258.149.576.149.834 0l.695-.401L4.651.297a.44.44 0 0 0-.495-.29zM2.843 3.106l-1.112 3.21 2.503 1.445 2.502-1.445-1.112-3.21-.973.562c-.258.149-.576.149-.835 0l-.973-.562z"/></svg>
\ No newline at end of file
diff --git a/src/components/ThemeIcon.tsx b/src/components/ThemeIcon.tsx
index 8c939ed..2def417 100644
--- a/src/components/ThemeIcon.tsx
+++ b/src/components/ThemeIcon.tsx
@@ -15,7 +15,7 @@ function ThemeIcon({ inApp }: Props) {
 	};
 
 	const getIcon = () => {
-		const size = inApp ? 24 : 30;
+		const size = inApp ? 22 : 30;
 		const color = inApp ? (isDark ? "white" : "black") : "white";
 
 		switch (theme) {
diff --git a/src/components/menubar/index.tsx b/src/components/menubar/index.tsx
index 1f50208..2024fc6 100644
--- a/src/components/menubar/index.tsx
+++ b/src/components/menubar/index.tsx
@@ -16,6 +16,7 @@ import ThemeIcon from "@/components/ThemeIcon";
 import BlockmaticIcon from "@/assets/blockmatic-icon-colored.svg?react";
 import BlockmaticText from "@/assets/blockmatic-text-colored.svg?react";
 import GithubIcon from "@/assets/github.svg?react";
+import TrafficConeIcon from "@/assets/traffic_cone.svg?react";
 
 function Menubar() {
 	const { isDark } = useContext(ThemeContext);
@@ -33,11 +34,14 @@ function Menubar() {
 				<SelectMenu />
 				<ViewMenu />
 
-				<div className="absolute right-3 flex items-center gap-1">
+				<div className="absolute right-3 grid grid-cols-3 items-center gap-1">
 					<ThemeIcon inApp />
 					<a href="https://github.com/trafficlunar/blockmatic" className="w-5">
 						<GithubIcon fill={isDark ? "white" : "black"} />
 					</a>
+					<a href="https://trafficlunar.net" className="w-5">
+						<TrafficConeIcon fill={isDark ? "white" : "black"} className="hover:fill-orange-400 transition-colors" />
+					</a>
 				</div>
 			</UIMenubar>
 		</DialogProvider>