donate page: lightning address

Signed-off-by: Hadi <[email protected]>

src/layouts/Layout.astro

@@ -25,6 +25,7 @@ const { title = "hadi's site" } = Astro.props;
         <a href="/">home</a>
         <a href="https://medium.com/@anotherhadi" target="_blank" rel="noopener noreferrer">blog</a>
         <a href="/contact">contact</a>
+        <a href="/donate">donate</a>
       </nav>
       <main class="flex-1 py-10">
         <slot />

src/pages/donate.astro

@@ -0,0 +1,21 @@
+---
+import Layout from "../layouts/Layout.astro";
+
+const lightningAddress = "[email protected]";
+const bolt12Offer =
+  "lno1zrxq8pjw7qjlm68mtp7e3yvxee4y5xrgjhhyf2fxhlphpckrvevh50u0q2426u4t8ezfc47jxucvdej7mza4ljnq80f8q58ztwrlflsq7rh4cqsrc9n5lw39puykt4seaa0nqft67jzu0dzwqy8m30zk7t8sen8d4x9sqvcr2h2drr4vlt0plds73uph5jek9u4jv6pkzdtzv3gd5wzlnxr87c3f5n84fngr6gwxpp49qxlyzj3knwa5qts2mmfh2t5yeqa5dnvp0zu7yup0dh6nlpkl4n5ax7pfvtsn0ld95qqsgq2mwr80e08c77azxy5edrd46s";
+---
+
+<Layout title="donate - hadi's site">
+  <h1 class="text-2xl font-bold mb-4">donate</h1>
+  <p class="leading-relaxed">
+    if you want to send sats, my lightning address is:
+    <code class="text-accent">{lightningAddress}</code>
+  </p>
+
+  <p class="mt-8 leading-relaxed">
+    if your wallet can't resolve the address for some reason, here's the raw
+    bolt12 offer as a fallback:
+    <code class="text-accent break-all text-sm">{bolt12Offer}</code>
+  </p>
+</Layout>

src/pages/index.astro

@@ -70,10 +70,8 @@ import Layout from "../layouts/Layout.astro";
   </p>
 
   <p class="mt-8 leading-relaxed text-subtext">
-    if you want to support what i do, there's <a
+    if you want to support what i do, there's <a href="/donate"
-      href="https://ko-fi.com/anotherhadi"
+      >my lightning address</a
-      target="_blank"
-      rel="noopener noreferrer">ko-fi</a
     >.
   </p>
 </Layout>