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
+3 -3
View File
@@ -68,13 +68,13 @@
<Icon name="mail" /> <span>{contact.email}</span> <Icon name="mail" /> <span>{contact.email}</span>
</a> </a>
<a <a
href={contact.bokantaj} href={contact.bokante}
rel="external noopener noreferrer" rel="external noopener noreferrer"
target="_blank" target="_blank"
class="no-underline" class="no-underline"
aria-label="Bokantaj (réseau social)" aria-label="Bokante (réseau social)"
> >
<Icon name="globe" /> <span>Bokantaj</span> <Icon name="globe" /> <span>Bokante</span>
</a> </a>
<a <a
href={contact.gade} href={contact.gade}
+1 -1
View File
@@ -8,11 +8,11 @@
{ href: '/militants/', label: 'Militants' }, { href: '/militants/', label: 'Militants' },
{ href: '/ideologie/', label: 'Idéologie' }, { href: '/ideologie/', label: 'Idéologie' },
{ href: '/heritage/', label: 'Héritage' }, { href: '/heritage/', label: 'Héritage' },
{ href: '/archives/', label: 'Archives' },
{ href: '/actualites/', label: 'Actualités' } { href: '/actualites/', label: 'Actualités' }
]; ];
const secondaires = [ const secondaires = [
{ href: '/proces-1968/', label: 'Procès de 1968' }, { href: '/proces-1968/', label: 'Procès de 1968' },
{ href: '/archives/', label: 'Archives — Gong-Information' },
{ href: '/publications/', label: 'Publications' }, { href: '/publications/', label: 'Publications' },
{ href: '/charte/', label: 'Charte de 1963' }, { href: '/charte/', label: 'Charte de 1963' },
{ href: '/orientation/', label: 'Orientation & stratégie' }, { href: '/orientation/', label: 'Orientation & stratégie' },
+2 -2
View File
@@ -737,8 +737,8 @@ export function getMembre(slug: string): Membre | undefined {
export const contact = { export const contact = {
email: 'gong971@proton.me', email: 'gong971@proton.me',
emailOKI: 'kontak@o-k-i.net', emailOKI: 'kontak@o-k-i.net',
bokantaj: 'https://bokantaj.o-k-i.net/@GONG', bokante: 'https://bokante.o-k-i.net',
gade: 'https://gade.o-k-i.net/c/gong_tv', gade: 'https://gade.o-k-i.net/',
forge: 'https://labola.o-k-i.net/ORGANISATION-KA-INTERNATIONALE/gong.gp' forge: 'https://labola.o-k-i.net/ORGANISATION-KA-INTERNATIONALE/gong.gp'
}; };
+9 -1
View File
@@ -1,4 +1,5 @@
import { getActualites } from '$lib/server/actualites'; import { getActualites } from '$lib/server/actualites';
import { getArchives } from '$lib/server/archives';
export function load() { export function load() {
const actualites = getActualites() const actualites = getActualites()
@@ -12,5 +13,12 @@ export function load() {
couverture, couverture,
couvertureAlt couvertureAlt
})); }));
return { actualites }; const archives = getArchives().map(({ slug, numero, titre, date, couverture }) => ({
slug,
numero,
titre,
date,
couverture
}));
return { actualites, archives };
} }
+71
View File
@@ -140,6 +140,28 @@
</div> </div>
</section> </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 --> <!-- ACTUALITÉS -->
{#if data.actualites.length} {#if data.actualites.length}
<section class="section"> <section class="section">
@@ -327,4 +349,53 @@
background: var(--noir-profond); background: var(--noir-profond);
border-block: 1px solid var(--line); 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> </style>
+2 -2
View File
@@ -22,8 +22,8 @@
const canaux = [ const canaux = [
{ icon: 'mail', label: 'E-mail (ProtonMail)', valeur: contact.email, href: `mailto:${contact.email}`, ext: false }, { icon: 'mail', label: 'E-mail (ProtonMail)', valeur: contact.email, href: `mailto:${contact.email}`, ext: false },
{ icon: 'globe', label: 'Bokantaj — réseau social', valeur: '@GONG', href: contact.bokantaj, ext: true }, { icon: 'globe', label: 'Bokante — réseau social', valeur: 'GONG', href: contact.bokante, ext: true },
{ icon: 'video', label: 'Gade — chaîne vidéo (PeerTube)', valeur: 'gong_tv', href: contact.gade, ext: true }, { icon: 'video', label: 'Gade — chaîne vidéo (PeerTube)', valeur: 'GONG TV', href: contact.gade, ext: true },
{ icon: 'book', label: 'Code source du site (forge)', valeur: 'labola.o-k-i.net', href: contact.forge, ext: true } { icon: 'book', label: 'Code source du site (forge)', valeur: 'labola.o-k-i.net', href: contact.forge, ext: true }
]; ];
</script> </script>