From f03aae2c03220c4141bb00bfeb931d27eb9b1592 Mon Sep 17 00:00:00 2001
From: Kai Moschcau <kai@kmoschcau.de>
Date: Mon, 2 Mar 2026 04:10:40 +0100
Subject: [PATCH] feat: improve links and add matrix and FA logos

---
 public/favicon.ico                            | Bin 655 -> 1150 bytes
 public/favicon.svg                            |   9 -----
 src/components/external-link.astro            |   4 ++-
 src/components/inline-image.astro             |  22 ++++++++++++
 src/components/inline-svg.astro               |  11 ++++--
 src/images/fa-logo.webp                       | Bin 0 -> 8584 bytes
 ...todon-logo-white.svg => mastodon-logo.svg} |   2 +-
 src/images/matrix-logo.svg                    |   6 ++++
 src/pages/index.astro                         |  13 ++++---
 src/styles/global.css                         |  32 ++++++++++++++----
 10 files changed, 74 insertions(+), 25 deletions(-)
 delete mode 100644 public/favicon.svg
 create mode 100644 src/components/inline-image.astro
 create mode 100644 src/images/fa-logo.webp
 rename src/images/{mastodon-logo-white.svg => mastodon-logo.svg} (95%)
 create mode 100644 src/images/matrix-logo.svg

