Upgrade to tailwind v4

src/pages/index.astro

@@ -1,40 +1,37 @@
 ---
 import Layout from "../layouts/index.astro";
 
-const socials = [
-  ["Bluesky", "bs/lua.re", "https://bsky.app/profile/lua.re"],
-  ["GitHub", "gh/luaneko", "https://github.com/luaneko"],
-];
+// const socials = [
+//   ["Bluesky", "bs/lua.re", "https://bsky.app/profile/lua.re"],
+//   ["GitHub", "gh/luaneko", "https://github.com/luaneko"],
+// ];
 
-const services = [
+const links = [
   ["Twitter", "twt", "https://twitter.com/luanekos"],
   ["Bluesky", "bsky", "https://bsky.app/profile/lua.re"],
   ["Gitea", "git", "https://git.lua.re/"],
   ["Memos", "memo", "https://memo.lua.re/"],
-];
-
-services.sort(([_a, a], [_b, b]) => a.length - b.length || a.localeCompare(b));
+  ["AFFiNE", "docs", "https://docs.lua.re/"],
+].sort(([_a, a], [_b, b]) => a.length - b.length || a.localeCompare(b));
 ---
 
 <Layout>
   <div class="max-w-screen-sm mx-auto p-8">
     <pre
-      class="leading-snug px-5 py-4 bg-white rounded-lg border border-gray-100 hover:border-gray-200 shadow-xs">
+      class="leading-snug px-5 py-4 bg-white rounded-lg border-gray-100 shadow-xs">
   ∧.,,∧ 𝜗𝜚
 (  ̳• · • ̳)   ᭢
-/      づ <a class="mail" class="font-serif"><em><strong>lumi</strong><span class="at"> at </span>lua.re</em></a> ₊˚.⋆⁺₊
+/      づ <a class="mail" class="font-serif"><em><strong class="font-semibold">lumi</strong><span class="at"> at </span>lua.re</em></a> ₊˚.⋆⁺₊
 <!-- 
 {socials.map(([name, text, href]) => (
 <>・:。<small><a href={href} title={name}>{text}</a></small>
 </s>))} -->
-chronic internet meower
-
 🍡 🌸 🎀 🌙
 </pre>
-    <p class="my-4">
+    <p class="my-2">
       <small
         >{
-          services.map(([name, sub, href], i) => (
+          links.map(([name, sub, href], i) => (
             <>
               {i ? " · " : ""}
               <a href={href} title={name}>