From 183a42a5ee40c0e3e340408c4866023bbeb2772d Mon Sep 17 00:00:00 2001
From: diondiondion <mail@diondiondion.com>
Date: Thu, 11 Dec 2025 18:06:26 +0100
Subject: [PATCH] [Glitch] Add Wrapstodon footer links

Port c06eb371e6601c740c5998aa4c7e492f336e00eb to glitch-soc

Signed-off-by: Claire <claire.github-309c@sitedethib.com>
---
 .../annual_report/shared_page.module.scss     | 23 ++++++++++++++++---
 .../features/annual_report/shared_page.tsx    | 23 +++++++++++++++++++
 2 files changed, 43 insertions(+), 3 deletions(-)

diff --git a/app/javascript/flavours/glitch/features/annual_report/shared_page.module.scss b/app/javascript/flavours/glitch/features/annual_report/shared_page.module.scss
index 954f5bc8f9..b29ab51707 100644
--- a/app/javascript/flavours/glitch/features/annual_report/shared_page.module.scss
+++ b/app/javascript/flavours/glitch/features/annual_report/shared_page.module.scss
@@ -13,12 +13,13 @@ $mobile-breakpoint: 540px;
 }
 
 .footer {
-  text-align: center;
-  margin-top: 2rem;
   display: flex;
   flex-direction: column;
-  gap: 0.75rem;
   align-items: center;
+  gap: 0.75rem;
+  margin-top: 2rem;
+  font-size: 16px;
+  text-align: center;
   color: var(--color-text-secondary);
 }
 
@@ -26,3 +27,19 @@ $mobile-breakpoint: 540px;
   width: 2rem;
   opacity: 0.6;
 }
+
+.nav {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 12px;
+
+  a:any-link {
+    color: inherit;
+    text-decoration: underline;
+    text-underline-offset: 0.2em;
+  }
+
+  a:hover {
+    color: var(--color-text-primary);
+  }
+}
diff --git a/app/javascript/flavours/glitch/features/annual_report/shared_page.tsx b/app/javascript/flavours/glitch/features/annual_report/shared_page.tsx
index 87b0782ac6..c9ab8e06dc 100644
--- a/app/javascript/flavours/glitch/features/annual_report/shared_page.tsx
+++ b/app/javascript/flavours/glitch/features/annual_report/shared_page.tsx
@@ -3,6 +3,7 @@ import type { FC } from 'react';
 import { FormattedMessage } from 'react-intl';
 
 import { IconLogo } from '@/flavours/glitch/components/logo';
+import { me } from '@/flavours/glitch/initial_state';
 
 import { AnnualReport } from './index';
 import classes from './shared_page.module.scss';
@@ -18,6 +19,28 @@ export const WrapstodonSharedPage: FC = () => {
           defaultMessage='Generated with {heart} by the Mastodon team'
           values={{ heart: '♥' }}
         />
+        <nav className={classes.nav}>
+          <a href='/about'>
+            <FormattedMessage
+              id='footer.about_this_server'
+              defaultMessage='About'
+            />
+          </a>
+          {!me && (
+            <a href='https://joinmastodon.org/servers'>
+              <FormattedMessage
+                id='annual_report.shared_page.sign_up'
+                defaultMessage='Sign up'
+              />
+            </a>
+          )}
+          <a href='https://joinmastodon.org/sponsors'>
+            <FormattedMessage
+              id='annual_report.shared_page.donate'
+              defaultMessage='Donate'
+            />
+          </a>
+        </nav>
       </footer>
     </main>
   );