Update homepage

src/pages/index.astro

@@ -7,29 +7,45 @@ const socials = [
 ];
 
 const services = [
-  ["Gitea", "git"],
+  ["Twitter", "twt", "https://twitter.com/luanekos"],
-  ["Roundcube", "mail"],
+  ["Bluesky", "bsky", "https://bsky.app/profile/lua.re"],
-  ["Memos", "memo"],
+  ["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));
 ---
 
 <Layout>
+  <div class="max-w-screen-sm mx-auto py-4">
     <pre
-    class="max-w-prose mx-auto p-4 sm:p-8 leading-tight">{
+      class="leading-snug px-5 py-4 my-4 bg-white rounded-lg border border-gray-100 hover:border-gray-200 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>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>))} -->
-{services.map(([name, sub,href], i) => (
+chronic internet meower
-<>{i ? " · " : ""}</><small><a href={href ?? `https://${sub}.lua.re/`} title={name}>{sub}</a></small>
-))}
 
-🍡 🌸 🎀 🌙</pre>
+🍡 🌸 🎀 🌙
+</pre>
+    <p class="my-4">
+      <small
+        >{
+          services.map(([name, sub, href], i) => (
+            <>
+              <>{i ? " · " : ""}</>
+              <a href={href} title={name}>
+                {sub}
+              </a>
+            </>
+          ))
+        }</small
+      >
+    </p>
+  </div>
 </Layout>
 
 <script>

tailwind.config.mjs

@@ -9,7 +9,8 @@ export default {
         serif: [`"Source Serif 4"`, ...defaultTheme.fontFamily.serif],
       },
       colors: {
-        bg: "#ffefef",
+        bg: "#fff8f7",
+        white: "#fffefe",
         pink: "#f3d0d7",
       },
     },