merge(v12-k): nav gauche palette terre + sub-pills Court/Article

This commit is contained in:
Jules Neny
2026-05-11 18:34:39 +02:00

View File

@@ -5,19 +5,19 @@ const categories = [
{ {
id: 'politique', id: 'politique',
label: 'Politique', label: 'Politique',
color: '#1d4ed8', color: '#B5443A',
hashtags: ['#politique', '#aep-politique'], hashtags: ['#politique', '#aep-politique'],
plateformes: [ 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: '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, hasSelector: true,
}, },
{ {
id: 'art', id: 'art',
label: 'Art', label: 'Art',
color: '#dc2626', color: '#5B6B3A',
hashtags: ['#peinture', '#art'], hashtags: ['#peinture', '#art'],
plateformes: [ plateformes: [
{ id: 'instagram', label: '@julesneny', url: 'https://www.instagram.com/julesneny/' }, { id: 'instagram', label: '@julesneny', url: 'https://www.instagram.com/julesneny/' },
@@ -27,7 +27,7 @@ const categories = [
{ {
id: 'outils', id: 'outils',
label: 'Outils', label: 'Outils',
color: '#16a34a', color: '#475569',
hashtags: ['#stack', '#building-public'], hashtags: ['#stack', '#building-public'],
plateformes: [ plateformes: [
{ id: 'gitea', label: 'Gitea', url: 'https://git.trans-former.fr/jules' }, { id: 'gitea', label: 'Gitea', url: 'https://git.trans-former.fr/jules' },
@@ -68,7 +68,7 @@ const categories = [
type="button" type="button"
data-platform-id={p.id} data-platform-id={p.id}
class="platform-pill" 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} {p.label}
</button> </button>
@@ -219,11 +219,11 @@ const categories = [
pills.forEach((pill) => { pills.forEach((pill) => {
const pid = pill.dataset.platformId; const pid = pill.dataset.platformId;
if (!active || pid === active) { if (!active || pid === active) {
pill.style.background = '#1d4ed8'; pill.style.background = '#B5443A';
pill.style.color = '#fff'; pill.style.color = '#fff';
} else { } else {
pill.style.background = 'transparent'; pill.style.background = 'transparent';
pill.style.color = '#1d4ed8'; pill.style.color = '#B5443A';
} }
}); });
}; };