From ba651ee4cd495be2c95fdf47936f9c587aa9fec0 Mon Sep 17 00:00:00 2001
From: Richard Dern <gitea.local.richard@dern.ovh>
Date: Thu, 2 Apr 2026 23:18:21 +0200
Subject: [PATCH] =?UTF-8?q?Am=C3=A9liore=20la=20pr=C3=A9sentation=20des=20?=
 =?UTF-8?q?pages=20de=20taxonomie?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 themes/2026/assets/css/content.css            | 48 +++++++++++++++++--
 .../2026/layouts/_partials/hero-section.html  |  2 +-
 themes/2026/layouts/taxonomy.html             |  2 +-
 3 files changed, 45 insertions(+), 7 deletions(-)

diff --git a/themes/2026/assets/css/content.css b/themes/2026/assets/css/content.css
index c6d6bc65..eb896243 100644
--- a/themes/2026/assets/css/content.css
+++ b/themes/2026/assets/css/content.css
@@ -181,6 +181,32 @@ body > main:has(> article:first-child):has(> aside) > aside > section figure {
     margin-top: 0;
 }
 
+body > main.taxonomy-page {
+    grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr));
+    gap: var(--space-4);
+    align-items: start;
+}
+
+body > main.taxonomy-page > article {
+    grid-column: 1 / -1;
+    margin-inline: auto;
+}
+
+body > main.taxonomy-page > section {
+    margin-top: 0;
+    border-top-color: var(--color-accent-2);
+    padding: var(--space-3);
+    background: linear-gradient(180deg, rgba(93, 134, 173, 0.18) 0%, rgba(17, 27, 42, 0.56) 100%);
+}
+
+body > main.taxonomy-page > section > header {
+    margin-top: 0;
+}
+
+body > main.taxonomy-page > section > header > h2 {
+    margin-top: 0;
+}
+
 main > article {
     --article-feature-block-margin: calc(var(--space-5) * 2);
     border-top-width: var(--border-width-regular);
@@ -541,7 +567,8 @@ main > article > section.article-asides > section.article-taxonomies details.art
     margin-bottom: var(--space-2);
 }
 
-main > article > section.article-asides > section.article-taxonomies details.article-taxonomy-group > ul {
+main > article > section.article-asides > section.article-taxonomies details.article-taxonomy-group > ul,
+body > main.taxonomy-page > section > ul {
     list-style: none;
     margin-top: 0;
     padding-left: 0;
@@ -550,10 +577,17 @@ main > article > section.article-asides > section.article-taxonomies details.art
     gap: var(--space-2);
 }
 
-main > article > section.article-asides > section.article-taxonomies details.article-taxonomy-group > ul > li {
+body > main.taxonomy-page > section > ul {
+    margin-top: var(--space-2);
+}
+
+main > article > section.article-asides > section.article-taxonomies details.article-taxonomy-group > ul > li,
+body > main.taxonomy-page > section > ul > li {
     margin-top: 0;
     display: inline-flex;
     align-items: baseline;
+    min-width: 0;
+    max-width: 100%;
     gap: 0.3rem;
     padding: 0.2rem 0.55rem;
     border: 1px solid var(--color-border);
@@ -562,17 +596,21 @@ main > article > section.article-asides > section.article-taxonomies details.art
     line-height: 1.3;
 }
 
-main > article > section.article-asides > section.article-taxonomies details.article-taxonomy-group > ul > li > a {
+main > article > section.article-asides > section.article-taxonomies details.article-taxonomy-group > ul > li > a,
+body > main.taxonomy-page > section > ul > li > a {
     color: var(--color-heading);
     text-decoration: none;
+    overflow-wrap: anywhere;
 }
 
-main > article > section.article-asides > section.article-taxonomies details.article-taxonomy-group > ul > li > a:is(:hover, :focus-visible) {
+main > article > section.article-asides > section.article-taxonomies details.article-taxonomy-group > ul > li > a:is(:hover, :focus-visible),
+body > main.taxonomy-page > section > ul > li > a:is(:hover, :focus-visible) {
     color: var(--color-link-hover);
     text-decoration: underline;
 }
 
-main > article > section.article-asides > section.article-taxonomies details.article-taxonomy-group > ul > li > sub {
+main > article > section.article-asides > section.article-taxonomies details.article-taxonomy-group > ul > li > sub,
+body > main.taxonomy-page > section > ul > li > sub {
     font-size: 0.66rem;
     color: var(--color-text-muted);
 }
diff --git a/themes/2026/layouts/_partials/hero-section.html b/themes/2026/layouts/_partials/hero-section.html
index bb01875a..a8837c68 100644
--- a/themes/2026/layouts/_partials/hero-section.html
+++ b/themes/2026/layouts/_partials/hero-section.html
@@ -1,4 +1,4 @@
-<header>
+<header class="article-header">
   {{ partialCached "header-brand.html" .Site .Site.Title (.Site.Params.logo | default "logo-large.png") }}
   {{ partial "breadcrumbs.html" . }}
   <h1>{{ .Title }}</h1>
diff --git a/themes/2026/layouts/taxonomy.html b/themes/2026/layouts/taxonomy.html
index 58dbb010..a0db4308 100644
--- a/themes/2026/layouts/taxonomy.html
+++ b/themes/2026/layouts/taxonomy.html
@@ -1,6 +1,6 @@
 {{ define "main" }}
 {{ partial "hero-section.html" . }}
-<main>
+<main class="taxonomy-page">
   {{ with .Content }}
   <article>
     {{ . }}