Make landing-page game links relative

Game cards on the landing page were absolute URLs to the apex
(https://developertracker.com/<id>/), so a visitor on www.developertracker.com
was bounced to the apex on every navigation. Emit relative /<id>/ links
instead so the page works identically on www, apex, and pages.dev with no
cross-domain hop. Stored game.hostname is now ignored (single-domain).

Author: oskarrisberg

scripts/build.js

@@ -185,14 +185,13 @@ const buildRootPage = function buildRootPage( gamesData ){
         }
 
         let name = games[ i ].name;
-        let url = games[ i ].hostname;
         let image = games[ i ].config.boxart;
 
-        // Games on the main domain (or with no explicit hostname) link to their
-        // subfolder. Without this, a missing hostname renders as `https://`.
-        if ( !url || url === 'developertracker.com' ) {
-            url = `developertracker.com/${ games[ i ].identifier }/`;
-        }
+        // Single-domain: every game lives at /<identifier>/ on whatever host
+        // serves this page, so the link is relative — a visitor on www stays on
+        // www instead of being bounced to the apex (or pages.dev). The stored
+        // game.hostname (now always developertracker.com or empty) is ignored.
+        const url = `/${ games[ i ].identifier }/`;
 
         renderData.games.push( {
             url,

web-assets/games-template.html

@@ -93,7 +93,7 @@ <h1>
     <div class="games-wrapper js-games-wrapper">
         {{#games}}
         <div class="game-wrapper">
-            <a href="https://{{{ url }}}" title="{{ name }} dev tracker">
+            <a href="{{{ url }}}" title="{{ name }} dev tracker">
                 <img src="{{{ image }}}">
                 <h2>{{ name }}</h2>
             </a>