feat(site): cross-link sibling apps in the footer

Add an "Apps by PangMo5" footer line linking SwiftyCrow and Tatami so
visitors can hop between the project sites; the current app is
emphasized (bold, non-link, aria-current).

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

Author: PangMo5

web/configuration.html

@@ -47,6 +47,7 @@
       <a href="https://github.com/PangMo5/Tatami/blob/main/LICENSE">License</a>
     </div>
     <p>This page renders <code>docs/CONFIGURATION.md</code> from the <code>main</code> branch — the single source of truth. Not affiliated with Apple Inc.</p>
+    <p class="footer-apps">Apps by PangMo5 — <a href="https://pangmo5.github.io/SwiftyCrow/">SwiftyCrow</a> · <span class="cur" aria-current="page">Tatami</span></p>
   </div>
 </footer>
 

web/index.html

@@ -114,6 +114,7 @@ <h2>Get Tatami.</h2>
       <a href="https://github.com/PangMo5/Tatami/blob/main/LICENSE">License</a>
     </div>
     <p>Tatami is open source under the GPL-3.0 license. Inspired by FlashSpace and yabai. Not affiliated with Apple Inc.</p>
+    <p class="footer-apps">Apps by PangMo5 — <a href="https://pangmo5.github.io/SwiftyCrow/">SwiftyCrow</a> · <span class="cur" aria-current="page">Tatami</span></p>
   </div>
 </footer>
 

web/releases.html

@@ -44,6 +44,7 @@ <h1>What's new</h1>
       <a href="https://github.com/PangMo5/Tatami/blob/main/LICENSE">License</a>
     </div>
     <p>Rendered from <code>CHANGELOG.md</code> on the <code>main</code> branch — the single source of truth. Not affiliated with Apple Inc.</p>
+    <p class="footer-apps">Apps by PangMo5 — <a href="https://pangmo5.github.io/SwiftyCrow/">SwiftyCrow</a> · <span class="cur" aria-current="page">Tatami</span></p>
   </div>
 </footer>
 

web/style.css

@@ -161,6 +161,8 @@ footer { background: var(--bg-gray); color: var(--text-secondary); font-size: 12
 .footer-links { display: flex; gap: 20px; flex-wrap: wrap; padding-bottom: 14px; margin-bottom: 14px; border-bottom: 1px solid var(--hairline); }
 .footer-links a { color: var(--text-secondary); }
 footer p { line-height: 1.5; }
+.footer-apps { margin-top: 10px; }
+.footer-apps .cur { color: var(--text); font-weight: 600; }
 
 /* ---------- Landing page ---------- */
 .hero { padding-top: 70px; padding-bottom: 40px; }