From 4554287b4b9d06406c73d48c50aca4d98d0d13b9 Mon Sep 17 00:00:00 2001
From: random-anon333 <random-anon333@users.noreply.github.com>
Date: Sat, 7 Mar 2026 15:53:52 -0700
Subject: [PATCH] Add footnote with sponsor and counseling links

Made-with: Cursor
---
 index.html      |  4 ++++
 styles/main.css | 21 +++++++++++++++++++++
 2 files changed, 25 insertions(+)

diff --git a/index.html b/index.html
index c45ae16..9288c21 100644
--- a/index.html
+++ b/index.html
@@ -22,6 +22,10 @@ <h1 data-text="header.title"></h1>
     <main class="options" id="pay-methods" aria-label="Payment options">
       <!-- Pay method sections (fiat, crypto, etc.) are injected by scripts -->
     </main>
+
+    <footer class="footnote">
+      you can also show your support by <a href="https://github.com/sponsors/von-steinkirch" target="_blank" rel="noopener noreferrer">sponsoring me</a> or by using my <a href="https://sundaychats.vercel.app/" target="_blank" rel="noopener noreferrer">counseling services</a>.
+    </footer>
   </div>
 
   <script src="config/config.js"></script>
diff --git a/styles/main.css b/styles/main.css
index 0de9f3f..95dd407 100644
--- a/styles/main.css
+++ b/styles/main.css
@@ -374,3 +374,24 @@ body::before {
   box-shadow: 0 0 12px rgba(34, 197, 94, 0.3);
 }
 
+/* Footnote — very small support links */
+.footnote {
+  margin-top: auto;
+  padding-top: clamp(1rem, 2vw, 1.5rem);
+  font-size: 0.55rem;
+  color: var(--text-muted);
+  letter-spacing: 0.02em;
+  text-align: center;
+  opacity: 0.85;
+}
+
+.footnote a {
+  color: var(--text-muted);
+  text-decoration: underline;
+  text-underline-offset: 2px;
+}
+
+.footnote a:hover {
+  color: var(--neon);
+}
+