site: move sponsor button into the nav, drop the footer card and button, tidy footer links

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>

Author: TMHSDigital

site/build.mjs

@@ -6,7 +6,7 @@
 import fs from "node:fs";
 import path from "node:path";
 import { fileURLToPath } from "node:url";
-import { commercialLabel, esc, latestAllowedDate, MAINTENANCE_NOTES, PERSPECTIVE_LABELS, sponsorButtonHtml, sponsorCardHtml, verifiedAge } from "./lib/shared.mjs";
+import { commercialLabel, esc, latestAllowedDate, MAINTENANCE_NOTES, PERSPECTIVE_LABELS, sponsorButtonHtml, verifiedAge } from "./lib/shared.mjs";
 import { parseFrontmatter, summaryFromBody } from "./lib/frontmatter.mjs";
 import { entryPageHtml } from "./lib/entry-page.mjs";
 import { LinkError, makeLinkResolver } from "./lib/links.mjs";
@@ -594,7 +594,6 @@ function main() {
     CATALOG_BLURB: `${stats.total} sources · ${stats.active} active · ${stats.commercialOk} commercial-ok · ${stats.commercialVaries} per-file · ${stats.deprecated} deprecated`,
     RESULT_COUNT: `${visible.length} of ${stats.total} entries shown`,
     SPONSOR_BUTTON: sponsorButtonHtml(),
-    SPONSOR_CARD: sponsorCardHtml(),
     FOOTER_STAMP: `Built ${esc(stamp)} from ${stats.total} catalog entries.`,
   };
   let html = fs.readFileSync(indexPath, "utf8");

site/lib/entry-page.mjs

@@ -137,6 +137,7 @@ export function entryPageHtml({ entry, leadHtml, restHtml, deprecatedReasonHtml,
         <a href="../../#starters">Starters</a>
         <a href="../../#guides">Guides</a>
         <a href="${esc(repo)}" rel="noopener noreferrer">GitHub</a>
+        <span class="nav-sponsor">${sponsorButtonHtml()}</span>
       </nav>
     </header>
     <main class="section entry-page" id="content">
@@ -168,7 +169,6 @@ export function entryPageHtml({ entry, leadHtml, restHtml, deprecatedReasonHtml,
     <footer class="footer">
       <p>Catalog metadata is CC0. Linked assets keep their own licenses: re-check the live source before shipping.</p>
       <p><a href="../../freshness/">Licence freshness</a></p>
-      <p class="footer-sponsor">${sponsorButtonHtml()}</p>
       <p class="footer-stamp">Built ${esc(stamp)} from ${total} catalog entries.</p>
     </footer>
     <script src="../../entry.js" defer></script>

site/lib/freshness.mjs

@@ -116,6 +116,7 @@ export function freshnessPageHtml({ stats, site, stamp, total, hasCard }) {
         <a href="../#starters">Starters</a>
         <a href="../#guides">Guides</a>
         <a href="${esc(site.repo)}" rel="noopener noreferrer">GitHub</a>
+        <span class="nav-sponsor">${sponsorButtonHtml()}</span>
       </nav>
     </header>
     <main class="section entry-page freshness-page" id="content">
@@ -145,7 +146,6 @@ export function freshnessPageHtml({ stats, site, stamp, total, hasCard }) {
     </main>
     <footer class="footer">
       <p>Catalog metadata is CC0. Linked assets keep their own licenses: re-check the live source before shipping.</p>
-      <p class="footer-sponsor">${sponsorButtonHtml()}</p>
       <p class="footer-stamp">Built ${esc(stamp)} from ${total} catalog entries.</p>
     </footer>
   </body>

site/lib/shared.mjs

@@ -94,11 +94,7 @@ export function freshnessPageUrl(site) {
   return `${String(site.siteUrl).replace(/\/+$/, "")}/freshness/`;
 }
 
-/** GitHub Sponsors embeds. Iframes are fine on the site; GitHub strips them from the README. */
+/** GitHub Sponsors button for the nav. Iframes are fine on the site; GitHub strips them from the README. */
 export function sponsorButtonHtml() {
   return '<iframe class="sponsor-button" src="https://github.com/sponsors/TMHSDigital/button" title="Sponsor TMHSDigital" height="32" width="114" style="border: 0; border-radius: 6px;"></iframe>';
 }
-
-export function sponsorCardHtml() {
-  return '<iframe class="sponsor-card" src="https://github.com/sponsors/TMHSDigital/card" title="Sponsor TMHSDigital" height="225" width="600" style="border: 0; max-width: 100%;"></iframe>';
-}

site/lib/stack-page.mjs

@@ -145,6 +145,7 @@ export function stackPageHtml({ stack, sections, gapsHtml, leadHtml, owed, site,
         <a href="../../#starters">Starters</a>
         <a href="../../#guides">Guides</a>
         <a href="${esc(repo)}" rel="noopener noreferrer">GitHub</a>
+        <span class="nav-sponsor">${sponsorButtonHtml()}</span>
       </nav>
     </header>
     <main class="section entry-page stack-page" id="content">
@@ -166,7 +167,6 @@ export function stackPageHtml({ stack, sections, gapsHtml, leadHtml, owed, site,
     <footer class="footer">
       <p>Catalog metadata is CC0. Linked assets keep their own licenses: re-check the live source before shipping.</p>
       <p><a href="../../freshness/">Licence freshness</a></p>
-      <p class="footer-sponsor">${sponsorButtonHtml()}</p>
       <p class="footer-stamp">Built ${esc(stamp)} from ${total} catalog entries.</p>
     </footer>
     ${script}

site/public/index.html

@@ -29,6 +29,7 @@
         <a href="#starters">Starters</a>
         <a href="#guides">Guides</a>
         <a id="repo-link" href="https://github.com/TMHSDigital/Free-Game-Dev-Assets" rel="noopener noreferrer">GitHub</a>
+        <span class="nav-sponsor"><!--SPONSOR_BUTTON--></span>
       </nav>
     </header>
 
@@ -204,13 +205,13 @@ <h2 id="guides-title">Guides</h2>
         Catalog metadata is CC0. Linked assets keep their own licenses: re-check
         the live source before shipping.
       </p>
-      <p>
+      <p class="footer-links">
         <a id="footer-repo" href="https://github.com/TMHSDigital/Free-Game-Dev-Assets">Contribute on GitHub</a>
-        · add entries from <code>catalog/TEMPLATE.md</code>
+        <span aria-hidden="true">·</span>
+        add entries from <code>catalog/TEMPLATE.md</code>
+        <span aria-hidden="true">·</span>
+        <a href="freshness/">Licence freshness</a>
       </p>
-      <p><a href="freshness/">Licence freshness</a></p>
-      <p class="footer-sponsor"><!--SPONSOR_BUTTON--></p>
-      <div class="footer-sponsor-card"><!--SPONSOR_CARD--></div>
       <p class="footer-stamp"><!--FOOTER_STAMP--></p>
     </footer>
 

site/public/styles.css

@@ -782,10 +782,13 @@ input:focus-visible,
   color: var(--muted);
 }
 
-.footer-sponsor iframe,
-.footer-sponsor-card iframe {
+.nav-sponsor {
+  display: inline-flex;
+  align-self: center;
+}
+
+.nav-sponsor iframe {
   display: block;
-  max-width: 100%;
   color-scheme: normal;
 }