From 3ef31cab0c85ebec51a897347bc89a68c26e64be Mon Sep 17 00:00:00 2001
From: Stefano Pigozzi <me@steffo.eu>
Date: Mon, 16 Jan 2023 16:50:50 +0100
Subject: [PATCH] the birdsite is gone

---
 components/LinkPanel.tsx | 22 +++++++++++++---------
 pages/index.tsx          |  2 +-
 2 files changed, 14 insertions(+), 10 deletions(-)

diff --git a/components/LinkPanel.tsx b/components/LinkPanel.tsx
index 5696178..605d9b4 100644
--- a/components/LinkPanel.tsx
+++ b/components/LinkPanel.tsx
@@ -17,21 +17,25 @@ export type LinkPanelProps = {
 
 export const LinkPanel = ({href, icon, text, me, fade}: LinkPanelProps) => {
     const panel = (
-        <a className={cn({panel: true, [style.linkPanel]: true, fade: fade})} rel={me ? "me" : ""}>
-            <span>
-                <FontAwesomeIcon icon={icon}/>&nbsp;{text}
-            </span>
-        </a>
+        <span>
+            <FontAwesomeIcon icon={icon}/>&nbsp;{text}
+        </span>
     )
 
     if(href) {
         return (
-            <Link href={href}>
-                {panel}
-            </Link>
+            <a className={cn({panel: true, [style.linkPanel]: true, fade: fade})} rel={me ? "me" : ""}>
+                <Link href={href}>
+                    {panel}
+                </Link>
+            </a>
         )
     }
     else {
-        return panel
+        return (
+            <div className={cn({panel: true, fade: fade})}>
+                {panel}
+            </div>
+        )
     }
 }
diff --git a/pages/index.tsx b/pages/index.tsx
index 73c30ca..f1e2f2f 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -37,7 +37,7 @@ const Index: NextPage = () => {
                     <LinkPanel me href={"https://github.com/Steffo99"} icon={faGithub} text={"Steffo99"}/>
                     <LinkPanel me href={"https://old.reddit.com/user/steffo99"} icon={faRedditAlien} text={<span><small>/u/</small>Steffo99</span>}/>
                     <LinkPanel me href={"https://fosstodon.org/@steffo"} icon={faMastodon} text={<span>@steffo<small>@fosstodon.org</small></span>}/>
-                    <LinkPanel me href={"https://twitter.com/CaptSteffo/"} icon={faTwitter} text={"@CaptSteffo"}/>
+                    <LinkPanel fade icon={faTwitter} text={""}/>
                     <LinkPanel me href={"https://stackoverflow.com/users/4334568/steffo"} icon={faStackOverflow} text={"Steffo"}/>
                     <LinkPanel me href={"https://www.linkedin.com/in/steffo45/"} icon={faLinkedin} text={"Stefano Pigozzi"}/>
                     <LinkPanel me href={"https://steamcommunity.com/profiles/76561198034314260/"} icon={faSteam} text={"Steffo"}/>