merge(v12-k): nav gauche palette terre + sub-pills Court/Article
This commit is contained in:
@@ -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';
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
};
|
};
|
||||||
|
|||||||
Reference in New Issue
Block a user