diff --git a/.cspell.yaml b/.cspell.yaml index 4d565c5..ffd2eaf 100644 --- a/.cspell.yaml +++ b/.cspell.yaml @@ -10,6 +10,7 @@ ignorePaths: words: - dockervolumes - grayscale + - keyoxide - kmoschcau - markuplint - moschcau diff --git a/src/images/keyoxide.svg b/src/images/keyoxide.svg new file mode 100644 index 0000000..e177b13 --- /dev/null +++ b/src/images/keyoxide.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/src/pages/index.astro b/src/pages/index.astro index a205cf5..22fab0c 100644 --- a/src/pages/index.astro +++ b/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"; @kmoschcau:matrix.org +
  • + + + Keyoxide + +
  • diff --git a/src/styles/global.css b/src/styles/global.css index 42d04f8..aaa0ed3 100644 --- a/src/styles/global.css +++ b/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 {