From 708f7d7f576700d23678ee799135508fe2646b47 Mon Sep 17 00:00:00 2001 From: Chneemann Date: Thu, 30 Jul 2026 08:47:56 +0200 Subject: [PATCH] refactor: update social links to self-hosted git and refine icon layout --- public/assets/icons/codeberg.svg | 1 - public/assets/icons/forgejo.svg | 1 + src/components/Social.tsx | 17 ++++++++++------- 3 files changed, 11 insertions(+), 8 deletions(-) delete mode 100644 public/assets/icons/codeberg.svg create mode 100644 public/assets/icons/forgejo.svg diff --git a/public/assets/icons/codeberg.svg b/public/assets/icons/codeberg.svg deleted file mode 100644 index 3056af5..0000000 --- a/public/assets/icons/codeberg.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/public/assets/icons/forgejo.svg b/public/assets/icons/forgejo.svg new file mode 100644 index 0000000..5c6119a --- /dev/null +++ b/public/assets/icons/forgejo.svg @@ -0,0 +1 @@ +Forgejo \ No newline at end of file diff --git a/src/components/Social.tsx b/src/components/Social.tsx index 21f5b2e..ea4b1eb 100644 --- a/src/components/Social.tsx +++ b/src/components/Social.tsx @@ -4,20 +4,23 @@ import Image from "next/image"; * External social profile link configurations */ const socialLinks = [ - { - name: "Codeberg", - href: "https://codeberg.org/chneemann", - icon: "/assets/icons/codeberg.svg", - }, { name: "LinkedIn", href: "https://linkedin.com/in/andre-kempf", icon: "/assets/icons/linkedin.svg", + iconClass: "", + }, + { + name: "Git (Self-Hosted)", + href: "https://git.andre-kempf.com/Chneemann", + icon: "/assets/icons/forgejo.svg", + iconClass: "p-0.75", }, { name: "GitHub (Legacy)", href: "https://github.com/chneemann", icon: "/assets/icons/github.svg", + iconClass: "", }, ]; @@ -34,7 +37,7 @@ export default function SocialLinks() { target="_blank" rel="noopener noreferrer" aria-label={link.name} - className="flex items-center justify-center gap-2 px-2 py-2 sm:px-3 sm:py-2 bg-slate-900 border border-slate-800 hover:border-blue-500/40 hover:bg-blue-600/10 text-slate-300 hover:text-blue-400 font-medium text-sm rounded-lg shadow-md shadow-blue-950/30 transition-all duration-200 hover:-translate-y-0.5 group" + className="flex items-center justify-center gap-2 px-3 py-2 bg-slate-900 border border-slate-800 hover:border-blue-500/40 hover:bg-blue-600/10 text-slate-300 hover:text-blue-400 font-medium text-sm rounded-lg shadow-md shadow-blue-950/30 transition-all duration-200 hover:-translate-y-0.5 group" >
{link.name}