Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Améliore et simplifie le footer #415

Merged
merged 8 commits into from Dec 14, 2016
Merged

Améliore et simplifie le footer #415

merged 8 commits into from Dec 14, 2016

Conversation

MattiSG
Copy link
Member

@MattiSG MattiSG commented Dec 13, 2016

  • Simplifie le balisage et le style du footer (via flex).
  • Améliore l'accessibilité du footer.
  • Met à jour font-awesome à la 4.7.
  • Déplace l'installation de font-awesome de Bower vers NPM.
  • Supprime la liste obsolète des partenaires (qui sont aujourd'hui listés sur la page d'accueil).
  • Valorise les nouvelles pages documentaires apportées par Mettre à jour les pages documentaires #389.
  • Ajoute un lien vers l'abonnement à la lettre d'informations (fix S'inscrire à la newsletter à partir du simulateur #209).

@MattiSG
Copy link
Member Author

MattiSG commented Dec 13, 2016

Avant

capture d ecran 2016-12-13 a 15 25 56

Après

capture d ecran 2016-12-13 a 16 30 43

<ul class="col-md-4 list-unstyled">
<li><span class="fa fa-fw fa-question-circle" aria-hidden="true"></span>&nbsp;<a ui-sref="a-propos">À propos</a></li>
<li><span class="fa fa-fw fa-bullhorn" aria-hidden="true"></span>&nbsp;<a ui-sref="communication">Supports de communication</a></li>
<li><span class="fa fa-fw fa-pencil" aria-hidden="true"></span>&nbsp;<a ui-sref="ameliorer">Améliorer ce site</a></li>
Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Peut-être à mettre à l'impératif en échangeant avec « les aides pour les entreprises », pour regrouper toutes les actions suggérées ?

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Ca me semble une bonne idée !


margin-top: 3em;
padding-top: 2em;
padding-bottom: 1em;
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pour que ce soit vraiment centré on peut mettre padding-bottom: 2em et rajouter une règle

footer ul {
  margin-bottom: 0;
}

@MattiSG
Copy link
Member Author

MattiSG commented Dec 13, 2016

capture d ecran 2016-12-13 a 17 09 10

@MattiSG
Copy link
Member Author

MattiSG commented Dec 13, 2016

Penser à faire une release décrivant aussi #389 une fois cette PR intégrée.

@fpagnoux
Copy link
Contributor

La couleur du texte des liens sous focus est pas top : image

<link rel="stylesheet" href="/styles/homepage.css">
<link rel="stylesheet" href="/styles/individu-form.css">
<link rel="stylesheet" href="/styles/resources.css">
<link rel="stylesheet" href="/styles/logement.css">
<link rel="stylesheet" href="/styles/resultat.css">
<link rel="stylesheet" href="/js/lib/font-awesome/css/font-awesome.min.css">
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Comment est-ce que le fichier font-awesome.min.css, situé dans les node_mudules, arrive à être servi sur cette route 🤔 ?

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

👌

<ul class="col-md-4 list-unstyled">
<li><span class="fa fa-fw fa-question-circle" aria-hidden="true"></span>&nbsp;<a ui-sref="a-propos">À propos</a></li>
<li><span class="fa fa-fw fa-bullhorn" aria-hidden="true"></span>&nbsp;<a ui-sref="communication">Supports de communication</a></li>
<li><span class="fa fa-fw fa-building-o" aria-hidden="true"></span>&nbsp;<a href="http://les-aides.fr">Les aides pour les entreprises</a></li>
Copy link
Contributor

@fpagnoux fpagnoux Dec 14, 2016

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pourquoi on référence ce lien ? Au cas où le visiteur se soit trompé d'adresse (mes vs les) ? Si c'est un indépendant qui cherche une aide pour son entreprise ?

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Oui. Je ne sais pas à quel point il est pertinent de faire cette pub-là ici, mais on a eu deux prises de contact en ce sens.

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

👌

@fpagnoux
Copy link
Contributor

C'est bien mieux qu'avant 🎉 !

@MattiSG MattiSG merged commit 02d6ba0 into master Dec 14, 2016
@MattiSG MattiSG deleted the footer branch December 14, 2016 13:34
@fpagnoux
Copy link
Contributor

Je crois qu'il y a une régression graphique sur la page enfants:

image

@MattiSG, tu peux prendre ?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

S'inscrire à la newsletter à partir du simulateur
4 participants