Refonte des pages de tags

docusaurus.config.ts

@@ -3,6 +3,7 @@ import type { Config } from "@docusaurus/types";
 import { themes as prismThemes } from "prism-react-renderer";
 import rehypeKatex from "rehype-katex";
 import remarkMath from "remark-math";
+import dvbTagsData from "./src/plugins/dvb-tags-data";
 
 // This runs in Node.js - Don't use client-side code here (browser APIs, JSX...)
 
@@ -103,6 +104,9 @@ const config: Config = {
         },
       };
     },
+    // Sérialise la liste des tags et les tags de chaque doc pour les pages
+    // de tags (voir src/plugins/dvb-tags-data.ts).
+    dvbTagsData,
   ],
 
   themes: [

src/css/custom.css

@@ -1,3 +1,5 @@
+@import "./tags.css";
+
 /* Polices */
 @font-face {
   font-family: "Space Grotesk";
@@ -583,6 +585,8 @@ hr {
 
 .theme-doc-footer-tags-row a[rel="tag"] {
   font-family: var(--dvb-font-mono);
+  padding: 1px 6px;
+  font-size: 0.8em;
 }
 
 /* Admonitions — style « bloc » : encadré ink, carré de couleur avec l'icône, titre à côté */
@@ -773,3 +777,58 @@ hr {
   font-size: 12px;
   color: var(--dvb-muted);
 }
+
+@media (max-width: 996px) {
+  .footer {
+    padding: 2rem 1.5rem;
+  }
+
+  .footer .container {
+    grid-template-columns: 1fr;
+    grid-template-areas:
+      "logo"
+      "links"
+      "copyright";
+    row-gap: 2rem;
+  }
+
+  .footer__links {
+    flex-wrap: wrap;
+    justify-content: flex-start;
+    gap: 2rem;
+  }
+
+  .footer__copyright {
+    margin-top: 0;
+  }
+}
+
+@media (max-width: 600px) {
+  .footer {
+    padding: 1.75rem 1.25rem;
+  }
+
+  .footer .container {
+    row-gap: 1.5rem;
+  }
+
+  .footer__links {
+    display: grid;
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+    gap: 1.5rem 1rem;
+  }
+
+  .footer__col {
+    width: 100%;
+    min-width: 0;
+  }
+
+  .footer__bottom > .margin-bottom--sm a::after {
+    font-size: 1rem;
+  }
+
+  .footer__link-item {
+    display: inline-block;
+    padding: 0.15rem 0;
+  }
+}