From 95b75d48664b24a5ca44fefd75b6f2a378bed705 Mon Sep 17 00:00:00 2001 From: Jules Neny Date: Mon, 11 May 2026 18:32:37 +0200 Subject: [PATCH] feat(v12-k): nav gauche palette terre + sub-pills Court/Article --- src/components/astro/ColJournal.astro | 16 ++++++++-------- 1 file changed, 8 insertions(+), 8 deletions(-) diff --git a/src/components/astro/ColJournal.astro b/src/components/astro/ColJournal.astro index 1c50096..81d1714 100644 --- a/src/components/astro/ColJournal.astro +++ b/src/components/astro/ColJournal.astro @@ -5,19 +5,19 @@ const categories = [ { id: 'politique', label: 'Politique', - color: '#1d4ed8', + color: '#B5443A', hashtags: ['#politique', '#aep-politique'], plateformes: [ - { id: 'instagram', label: '@aep.politique', url: 'https://www.instagram.com/aep.politique/' }, + { id: 'instagram', label: 'Court', url: 'https://www.instagram.com/aep.politique/' }, { id: 'castopod', label: 'Podcast', url: 'https://podcast.trans-former.fr' }, - { id: 'substack', label: 'Substack', url: 'https://julesneny.substack.com' }, + { id: 'substack', label: 'Article', url: 'https://julesneny.substack.com' }, ], hasSelector: true, }, { id: 'art', label: 'Art', - color: '#dc2626', + color: '#5B6B3A', hashtags: ['#peinture', '#art'], plateformes: [ { id: 'instagram', label: '@julesneny', url: 'https://www.instagram.com/julesneny/' }, @@ -27,7 +27,7 @@ const categories = [ { id: 'outils', label: 'Outils', - color: '#16a34a', + color: '#475569', hashtags: ['#stack', '#building-public'], plateformes: [ { id: 'gitea', label: 'Gitea', url: 'https://git.trans-former.fr/jules' }, @@ -68,7 +68,7 @@ const categories = [ type="button" data-platform-id={p.id} class="platform-pill" - style="font-family:'Courier New',Courier,monospace;font-size:12px;padding:2px 8px;border-radius:12px;cursor:pointer;border:1px solid #1d4ed8;background:transparent;color:#1d4ed8;" + style="font-family:'Courier New',Courier,monospace;font-size:12px;padding:2px 8px;border-radius:12px;cursor:pointer;border:1px solid #B5443A;background:transparent;color:#B5443A;" > {p.label} @@ -219,11 +219,11 @@ const categories = [ pills.forEach((pill) => { const pid = pill.dataset.platformId; if (!active || pid === active) { - pill.style.background = '#1d4ed8'; + pill.style.background = '#B5443A'; pill.style.color = '#fff'; } else { pill.style.background = 'transparent'; - pill.style.color = '#1d4ed8'; + pill.style.color = '#B5443A'; } }); };