add edit link to the bottom of pages

astro.config.mjs

@@ -101,6 +101,10 @@ export default defineConfig({
                 // untranslated pages are fallbacks and we don't want to error if a translation isn't complete yet
                 starlightLinksValidator({ errorOnFallbackPages: false }),
             ],
+            editLink: {
+                baseUrl:
+                    'https://github.com/frcsoftware/frcsoftware.org/edit/main/',
+            },
         }),
     ],
 });

src/env.d.ts

@@ -9,3 +9,8 @@ declare module 'virtual:starlight/components/MobileMenuFooter' {
     const MobileMenuFooter: typeof import('@astrojs/starlight/components/MobileMenuFooter.astro').default;
     export default MobileMenuFooter;
 }
+
+declare module 'virtual:starlight/components/EditLink' {
+    const EditLink: typeof import('@astrojs/starlight/components/EditLink.astro').default;
+    export default EditLink;
+}

src/starlightOverrides/Footer.astro

@@ -1,6 +1,7 @@
 ---
 import { mdiGithub } from '@mdi/js';
 import MdiIcon from '../components/MdiIcon.astro';
+import EditLink from 'virtual:starlight/components/EditLink';
 import Pagination from 'virtual:starlight/components/Pagination';
 
 const t = Astro.locals.t;
@@ -13,6 +14,9 @@ const mdiDiscord =
 <footer class="site-footer">
     <!-- Pagination Navigation -->
     <div class="pagination-wrapper">
+        <div class="footer-meta">
+            <EditLink />
+        </div>
         <Pagination />
     </div>
 
@@ -61,6 +65,17 @@ const mdiDiscord =
         padding: 0 2rem;
     }
 
+    .footer-meta {
+        display: flex;
+        margin-top: 2rem;
+        margin-bottom: 1rem;
+        font-size: var(--sl-text-sm);
+    }
+
+    .footer-meta:empty {
+        display: none;
+    }
+
     .pagination-wrapper :global(nav) {
         padding-top: 1.5rem;
         border-top: 1px solid var(--sl-color-gray-6);