Archives dans le menu principal + vitrine accueil ; corrige liens footer

- « Archives » ajouté au menu principal (nav) et vitrine dédiée « Les documents
  originaux » (3 couvertures de Gong-Information) sur la page d'accueil.
- Corrige les liens « Nous suivre » : Bokantaj → Bokante (https://bokante.o-k-i.net),
  Gade → https://gade.o-k-i.net/.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
sucupira
2026-07-25 00:54:29 -04:00
co-authored by Claude Opus 4.8
parent caf9e3377e
commit 47f8dc0da2
6 changed files with 88 additions and 9 deletions
+71
View File
@@ -140,6 +140,28 @@
</div>
</section>
<!-- ARCHIVES — GONG-INFORMATION -->
{#if data.archives.length}
<section class="section archives-home">
<div class="container">
<SectionTitle title="Les documents originaux" />
<p class="archives-home__intro">
Les numéros numérisés de <strong>Gong-Information</strong>, le journal du GONG (1966-1967) :
transcription intégrale et scan à l'appui.
</p>
<div class="archives-home__grid">
{#each data.archives as a, i (a.slug)}
<a class="issue" href="/archives/{a.slug}/" use:reveal={i}>
<img src={a.couverture} alt="Couverture de {a.titre}" width="800" height="612" loading="lazy" decoding="async" />
<span class="issue__label">{a.numero} · {a.date}</span>
</a>
{/each}
</div>
<p class="center"><a class="btn btn--ghost" href="/archives/">Toutes les archives</a></p>
</div>
</section>
{/if}
<!-- ACTUALITÉS -->
{#if data.actualites.length}
<section class="section">
@@ -327,4 +349,53 @@
background: var(--noir-profond);
border-block: 1px solid var(--line);
}
.archives-home {
background: var(--noir-profond);
border-block: 1px solid var(--line);
}
.archives-home__intro {
color: var(--muted);
max-width: var(--container-lecture);
margin-top: -0.5rem;
margin-bottom: var(--space-3);
}
.archives-home__grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: var(--space-3);
margin-bottom: var(--space-3);
}
.issue {
display: block;
position: relative;
border: 1px solid var(--line);
border-radius: var(--radius-md);
overflow: hidden;
background: var(--noir);
transition:
transform var(--dur-mesure) var(--ease-ka),
border-color var(--dur-mesure) var(--ease-ka);
}
.issue:hover {
transform: translateY(-4px);
border-color: var(--accent);
}
.issue img {
width: 100%;
aspect-ratio: 800 / 612;
object-fit: cover;
object-position: top;
}
.issue__label {
display: block;
padding: 0.5rem 0.75rem;
font-family: var(--font-display);
font-weight: 700;
text-transform: uppercase;
font-size: 0.78rem;
letter-spacing: 0.03em;
color: var(--accent);
border-top: 1px solid var(--line);
}
</style>