diff --git a/.cspell.yaml b/.cspell.yaml index 8b68fcd..5b928a7 100644 --- a/.cspell.yaml +++ b/.cspell.yaml @@ -2,4 +2,5 @@ version: "0.2" language: "en" words: + - keyoxide - markuplint 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 e4f5998..38f468f 100644 --- a/src/pages/index.astro +++ b/src/pages/index.astro @@ -5,6 +5,7 @@ import InlineImage from "../components/inline-image.astro"; import InlineSvg from "../components/inline-svg.astro"; import avatar from "../images/Icon Alec 150.png"; import furAffinityLogo from "../images/fa-logo.webp"; +import KeyoxideLogo from "../images/keyoxide.svg"; import MastodonLogo from "../images/mastodon-logo.svg"; import MatrixLogo from "../images/matrix-logo.svg"; import "../styles/global.css"; @@ -70,6 +71,16 @@ import "../styles/global.css"; f1r3w4rr10r +
  • + + + Keyoxide + +
  • diff --git a/src/styles/global.css b/src/styles/global.css index 42d04f8..4366751 100644 --- a/src/styles/global.css +++ b/src/styles/global.css @@ -11,6 +11,11 @@ from var(--color-fur-affinity) 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-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 @@ -37,6 +42,10 @@ @apply bg-fur-affinity hover:bg-fur-affinity-hover text-white; } + .link-keyoxide { + @apply bg-keyoxide hover:bg-keyoxide-hover text-white; + } + .link-mastodon { @apply bg-mastodon hover:bg-mastodon-hover text-white; }