feat: add Keyoxide link

.cspell.yaml

@@ -10,6 +10,7 @@ ignorePaths:
 words:
   - dockervolumes
   - grayscale
+  - keyoxide
   - kmoschcau
   - markuplint
   - moschcau

src/images/keyoxide.svg

@@ -0,0 +1,7 @@
+<svg version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+ <path d="m14.662 2.7734c-0.86914 8.5e-6 -1.5742 0.70509-1.5742 1.5742 0 0.52528 0.26095 1.006 0.67773 1.2949 0.12007 0.083138 0.18912 0.092562 0.20508 0.22266 0.01604 0.13001-0.16211 0.25-0.16211 0.25l-3.3242 2.5859v-0.5293c0.14724-1.4561-0.83223-2.9405-2.2754-3.2793-1.719-0.502-3.7931 1.0298-3.7931 2.6452 0 1.9182 0.00778 8.9247 0.00211 13.429-0.00211 1.6772 1.3577 3.0332 3.0332 3.0332s3.0352-1.3576 3.0352-3.0332v-0.39648c1.365 0.90898 2.7303 1.8174 4.0938 2.7285 1.1299 0.93021 2.9078 0.93859 3.9902-0.07422 1.3712-1.1518 1.323-3.4999-0.0918-4.5957-1.935-1.3219-3.8897-2.6181-5.8418-3.916l5.7734-4.4883c1.1632-0.90466 1.4954-2.5005 0.83398-3.7832-0.04938-0.095755-0.06511-0.12998-0.16797-0.16992-0.10277-0.039938-0.18425 0.00439-0.28711 0.042969-0.14138 0.053062-0.29257 0.080078-0.44531 0.080078-0.69894 0-1.2656-0.56662-1.2656-1.2656 9.4e-5 -0.094853 0.01636-0.14996-0.01172-0.20898-0.02807-0.059023-0.10233-0.097092-0.17578-0.10547-0.12191-0.013926-0.24437-0.020476-0.36719-0.019531-0.12049 8.587e-4 -0.21169-0.00952-0.26367-0.097656-0.05189-0.088142-0.02344-0.18975-0.02344-0.34961 0-0.86915-0.70504-1.5742-1.5742-1.5742z"/>
+ <path d="m12.806 3.085a1.0735 1.0735 0 0 1-1.0735 1.0735 1.0735 1.0735 0 0 1-1.0735-1.0735 1.0735 1.0735 0 0 1 1.0735-1.0735 1.0735 1.0735 0 0 1 1.0735 1.0735z"/>
+ <path d="m13.458 1.0033a0.70038 0.70038 0 0 1-0.70038 0.70038 0.70038 0.70038 0 0 1-0.70038-0.70038 0.70038 0.70038 0 0 1 0.70038-0.70038 0.70038 0.70038 0 0 1 0.70038 0.70038z"/>
+ <path d="m11.339 0.48902a0.48902 0.48902 0 0 1-0.48902 0.48902 0.48902 0.48902 0 0 1-0.48902-0.48902 0.48902 0.48902 0 0 1 0.48902-0.48902 0.48902 0.48902 0 0 1 0.48902 0.48902z"/>
+ <path d="m19.203 5.1296a0.85797 0.85797 0 0 1-0.85797 0.85797 0.85797 0.85797 0 0 1-0.85797-0.85797 0.85797 0.85797 0 0 1 0.85797-0.85797 0.85797 0.85797 0 0 1 0.85797 0.85797z"/>
+</svg>

src/pages/index.astro

@@ -2,6 +2,7 @@
 import { Image } from "astro:assets";
 import ExternalLink from "../components/external-link.astro";
 import InlineSvg from "../components/inline-svg.astro";
+import KeyoxideLogo from "../images/keyoxide.svg";
 import MatrixLogo from "../images/matrix-logo.svg";
 import portrait from "../images/portrait.jpg";
 import "../styles/global.css";
@@ -46,6 +47,16 @@ import "../styles/global.css";
                 <span>@kmoschcau:matrix.org</span>
               </ExternalLink>
             </li>
+            <li>
+              <ExternalLink
+                cssClass="link-keyoxide"
+                href="https://keyoxide.org/8CE00E9495B5030DA9217208DF16F424177090BB"
+                title="Mein Keyoxide-Eintrag"
+              >
+                <InlineSvg SvgComponent={KeyoxideLogo} slot="logo" />
+                <span>Keyoxide</span>
+              </ExternalLink>
+            </li>
           </ul>
         </nav>
       </article>

src/styles/global.css

@@ -6,14 +6,9 @@
   --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-keyoxide: #6855c3;
+  --color-keyoxide-hover: oklch(
+    from var(--color-keyoxide) calc(l - var(--hover-darken)) c h
   );
 
   --color-matrix: oklch(from #0dbd8b var(--link-bg-l) c h);
@@ -33,12 +28,8 @@
 }
 
 @layer components {
-  .link-fur-affinity {
-    @apply bg-fur-affinity hover:bg-fur-affinity-hover text-white;
-  }
-
-  .link-mastodon {
-    @apply bg-mastodon hover:bg-mastodon-hover text-white;
+  .link-keyoxide {
+    @apply bg-keyoxide hover:bg-keyoxide-hover text-white;
   }
 
   .link-matrix {