feat: implement item pages

Author: ReenigneArcher

gh-pages-template/_config.yml

@@ -0,0 +1,2 @@
+---
+site-js: []  # disable crowdin for this site

gh-pages-template/assets/js/character_detail.js

@@ -0,0 +1,46 @@
+/**
+ * character_detail.js
+ * Renders a single character detail page.
+ * Depends on item_detail.js being loaded first.
+ */
+
+function renderCharacter(data) {
+    document.title = (data.name || "Character") + " – GameDB";
+    document.getElementById("character-name").textContent = data.name || "Unknown Character";
+
+    // Mug shot
+    const mugEl = document.getElementById("character-mug");
+    const mugPlaceholder = document.getElementById("character-mug-placeholder");
+    const mugUrl = data.mug_shot && data.mug_shot.url
+        ? igdbImageUrl(data.mug_shot.url, "t_screenshot_big")
+        : null;
+    if (mugUrl) {
+        mugEl.src = mugUrl;
+        mugEl.alt = data.name || "";
+        mugEl.style.display = "";
+    } else {
+        mugPlaceholder.style.display = null;
+        mugPlaceholder.style.removeProperty("display");
+    }
+
+    // Badges / meta
+    const badgesEl = document.getElementById("character-badges");
+
+    if (data.character_gender && data.character_gender.name) {
+        badgesEl.appendChild(makeBadge(data.character_gender.name, "bg-info text-dark"));
+    }
+    if (data.character_species && data.character_species.name) {
+        badgesEl.appendChild(makeBadge(data.character_species.name, "bg-secondary"));
+    }
+
+    // Games
+    if (data.games && data.games.length > 0) {
+        const section = document.getElementById("character-games-section");
+        section.classList.remove("d-none");
+        renderGameList(document.getElementById("character-games"), data.games);
+    }
+}
+
+document.addEventListener("DOMContentLoaded", () => {
+    loadItemDetail("characters", renderCharacter);
+});

gh-pages-template/assets/js/collection_detail.js

@@ -0,0 +1,28 @@
+/**
+ * collection_detail.js
+ * Renders a single collection (series) detail page.
+ * Depends on item_detail.js being loaded first.
+ */
+
+function renderCollection(data) {
+    document.title = (data.name || "Series") + " – GameDB";
+    document.getElementById("collection-name").textContent = data.name || "Unknown Series";
+
+    // IGDB link
+    if (data.url) {
+        const igdbLink = document.getElementById("collection-igdb-link");
+        igdbLink.href = data.url;
+        igdbLink.classList.remove("d-none");
+    }
+
+    // Games
+    if (data.games && data.games.length > 0) {
+        const section = document.getElementById("collection-games-section");
+        section.classList.remove("d-none");
+        renderGameList(document.getElementById("collection-games"), data.games);
+    }
+}
+
+document.addEventListener("DOMContentLoaded", () => {
+    loadItemDetail("collections", renderCollection);
+});

gh-pages-template/assets/js/franchise_detail.js

@@ -0,0 +1,28 @@
+/**
+ * franchise_detail.js
+ * Renders a single franchise detail page.
+ * Depends on item_detail.js being loaded first.
+ */
+
+function renderFranchise(data) {
+    document.title = (data.name || "Franchise") + " – GameDB";
+    document.getElementById("franchise-name").textContent = data.name || "Unknown Franchise";
+
+    // IGDB link
+    if (data.url) {
+        const igdbLink = document.getElementById("franchise-igdb-link");
+        igdbLink.href = data.url;
+        igdbLink.classList.remove("d-none");
+    }
+
+    // Games
+    if (data.games && data.games.length > 0) {
+        const section = document.getElementById("franchise-games-section");
+        section.classList.remove("d-none");
+        renderGameList(document.getElementById("franchise-games"), data.games);
+    }
+}
+
+document.addEventListener("DOMContentLoaded", () => {
+    loadItemDetail("franchises", renderFranchise);
+});