diff --git a/public/favicon.ico b/public/favicon.ico
index 7f48a94d16071d6c8d06478c7458ab12e675019c..fe987a9527d71d81928af7854b5ac31d527738a6 100644
GIT binary patch
literal 1150
zcmb7^drZ?;6vw+{e=YmNY>Oh1#P?RJgAL7u7^XOU%w=Lh2%<8;O?(BR@=`iWODUC#
z&=y)~DbOxF${P!F_+knLS1Bkj0jE=zFc;$7WX|oM&wg?L`QPr%_nh4Cz31HA?>V_5
z(QCq7us|f(rK055MWTfwk?1`E0wpm2@q!bHguPcse?tdTgST;&RWZ@y=K1_{=Dg$d
zs*Mcfm(hRD!kEF1Iy!-sKE7xo4{*)$4dauOJp1bf-NjZ0uUx06u9d%^{J||(H_1Dt
zWJbhtEl<w_M?2&87QBTPTGN&63|voRRvrhUVqV7m(0-8{EiPt8Cn-IxMC|Lwl7)*{
z>gPwungHx4&oFIo!&_v<Q&>*35L<X8jlB_4oaf7!>L29A@AH(XG`#i3oA|F<O`zDH
zAjw)5FY+NZ@k@I2m0XtVa0>TV%H(t^&lCUYE@FfnQ=VbwpUo4xAsGLas}KuV>o39I
zUyOM9N=&&LYK>+ThmK=QlVi+~Q+6_k>qQo}uMZ(&<7Q@tMv2(AgC)MctdU4qv1}RP
z;o+2<%p^z0p*}9-*cVA$s;c9s?p|U)-%Uw+4nyU&Y>@<#5ViyBi5zxs|BMYG!R(Pn
z;&3=ns#IKdwo;a-#bvcKeDwxxrB<5FHbMh~h}iTA+L$C3`S_qabcEL85~lA=aR1(q
zB*yJ$a&(M;=Ko}N`aXTm4%}VcC}bH_7YgSteoy+IeY70TCP2KFZNUM2S6qa%$jtql
zUL5BP)K}Fr`}irp&Hl;-gOxm4CQUXwMpXf-^lYAZMserrIk0IP3*LT*+5!VTjs|K@
zt1-z780l6s<kH~1(odJA2E(ab<f$j=Yr4SlC4N|R#mo)gWx!BPs3d@6aq&DEn<g@J
zE1LMjG%B*uB}yq0`odOfrXpX*j*r8r)07bM!8+bw^)3T9`gnTp5!a1XoRG#cGcbg+
z#LVfWqqwvtI`uW2%~7CLsZq(Y*tIc?7JUVUsag0fUd-O$&EzX`U)J!KTO*7%cG9df
zl6x$TOAaU9j(QHp?xW;uC7MGiWb8kPv)sm5*HuD3T!-7_ASHS~i4jp;Y;0xj;m_Q4
zT_HT^BixN0<fUg3uwpfx`FcuIvPh6d<1ke))_aozxq{2KIvx(*;bFfQPje>|{T?1a
zcto42Qh2ul`Bz7&k)7doT|33HQ*7A~LPu=_2K8Bn`v!2;Ix(eWQ>xTZA?Rt<7U4K=
p#NGZaz10m&n`#B`#G=xo6f}tn+lr^jg(g$Zh}*-f|H1!V{|mnoo`3)V

literal 655
zcmV;A0&x9_P)<h;3K|Lk000e1NJLTq001BW001Be0{{R3M5Kzw0002|P)t-s00000
z004)Fhebt25)u+4BO~JC;s5{u#Kgn^0000000000@bK_7G&HrfwEzGBrKP22W@Z2Y
z0P*qh0001HW@eU_mR43)c6N3W5)!tyws&`TrlzJY3>Rl-XF(A`bsas&GH{e7U1}Ri
zJr5jR8B2*Jd6$=$AqgTM2o2FV$<Z@ixh`IyCtZ9YbV?E+9|#VGB2#)GXm=e)%QTKZ
z5HMO6GfWgS4+IIvGjt#b6I>WZ9|#jJ3mmpEs{jB0<T{w<JE!D2ndUpF=RCLPJhtgQ
z#^XAY>ps@*K<wW)apF0P;yH=lH)`WLk>xv}=RB|IJih8Z&fqwCG`%bN0000#bW%=J
z<pA>Q=IH#a_&L{B{_6Lu_3m>0bMN%+@aOmN_3G~H^8EGi>+bXO=;-|Z`uFnf==AdP
z{Oj-S=ltmI=<4`LcLE*&009F@L_t(|+I`d4ZUZ3@1<*Uo7H^LoCw6-8z4wsbd;b4l
zA}zMFtOw2mLX6O5Mgl}(5P=uOM4%=tnuHiuAp%(G<<wC;^h7B0rBVY=$SxPGaoOd7
zGm=PY%@~sZ1Q@lVlojg|`guiVK(#VxOsK;#W%!*2g-SwITAYspoeY;BLLI<xu^ZzP
zJOF|nMXPk0sMi=0dKpe-2uap%dFqy%iguRxdJn=y#iWO-iD@WP;LX3x%+8%HEM7h@
zgSGPh`*wAG|M0X5gSGXIkI%2~pG_ESZDZ%=_HGvzdyo4E&_vK2z8+bB298foQI;cw
p?)(B}F{lBH27xHf!He>c=npm$Fz%eL<mCVW002ovPDHLkV1fzoChY(K

diff --git a/public/favicon.svg b/public/favicon.svg
deleted file mode 100644
index f157bd1..0000000
--- a/public/favicon.svg
+++ /dev/null
@@ -1,9 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 128 128">
-    <path d="M50.4 78.5a75.1 75.1 0 0 0-28.5 6.9l24.2-65.7c.7-2 1.9-3.2 3.4-3.2h29c1.5 0 2.7 1.2 3.4 3.2l24.2 65.7s-11.6-7-28.5-7L67 45.5c-.4-1.7-1.6-2.8-2.9-2.8-1.3 0-2.5 1.1-2.9 2.7L50.4 78.5Zm-1.1 28.2Zm-4.2-20.2c-2 6.6-.6 15.8 4.2 20.2a17.5 17.5 0 0 1 .2-.7 5.5 5.5 0 0 1 5.7-4.5c2.8.1 4.3 1.5 4.7 4.7.2 1.1.2 2.3.2 3.5v.4c0 2.7.7 5.2 2.2 7.4a13 13 0 0 0 5.7 4.9v-.3l-.2-.3c-1.8-5.6-.5-9.5 4.4-12.8l1.5-1a73 73 0 0 0 3.2-2.2 16 16 0 0 0 6.8-11.4c.3-2 .1-4-.6-6l-.8.6-1.6 1a37 37 0 0 1-22.4 2.7c-5-.7-9.7-2-13.2-6.2Z" />
-    <style>
-        path { fill: #000; }
-        @media (prefers-color-scheme: dark) {
-            path { fill: #FFF; }
-        }
-    </style>
-</svg>
diff --git a/src/components/external-link.astro b/src/components/external-link.astro
index 01105cf..fcb48ea 100644
--- a/src/components/external-link.astro
+++ b/src/components/external-link.astro
@@ -16,5 +16,7 @@ const { cssClass, href, title } = Astro.props;
     "flex min-w-full items-center justify-center gap-4 rounded px-6 py-2 text-lg sm:px-24",
   ]}
   {href}
-  {title}><slot name="logo" /><slot /></a
+  {title}
+  target="_blank"
+  rel="external me noreferrer"><slot name="logo" /><slot /></a
 >
diff --git a/src/components/inline-image.astro b/src/components/inline-image.astro
new file mode 100644
index 0000000..a3e678b
--- /dev/null
+++ b/src/components/inline-image.astro
@@ -0,0 +1,22 @@
+---
+import type { ImageMetadata } from "astro";
+import { Image } from "astro:assets";
+
+interface Props {
+  priority?: boolean;
+  size?: number;
+  src: ImageMetadata;
+}
+
+const { priority = true, size = 24, src } = Astro.props;
+---
+
+<Image
+  alt=""
+  height={size}
+  width={size}
+  {priority}
+  {src}
+  role="presentation"
+  class="brightness-1000 grayscale"
+/>
diff --git a/src/components/inline-svg.astro b/src/components/inline-svg.astro
index 6d22a1c..8f09eb9 100644
--- a/src/components/inline-svg.astro
+++ b/src/components/inline-svg.astro
@@ -3,10 +3,15 @@ import type { SvgComponent } from "astro/types";
 
 interface Props {
   SvgComponent: SvgComponent;
-  svgSize?: number;
+  size?: number;
 }
 
-const { SvgComponent, svgSize = 24 } = Astro.props;
+const { size = 24, SvgComponent } = Astro.props;
 ---
 
-<SvgComponent height={svgSize} width={svgSize} role="presentation" />
+<SvgComponent
+  height={size}
+  width={size}
+  fill="currentColor"
+  role="presentation"
+/>
diff --git a/src/images/fa-logo.webp b/src/images/fa-logo.webp
new file mode 100644
index 0000000000000000000000000000000000000000..2370d6cb8411592a250dcc67f29b2d036a56ddec
GIT binary patch
literal 8584
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
O1-v$^{5${v0001A%c3a&

literal 0
HcmV?d00001

diff --git a/src/images/mastodon-logo-white.svg b/src/images/mastodon-logo.svg
similarity index 95%
rename from src/images/mastodon-logo-white.svg
rename to src/images/mastodon-logo.svg
index 39a116b..79d214d 100644
--- a/src/images/mastodon-logo-white.svg
+++ b/src/images/mastodon-logo.svg
@@ -1,3 +1,3 @@
-<svg width="74" height="79" viewBox="0 0 74 79" fill="white" xmlns="http://www.w3.org/2000/svg">
+<svg width="74" height="79" viewBox="0 0 74 79" xmlns="http://www.w3.org/2000/svg">
 <path d="M73.7014 17.9592C72.5616 9.62034 65.1774 3.04876 56.424 1.77536C54.9472 1.56019 49.3517 0.7771 36.3901 0.7771H36.2933C23.3281 0.7771 20.5465 1.56019 19.0697 1.77536C10.56 3.01348 2.78877 8.91838 0.903306 17.356C-0.00357857 21.5113 -0.100361 26.1181 0.068112 30.3439C0.308275 36.404 0.354874 42.4535 0.91406 48.489C1.30064 52.498 1.97502 56.4751 2.93215 60.3905C4.72441 67.6217 11.9795 73.6395 19.0876 76.0945C26.6979 78.6548 34.8821 79.0799 42.724 77.3221C43.5866 77.1245 44.4398 76.8953 45.2833 76.6342C47.1867 76.0381 49.4199 75.3714 51.0616 74.2003C51.0841 74.1839 51.1026 74.1627 51.1156 74.1382C51.1286 74.1138 51.1359 74.0868 51.1368 74.0592V68.2108C51.1364 68.185 51.1302 68.1596 51.1185 68.1365C51.1069 68.1134 51.0902 68.0932 51.0695 68.0773C51.0489 68.0614 51.0249 68.0503 50.9994 68.0447C50.9738 68.0391 50.9473 68.0392 50.9218 68.045C45.8976 69.226 40.7491 69.818 35.5836 69.8087C26.694 69.8087 24.3031 65.6569 23.6184 63.9285C23.0681 62.4347 22.7186 60.8764 22.5789 59.2934C22.5775 59.2669 22.5825 59.2403 22.5934 59.216C22.6043 59.1916 22.621 59.1702 22.6419 59.1533C22.6629 59.1365 22.6876 59.1248 22.714 59.1191C22.7404 59.1134 22.7678 59.1139 22.794 59.1206C27.7345 60.2936 32.799 60.8856 37.8813 60.8843C39.1036 60.8843 40.3223 60.8843 41.5447 60.8526C46.6562 60.7115 52.0437 60.454 57.0728 59.4874C57.1983 59.4628 57.3237 59.4416 57.4313 59.4098C65.3638 57.9107 72.9128 53.2051 73.6799 41.2895C73.7086 40.8204 73.7803 36.3758 73.7803 35.889C73.7839 34.2347 74.3216 24.1533 73.7014 17.9592ZM61.4925 47.6918H53.1514V27.5855C53.1514 23.3526 51.3591 21.1938 47.7136 21.1938C43.7061 21.1938 41.6988 23.7476 41.6988 28.7919V39.7974H33.4078V28.7919C33.4078 23.7476 31.3969 21.1938 27.3894 21.1938C23.7654 21.1938 21.9552 23.3526 21.9516 27.5855V47.6918H13.6176V26.9752C13.6176 22.7423 14.7157 19.3795 16.9118 16.8868C19.1772 14.4 22.1488 13.1231 25.8373 13.1231C30.1064 13.1231 33.3325 14.7386 35.4832 17.9662L37.5587 21.3949L39.6377 17.9662C41.7884 14.7386 45.0145 13.1231 49.2765 13.1231C52.9614 13.1231 55.9329 14.4 58.2055 16.8868C60.4017 19.3772 61.4997 22.74 61.4997 26.9752L61.4925 47.6918Z" fill="inherit"/>
 </svg>
diff --git a/src/images/matrix-logo.svg b/src/images/matrix-logo.svg
new file mode 100644
index 0000000..e846fdd
--- /dev/null
+++ b/src/images/matrix-logo.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
+   <path d="M 30,2.0000001 V 30 h -1 -2 v 2 h 5 V -3.3333334e-8 L 27,0 v 2 z"/>
+   <path d="M 9.9515939,10.594002 V 12.138 h 0.043994 c 0.3845141,-0.563728 0.8932271,-1.031728 1.4869981,-1.368 0.580003,-0.322998 1.244999,-0.485 1.993002,-0.485 0.72,0 1.376999,0.139993 1.971998,0.42 0.595,0.279004 1.047001,0.771001 1.355002,1.477001 0.338003,-0.500001 0.795999,-0.941 1.376999,-1.323001 0.579999,-0.382998 1.265998,-0.574 2.059998,-0.574 0.602003,0 1.160002,0.074 1.674002,0.220006 0.514,0.148006 0.953998,0.382998 1.321999,0.706998 0.36601,0.322999 0.653001,0.746 0.859,1.268002 0.205001,0.521998 0.307994,1.15 0.307994,1.887001 v 7.632997 h -3.127 v -6.463997 c 0,-0.383002 -0.01512,-0.743002 -0.04399,-1.082003 -0.02079,-0.3072 -0.103219,-0.607113 -0.242003,-0.881998 -0.133153,-0.25081 -0.335962,-0.457777 -0.584001,-0.596002 -0.257008,-0.146003 -0.605998,-0.220006 -1.046997,-0.220006 -0.440002,0 -0.796003,0.085 -1.068,0.253002 -0.272013,0.170003 -0.485001,0.390002 -0.639001,0.662003 -0.159119,0.287282 -0.263585,0.601602 -0.307994,0.926997 -0.05197,0.346923 -0.07801,0.697217 -0.07801,1.048002 v 6.353999 h -3.128005 v -6.398 c 0,-0.338003 -0.0072,-0.673001 -0.02116,-1.004001 -0.01134,-0.313663 -0.07487,-0.623229 -0.187994,-0.915999 -0.107943,-0.276623 -0.300435,-0.512126 -0.550001,-0.673001 -0.25799,-0.168 -0.636,-0.253002 -1.134999,-0.253002 -0.198123,0.0083 -0.394383,0.04195 -0.584002,0.100006 -0.258368,0.07446 -0.498455,0.201827 -0.704999,0.373985 -0.227981,0.183987 -0.421999,0.449 -0.583997,0.794003 -0.161008,0.345978 -0.242003,0.797998 -0.242003,1.356998 v 6.618999 H 6.99942 V 10.590001 Z"/>
+   <path d="M 2,2.0000001 V 30 h 3 v 2 H 0 V 9.2650922e-8 L 5,0 v 2 z"/>
+</svg>
diff --git a/src/pages/index.astro b/src/pages/index.astro
index b0df8fa..e4f5998 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -1,21 +1,22 @@
 ---
 import { Image } from "astro:assets";
 import ExternalLink from "../components/external-link.astro";
+import InlineImage from "../components/inline-image.astro";
 import InlineSvg from "../components/inline-svg.astro";
 import avatar from "../images/Icon Alec 150.png";
-import MastodonLogo from "../images/mastodon-logo-white.svg";
+import furAffinityLogo from "../images/fa-logo.webp";
+import MastodonLogo from "../images/mastodon-logo.svg";
+import MatrixLogo from "../images/matrix-logo.svg";
 import "../styles/global.css";
-
-const svgSize = 24;
 ---
 
 <!doctype html>
 <html lang="en">
   <head>
     <meta charset="utf-8" />
-    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
-    <link rel="icon" href="/favicon.ico" />
+    <link rel="icon" type="image/x-icon" href="/favicon.ico" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta name="color-scheme" content="light dark" />
     <meta name="generator" content={Astro.generator} />
     <title>f1r3.xyz</title>
   </head>
@@ -45,6 +46,7 @@ const svgSize = 24;
               href="https://matrix.to/#/@f1r3w4rr10r:bark.lgbt"
               title="My matrix account"
             >
+              <InlineSvg SvgComponent={MatrixLogo} slot="logo" />
               <span>@f1r3w4rr10r:bark.lgbt</span>
             </ExternalLink>
           </li>
@@ -64,6 +66,7 @@ const svgSize = 24;
               href="https://www.furaffinity.net/user/f1r3w4rr10r/"
               title="My Fur Affinity account"
             >
+              <InlineImage src={furAffinityLogo} slot="logo" />
               <span>f1r3w4rr10r</span>
             </ExternalLink>
           </li>
diff --git a/src/styles/global.css b/src/styles/global.css
index fefa047..42d04f8 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -1,14 +1,30 @@
 @import "tailwindcss";
 
 @theme {
-  --color-mastodon-primary: #6364ff;
-  --color-mastodon-dark: #17063b;
-  --color-mastodon-dark-hover: #2f0c7a;
+  --color-background-dark: oklch(from var(--color-violet-950) 24% 0.08 h);
+
+  --link-bg-l: 53.5%;
+  --hover-darken: 0.05;
+
+  --color-fur-affinity: oklch(from #353b45 var(--link-bg-l) c h);
+  --color-fur-affinity-hover: oklch(
+    from var(--color-fur-affinity) calc(l - var(--hover-darken)) c h
+  );
+
+  --color-mastodon: oklch(from #6364ff var(--link-bg-l) c h);
+  --color-mastodon-hover: oklch(
+    from var(--color-mastodon) calc(l - var(--hover-darken)) c h
+  );
+
+  --color-matrix: oklch(from #0dbd8b var(--link-bg-l) c h);
+  --color-matrix-hover: oklch(
+    from var(--color-matrix) calc(l - var(--hover-darken)) c h
+  );
 }
 
 @layer base {
   body {
-    @apply bg-neutral-50 text-black dark:bg-neutral-800 dark:text-white;
+    @apply dark:bg-background-dark bg-neutral-50 text-black dark:text-white;
   }
 
   h1 {
@@ -17,12 +33,16 @@
 }
 
 @layer components {
+  .link-fur-affinity {
+    @apply bg-fur-affinity hover:bg-fur-affinity-hover text-white;
+  }
+
   .link-mastodon {
-    @apply bg-mastodon-dark hover:bg-mastodon-dark-hover text-white;
+    @apply bg-mastodon hover:bg-mastodon-hover text-white;
   }
 
   .link-matrix {
-    @apply bg-black text-white hover:bg-zinc-950;
+    @apply bg-matrix hover:bg-matrix-hover text-white;
   }
 }