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:
co-authored by
Claude Opus 4.8
parent
caf9e3377e
commit
47f8dc0da2
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user