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
@@ -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}
|
||||||
|
|||||||
@@ -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' },
|
||||||
|
|||||||
@@ -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'
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|||||||
@@ -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 };
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user