diff --git a/src/lib/components/Footer.svelte b/src/lib/components/Footer.svelte index b1be927..6d07653 100644 --- a/src/lib/components/Footer.svelte +++ b/src/lib/components/Footer.svelte @@ -68,13 +68,13 @@ {contact.email} - Bokantaj + Bokante ({ + slug, + numero, + titre, + date, + couverture + })); + return { actualites, archives }; } diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte index 5c00add..50a716d 100644 --- a/src/routes/+page.svelte +++ b/src/routes/+page.svelte @@ -140,6 +140,28 @@ + + {#if data.archives.length} +
+ +
+ {/if} + {#if data.actualites.length}
@@ -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); + } diff --git a/src/routes/contact/+page.svelte b/src/routes/contact/+page.svelte index 8b7df5c..6a46417 100644 --- a/src/routes/contact/+page.svelte +++ b/src/routes/contact/+page.svelte @@ -22,8 +22,8 @@ const canaux = [ { 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: 'video', label: 'Gade — chaîne vidéo (PeerTube)', valeur: 'gong_tv', href: contact.gade, 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: 'book', label: 'Code source du site (forge)', valeur: 'labola.o-k-i.net', href: contact.forge, ext: true } ];