Fix: homepage styles

[narduin]

Fix layout quirks.
Fix horizontal scrolling.
Proposal for enhanced responsive.

fix ecolabdata/ecospheres#509

[netlify]

✅ Deploy Preview for ecospheres ready!

Name	Link
🔨 Latest commit	25aa02c
🔍 Latest deploy log	https://app.netlify.com/sites/ecospheres/deploys/67a22792c055f800089906e2
😎 Deploy Preview	https://deploy-preview-655--ecospheres.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[netlify]

✅ Deploy Preview for meteo-france ready!

Name	Link
🔨 Latest commit	25aa02c
🔍 Latest deploy log	https://app.netlify.com/sites/meteo-france/deploys/67a22792de63290008a32001
😎 Deploy Preview	https://deploy-preview-655--meteo-france.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[narduin]

@Thesauruv une piste pour mettre les liens plus en avant.

[Thesauruv]

@narduin merci pour cette proposition pour les liens des blocs explorer et contribuer ! Je trouve ces boutons plus visibles, cette version a également le mérite de s'éloigner de l'effet lien hypertexte "brut".

@thomas-duport qu'en penses-tu ?

[Thesauruv]

@narduin au point si ce n'est pas de trop dans ce ticket. Pourrais-tu enlever la majuscule aux mentions "Ministère en charge de l'environnement" lorsque celles-ci sont en milieu de phrase ?

Merci à toi.

[ghost]

Ok pour cette nouvelle proposition de lien mais sans les borders autour de chaque lien. Nous ne sommes pas sur un bouton mais un lien conservons la cohérence

[narduin]

Ok pour cette nouvelle proposition de lien mais sans les borders autour de chaque lien. Nous ne sommes pas sur un bouton mais un lien conservons la cohérence

@Thesauruv tu veux rester sur cette mise en page (plutôt à droite) ou revenir sur l'ancienne ?

[Thesauruv]

@narduin Comme discuté il y a deux semaines, voici la dernière proposition de @thomas-duport concernant les deux sections bouquets : il propose de les réunir sur un même fond gris comme ci-dessous. La FAQ devra elle apparaître sur fond blanc. À ce stade, je propose d'ignorer les boutons "bouquets mis en avant" et "derniers bouquets". Je te propose de rediscuter ces points dans l'après-midi.

[Thesauruv]

@narduin Suite à notre discussion, pas de changement majeur du texte dans cette PR hormis ce qui vient d'être discuté : dans la section "bouquet", remplacer "Bouquets de données : articuler politiques publiques et données territoriales" par "Cataloguer les usages grâce aux bouquets". Un grand merci.

[abulte]

La définition de --blue-france-sun-113 a au moins un effet de bord : carte des organisations vire au bleu.

.datagouv-components :where(.fr-link, a:not(.fr-btn)) {
    color: var(--blue-france-sun-113);
}

[abulte]

Désolé j'ai approuvé trop vite. Petit problème d'espacement dans le composant nom de l'organisation.

[narduin]

Désolé j'ai approuvé trop vite. Petit problème d'espacement dans le composant nom de l'organisation.

Ah oui bien vu c'est corrigé !

[narduin]

@Thesauruv c'est bon de ton côté pour la page d'accueil ?

[Thesauruv]

@narduin Concernant la section bouquets, comme présenté dans le document de Thomas (voir screenshot ci-dessus), possible de réduire l'espace et d'insérer une ligne de séparation entre le bloc "Documenter un besoin, lister les informations, etc." et celui des bouquets à découvrir ?

versus

[narduin]

@narduin Concernant la section bouquets, comme présenté dans le document de Thomas (voir screenshot ci-dessus), possible de réduire l'espace et d'insérer une ligne de séparation entre le bloc "Documenter un besoin, lister les informations, etc." et celui des bouquets à découvrir ?

Je n'avais pas vu la bordure de séparation !