From 97879a3c8aaf9bf0428231850dafb36754f9e263 Mon Sep 17 00:00:00 2001
From: Juliet <m@juli.ee>
Date: Tue, 2 Sep 2025 18:56:08 +0200
Subject: [PATCH] homepage link badges

---
 src/layout.tsx       |  2 +-
 src/styles/index.css |  4 ++++
 src/views/home.tsx   | 16 ++++++++++++----
 3 files changed, 17 insertions(+), 5 deletions(-)

diff --git a/src/layout.tsx b/src/layout.tsx
index 4aec32a..1d844c1 100644
--- a/src/layout.tsx
+++ b/src/layout.tsx
@@ -101,7 +101,7 @@ const Layout = (props: RouteSectionProps<unknown>) => {
           </div>
         </div>
       </header>
-      <div class="dark:bg-dark-500 z-1 mb-4 flex max-w-full min-w-[22rem] flex-col items-center bg-neutral-100 text-pretty sm:min-w-[24rem] md:max-w-[48rem]">
+      <div class="mb-4 flex max-w-full min-w-[22rem] flex-col items-center text-pretty sm:min-w-[24rem] md:max-w-[48rem]">
         <Show when={!["/jetstream", "/firehose", "/settings"].includes(location.pathname)}>
           <Search />
         </Show>
diff --git a/src/styles/index.css b/src/styles/index.css
index df9ead0..547df37 100644
--- a/src/styles/index.css
+++ b/src/styles/index.css
@@ -42,3 +42,7 @@ html {
 .i-pinksea {
   --svg: url("data:image/svg+xml,%3Csvg%20width%3D%22800%22%20height%3D%22800%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m3%206%203.106-1.553a2%202%200%200%201%201.788%200l1.423.711a6%206%200%200%200%205.366%200l1.423-.71a2%202%200%200%201%201.788%200L21%206M3%2010.5l3.106-1.553a2%202%200%200%201%201.788%200l1.423.711a6%206%200%200%200%205.366%200l1.423-.71a2%202%200%200%201%201.788%200L21%2010.5M3%2015l3.106-1.553a2%202%200%200%201%201.788%200l1.423.711a6%206%200%200%200%205.366%200l1.423-.71a2%202%200%200%201%201.788%200L21%2015M3%2019.5l3.106-1.553a2%202%200%200%201%201.788%200l1.423.711a6%206%200%200%200%205.366%200l1.423-.71a2%202%200%200%201%201.788%200L21%2019.5%22%20stroke%3D%22%23ffe5ea%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
 }
+
+.ri--bluesky {
+  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 11.388c-.906-1.761-3.372-5.044-5.665-6.662c-2.197-1.55-3.034-1.283-3.583-1.033C2.116 3.978 2 4.955 2 5.528c0 .575.315 4.709.52 5.4c.68 2.28 3.094 3.05 5.32 2.803c-3.26.483-6.157 1.67-2.36 5.898c4.178 4.325 5.726-.927 6.52-3.59c.794 2.663 1.708 7.726 6.444 3.59c3.556-3.59.977-5.415-2.283-5.898c2.225.247 4.64-.523 5.319-2.803c.205-.69.52-4.825.52-5.399c0-.575-.116-1.55-.752-1.838c-.549-.248-1.386-.517-3.583 1.033c-2.293 1.621-4.76 4.904-5.665 6.664'/%3E%3C/svg%3E");
+}
diff --git a/src/views/home.tsx b/src/views/home.tsx
index f6e9eaf..9cee787 100644
--- a/src/views/home.tsx
+++ b/src/views/home.tsx
@@ -90,11 +90,19 @@ const Home = () => {
         </div>
       </div>
       <div class="flex gap-2">
-        <A href="https://tangled.sh/@pdsls.dev/pdsls/" target="_blank">
-          <div class="iconify i-tangled text-xl" />
+        <A
+          href="https://tangled.sh/@pdsls.dev/pdsls/"
+          target="_blank"
+          class="flex rounded-full bg-neutral-200 p-1 transition-colors duration-300 hover:bg-neutral-700 hover:text-neutral-200 dark:bg-neutral-700 dark:hover:bg-neutral-200 dark:hover:text-neutral-700"
+        >
+          <span class="iconify i-tangled"></span>
         </A>
-        <A href="https://bsky.app/profile/did:plc:6q5daed5gutiyerimlrnojnz" target="_blank">
-          <div class="iconify tabler--brand-bluesky text-xl" />
+        <A
+          href="https://bsky.app/profile/did:plc:6q5daed5gutiyerimlrnojnz"
+          target="_blank"
+          class="flex rounded-full bg-neutral-200 p-1 transition-colors duration-300 hover:bg-neutral-700 hover:text-neutral-200 dark:bg-neutral-700 dark:hover:bg-neutral-200 dark:hover:text-neutral-700"
+        >
+          <span class="iconify ri--bluesky"></span>
         </A>
       </div>
     </div>
-- 
2.51.2