Première tentative de templates #31

Merged
mpepin merged 0 commits from kerl/templates into master 2020-06-13 18:20:29 +02:00
mpepin commented 2020-05-18 01:39:54 +02:00 (Migrated from git.eleves.ens.fr)

Pas mal de trucs piqués dans GestioCOF mais recodés sans bootstrap.

J'ai un peu changé les couleurs parce que je voulais que ce soit un peu différent quand même.

Avant de merge :

  • avez vous des critiques de style ?
  • avez vous des suggestions sur le "code", typiquement si vous vouliez modifier le template pour l'adapter à un site en particulier, vous repartiriez de zéro ? vous changeriez juste le CSS ? Vous aimeriez que les templates aient plein de {% block %} à override ?
Pas mal de trucs piqués dans GestioCOF mais recodés sans bootstrap. J'ai un peu changé les couleurs parce que je voulais que ce soit un peu différent quand même. Avant de merge : - avez vous des critiques de style ? - avez vous des suggestions sur le "code", typiquement si vous vouliez modifier le template pour l'adapter à un site en particulier, vous repartiriez de zéro ? vous changeriez juste le CSS ? Vous aimeriez que les templates aient plein de `{% block %}` à override ?
mpepin commented 2020-05-18 01:39:54 +02:00 (Migrated from git.eleves.ens.fr)

changed milestone to %1

changed milestone to %1
mpepin commented 2020-05-29 16:37:41 +02:00 (Migrated from git.eleves.ens.fr)

added 5 commits

  • edddb493...f43036d6 - 4 commits from branch master
  • 6d9441fe - Templates: first draft

Compare with previous version

added 5 commits <ul><li>edddb493...f43036d6 - 4 commits from branch <code>master</code></li><li>6d9441fe - Templates: first draft</li></ul> [Compare with previous version](/klub-dev-ens/authens/merge_requests/9/diffs?diff_id=1674&start_sha=edddb493977e56429d40fb868fe016c10e64f887)
lstephan commented 2020-06-11 17:42:04 +02:00 (Migrated from git.eleves.ens.fr)

Pas ultra fan de la police monospace, ça fait plus dev qu'autre chose :slight_smile:

Pas ultra fan de la police monospace, ça fait plus dev qu'autre chose :slight_smile:
lstephan commented 2020-06-11 17:44:08 +02:00 (Migrated from git.eleves.ens.fr)

"Authentification ENS", tant qu'à faire ?

"Authentification ENS", tant qu'à faire ?
lstephan commented 2020-06-11 18:03:40 +02:00 (Migrated from git.eleves.ens.fr)

Peut-être "AuthENS", pour garder le côté international...

Peut-être "AuthENS", pour garder le côté international...
lstephan commented 2020-06-11 18:11:38 +02:00 (Migrated from git.eleves.ens.fr)
  • Les inputs mériteraient probablement un peu de styling (mais c'est assez chiant, et en particulier un des gros avantages d'un framework...); notamment ils ont l'air légèrement décalés vers le bas
  • Pour le choix des couleurs, j'aurais plus vu un gris un peu plus clair (aux alentours de #eee) pour le fond =) Peut-être mettre du violet (aux alentours de #973999, ça rend pas mal) pour le background de la connexion CAS, par similarité avec la page d'auth CAS ?

Pour le reste, peut être que @champeno aura des meilleures remarques :slight_smile:

- Les inputs mériteraient probablement un peu de styling (mais c'est assez chiant, et en particulier un des gros avantages d'un framework...); notamment ils ont l'air légèrement décalés vers le bas - Pour le choix des couleurs, j'aurais plus vu un gris un peu plus clair (aux alentours de #eee) pour le fond =) Peut-être mettre du violet (aux alentours de #973999, ça rend pas mal) pour le background de la connexion CAS, par similarité avec la page d'auth CAS ? Pour le reste, peut être que @champeno aura des meilleures remarques :slight_smile:
mpepin commented 2020-06-12 12:01:49 +02:00 (Migrated from git.eleves.ens.fr)

Oui, moi j'aime bien mais ça fait peut-être un peu nerd effectivement.

Je te propose :

  • sans-serif à la place (je ne veux pas mettre faire télécharger une police fancy aux gens vu que c'est une page de login "par défaut", ça pourra se customiser côté gestioCOF par exemple si on y tient)
  • j'enlève le font-weight: bold dans a:hover parce qu'avec une police non-monospace ça fait bouger le texte, j'ai peur que ce soit désagréable
Oui, moi j'aime bien mais ça fait peut-être un peu nerd effectivement. Je te propose : - `sans-serif` à la place (je ne veux pas mettre faire télécharger une police fancy aux gens vu que c'est une page de login "par défaut", ça pourra se customiser côté gestioCOF par exemple si on y tient) - j'enlève le `font-weight: bold` dans `a:hover` parce qu'avec une police non-monospace ça fait bouger le texte, j'ai peur que ce soit désagréable
mpepin commented 2020-06-12 12:08:03 +02:00 (Migrated from git.eleves.ens.fr)

J'ai une légère préférence pour un nom court pour que ça passe dans l'onglet du navigateur (c'est pas très important ceci dit)

J'ai appelé le projet "authens" mais "ensauth" serait plus correct en anglais. Une fois de plus ce n'est pas très grave. Mais ça ne me choquerait pas de renommer.

Une troisième option c'est de mettre juste "login"

Bref, j'ai proposé plus de trucs mais je n'aide pas à trancher :P Tu préfères quoi ?

J'ai une légère préférence pour un nom court pour que ça passe dans l'onglet du navigateur (c'est pas très important ceci dit) J'ai appelé le projet "authens" mais "ensauth" serait plus correct en anglais. Une fois de plus ce n'est pas très grave. Mais ça ne me choquerait pas de renommer. Une troisième option c'est de mettre juste "login" Bref, j'ai proposé plus de trucs mais je n'aide pas à trancher :P Tu préfères quoi ?
lstephan commented 2020-06-12 12:08:32 +02:00 (Migrated from git.eleves.ens.fr)

sans-serif me paraît bien oui !

`sans-serif` me paraît bien oui !
mpepin commented 2020-06-12 12:11:46 +02:00 (Migrated from git.eleves.ens.fr)

Effectivement le fond est un peu tristoune, je coupe la 🍐 en deux et je mets #ddd ? ;)

Effectivement le violet ENS c'est pas une mauvaise idée mais je trouve qu'il ne va pas avec le vert à côté, faudrait retrouver d'autres couleurs pour les extés (et les vieux clippers)…

Effectivement le fond est un peu tristoune, je coupe la :pear: en deux et je mets #ddd ? ;) Effectivement le violet ENS c'est pas une mauvaise idée mais je trouve qu'il ne va pas avec le vert à côté, faudrait retrouver d'autres couleurs pour les extés (et les vieux clippers)…
mpepin commented 2020-06-12 12:12:00 +02:00 (Migrated from git.eleves.ens.fr)

(et j'aimais bien mes couleurs)

(et j'aimais bien mes couleurs)
mpepin commented 2020-06-12 12:15:42 +02:00 (Migrated from git.eleves.ens.fr)

added 11 commits

  • 6d9441fe...6fdde55b - 9 commits from branch master
  • 701d7268 - Templates: first draft
  • 11130957 - Apply some of Aufinal's design remarks

Compare with previous version

added 11 commits <ul><li>6d9441fe...6fdde55b - 9 commits from branch <code>master</code></li><li>701d7268 - Templates: first draft</li><li>11130957 - Apply some of Aufinal&#39;s design remarks</li></ul> [Compare with previous version](/klub-dev-ens/authens/merge_requests/9/diffs?diff_id=1770&start_sha=6d9441fe3f1189033bd6f3cb8ee28fae27e83fb3)
mpepin commented 2020-06-12 12:16:48 +02:00 (Migrated from git.eleves.ens.fr)

(finalement je mets ton #eee pour le fond, j'ai changé d'avis je préfère)

(finalement je mets ton #eee pour le fond, j'ai changé d'avis je préfère)
lstephan commented 2020-06-12 12:27:40 +02:00 (Migrated from git.eleves.ens.fr)

Je suppose que dans la majorité des cas ça sera la première option, donc ça n'est pas spécialement grave 😄

Pour rester cohérent, AuthENS - Login ?

Je suppose que dans la majorité des cas ça sera la première option, donc ça n'est pas spécialement grave :smile: Pour rester cohérent, `AuthENS - Login` ?
lstephan commented 2020-06-12 12:27:55 +02:00 (Migrated from git.eleves.ens.fr)

Va pour les couleurs originales, du coup =)

Va pour les couleurs originales, du coup =)
lstephan commented 2020-06-12 17:17:33 +02:00 (Migrated from git.eleves.ens.fr)

Quelque chose que j'avais oublié de mentionner : j'aime bcp l'idée de {% if request.site.name %}{{ request.site.name }} - login{% else %}ENS Auth{% endif %}, du coup ça serait sûrement pas mal de la mettre dans le container aussi !

Quelque chose que j'avais oublié de mentionner : j'aime bcp l'idée de `{% if request.site.name %}{{ request.site.name }} - login{% else %}ENS Auth{% endif %}`, du coup ça serait sûrement pas mal de la mettre dans le container aussi !
mpepin commented 2020-06-12 17:52:10 +02:00 (Migrated from git.eleves.ens.fr)

deal

deal
mpepin commented 2020-06-12 17:56:22 +02:00 (Migrated from git.eleves.ens.fr)

changed this line in version 4 of the diff

changed this line in [version 4 of the diff](/klub-dev-ens/authens/merge_requests/9/diffs?diff_id=1773&start_sha=11130957ae34343f09539624382fe13d53dd7c1e#2121ac850d2f8c32e3f72fd120d72c8c981cbf1c_14_13)
mpepin commented 2020-06-12 17:56:23 +02:00 (Migrated from git.eleves.ens.fr)

added 9 commits

  • 11130957...4e9e2f62 - 6 commits from branch master
  • 7d56fe15 - Templates: first draft
  • 73e79d65 - Apply some of Aufinal's design remarks
  • a6f4bfcb - Better html title

Compare with previous version

added 9 commits <ul><li>11130957...4e9e2f62 - 6 commits from branch <code>master</code></li><li>7d56fe15 - Templates: first draft</li><li>73e79d65 - Apply some of Aufinal&#39;s design remarks</li><li>a6f4bfcb - Better html title</li></ul> [Compare with previous version](/klub-dev-ens/authens/merge_requests/9/diffs?diff_id=1773&start_sha=11130957ae34343f09539624382fe13d53dd7c1e)
mpepin commented 2020-06-12 17:57:06 +02:00 (Migrated from git.eleves.ens.fr)

resolved all discussions

resolved all discussions
mpepin commented 2020-06-12 17:57:50 +02:00 (Migrated from git.eleves.ens.fr)

C'est à dire ? Tu proposes que ça apparaisse sur la page ?

C'est à dire ? Tu proposes que ça apparaisse sur la page ?
lstephan commented 2020-06-12 17:59:28 +02:00 (Migrated from git.eleves.ens.fr)

Sur cette ligne, mettre aussi un "AuthENS" (ou le nom du site le cas échéant), avant la partie "Mode de connexion".

Sur [cette ligne](https://git.eleves.ens.fr/klub-dev-ens/authens/merge_requests/9/diffs#54f1db2b8d72c14c2243d8b4edebd8a790c600cd_18_5), mettre aussi un "AuthENS" (ou le nom du site le cas échéant), avant la partie "Mode de connexion".
mpepin commented 2020-06-12 18:07:20 +02:00 (Migrated from git.eleves.ens.fr)

added 1 commit

  • b0a0c488 - A little bit styling for form inputs

Compare with previous version

added 1 commit <ul><li>b0a0c488 - A little bit styling for form inputs</li></ul> [Compare with previous version](/klub-dev-ens/authens/merge_requests/9/diffs?diff_id=1774&start_sha=a6f4bfcb16a12cba71bfc734d57738d0ea2fd456)
mpepin commented 2020-06-12 18:07:54 +02:00 (Migrated from git.eleves.ens.fr)

J'ai un peu amélioré les inputs, qu'est ce que tu en penses ?

J'ai un peu amélioré les `input`s, qu'est ce que tu en penses ?
lstephan commented 2020-06-12 18:12:36 +02:00 (Migrated from git.eleves.ens.fr)

Effectivement, c'est mieux !

Effectivement, c'est mieux !
mpepin commented 2020-06-12 18:14:38 +02:00 (Migrated from git.eleves.ens.fr)

added 1 commit

  • fa82ee25 - Put the site's name in every h2

Compare with previous version

added 1 commit <ul><li>fa82ee25 - Put the site&#39;s name in every h2</li></ul> [Compare with previous version](/klub-dev-ens/authens/merge_requests/9/diffs?diff_id=1775&start_sha=b0a0c4884abef07ff77cd487a823b7abd6e642d1)
mpepin commented 2020-06-12 18:15:46 +02:00 (Migrated from git.eleves.ens.fr)

J'arrive pas à comprendre ou pointe ton lien (à cause des mes force-push ?) mais je crois que j'ai compris : cf fa82ee25.

Tu voulais dire ça ?

J'arrive pas à comprendre ou pointe ton lien (à cause des mes force-push ?) mais je crois que j'ai compris : cf fa82ee25. Tu voulais dire ça ?
mpepin commented 2020-06-12 18:16:14 +02:00 (Migrated from git.eleves.ens.fr)

Si oui, je trouve que c'est une bonne idée

Si oui, je trouve que c'est une bonne idée
lstephan commented 2020-06-12 18:19:13 +02:00 (Migrated from git.eleves.ens.fr)

Oui, c'était bien ça =)

Oui, c'était bien ça =)
lstephan commented 2020-06-12 21:51:41 +02:00 (Migrated from git.eleves.ens.fr)

Après test, j'ai l'impression que les erreurs dans les formulaires ne sont pas très bien supportées =)

Après test, j'ai l'impression que les erreurs dans les formulaires ne sont pas très bien supportées =)
mpepin commented 2020-06-13 16:55:54 +02:00 (Migrated from git.eleves.ens.fr)

ah oui, c'est même carrément moche effectivement, j'avais pas testé.

ah oui, c'est même carrément moche effectivement, j'avais pas testé.
mpepin commented 2020-06-13 17:15:52 +02:00 (Migrated from git.eleves.ens.fr)

added 1 commit

Compare with previous version

added 1 commit <ul><li>bc1632dd - Errors deserve CSS too!</li></ul> [Compare with previous version](/klub-dev-ens/authens/merge_requests/9/diffs?diff_id=1777&start_sha=fa82ee251ea2d0de35de7d43784f6d2f8875494d)
mpepin commented 2020-06-13 17:16:05 +02:00 (Migrated from git.eleves.ens.fr)

ça devrait être mieux maintenant

ça devrait être mieux maintenant
lstephan commented 2020-06-13 17:23:36 +02:00 (Migrated from git.eleves.ens.fr)

C'est presque parfait ! Je rajouterais peut-être un peu de styling sur le bouton de login, mais si tu veux laisser tel quel ça se merge aussi =)

C'est presque parfait ! Je rajouterais peut-être un peu de styling sur le bouton de login, mais si tu veux laisser tel quel ça se merge aussi =)
mpepin commented 2020-06-13 17:48:11 +02:00 (Migrated from git.eleves.ens.fr)

hum, tu penses à quoi ? J'ai laissé le styling de base même si c'est pas le plus beau du monde pour que ça reste bien identifiable comme étant un bouton (avec les bordures rondes), mais je suis preneur si tu as une idée.

Et j'avais pas capté mais c'est en anglais alors que le reste est en français donc ça au moins je change

hum, tu penses à quoi ? J'ai laissé le styling de base même si c'est pas le plus beau du monde pour que ça reste bien identifiable comme étant un bouton (avec les bordures rondes), mais je suis preneur si tu as une idée. Et j'avais pas capté mais c'est en anglais alors que le reste est en français donc ça au moins je change
lstephan commented 2020-06-13 17:51:39 +02:00 (Migrated from git.eleves.ens.fr)

Principalement plus gros je dirais, et peut être changer la couleur de fond pour aller avec le colorscheme (vert plus foncé ?)

Pour ce qui est de l'anglais, c'est un problème à un autre endroit que je ne sais pas comment régler : si tu laisses un champ vide dans la form de login, l'erreur dit "Please fill out this field"...

Principalement plus gros je dirais, et peut être changer la couleur de fond pour aller avec le colorscheme (vert plus foncé ?) Pour ce qui est de l'anglais, c'est un problème à un autre endroit que je ne sais pas comment régler : si tu laisses un champ vide dans la form de login, l'erreur dit "Please fill out this field"...
mpepin commented 2020-06-13 17:56:46 +02:00 (Migrated from git.eleves.ens.fr)

Bizarre, moi j'ai "veuillez compléter ce champ".

Je pense que c'est une feature de HTML, c'est indépendant de Django : quand tu mets required="" dans les attributs de l'input ton navigateur doit te mettre le message. Mon navigateur est en français et j'en déduis que le tiens est en anglais ?

Bizarre, moi j'ai "veuillez compléter ce champ". Je pense que c'est une feature de HTML, c'est indépendant de Django : quand tu mets `required=""` dans les attributs de l'input ton navigateur doit te mettre le message. Mon navigateur est en français et j'en déduis que le tiens est en anglais ?
lstephan commented 2020-06-13 17:57:12 +02:00 (Migrated from git.eleves.ens.fr)

Hmm, pas con 😄

Hmm, pas con :smile:
mpepin commented 2020-06-13 18:13:12 +02:00 (Migrated from git.eleves.ens.fr)

added 1 commit

Compare with previous version

added 1 commit <ul><li>6042a502 - Fancier submit button</li></ul> [Compare with previous version](/klub-dev-ens/authens/merge_requests/9/diffs?diff_id=1780&start_sha=bc1632dd1b1f9d84258ed08dd205317598cd00bb)
mpepin commented 2020-06-13 18:15:12 +02:00 (Migrated from git.eleves.ens.fr)

Je trouvais que le vert foncé ne marchait pas trop, j'ai tenté le même gris que le header pour rester dans le thème, dis moi ce que tu en penses.

Je ne suis pas 100% convaincu par le border-color: white; quand on :hover mais je voulais avoir un truc visuel quand même. Peut-être un léger changement de couleur sinon ?

Je trouvais que le vert foncé ne marchait pas trop, j'ai tenté le même gris que le header pour rester dans le thème, dis moi ce que tu en penses. Je ne suis pas 100% convaincu par le `border-color: white;` quand on `:hover` mais je voulais avoir un truc visuel quand même. Peut-être un léger changement de couleur sinon ?
lstephan commented 2020-06-13 18:20:12 +02:00 (Migrated from git.eleves.ens.fr)

Ça me va bien avec le border-color ! Je merge ça comme ça, c'est largement utilisable ; de toute façon, ça se customise par projet ensuite si on veut fine-tuner des trucs =)

Ça me va bien avec le `border-color` ! Je merge ça comme ça, c'est largement utilisable ; de toute façon, ça se customise par projet ensuite si on veut fine-tuner des trucs =)
lstephan commented 2020-06-13 18:20:21 +02:00 (Migrated from git.eleves.ens.fr)

resolved all discussions

resolved all discussions
lstephan commented 2020-06-13 18:20:29 +02:00 (Migrated from git.eleves.ens.fr)

merged

merged
lstephan commented 2020-06-13 18:20:29 +02:00 (Migrated from git.eleves.ens.fr)

mentioned in commit 6e51e555f6

mentioned in commit 6e51e555f6bb82bf0b03b98681e638330884a7c1
mpepin commented 2020-06-13 18:20:52 +02:00 (Migrated from git.eleves.ens.fr)

👍

:+1:
mpepin commented 2020-06-13 18:20:52 +02:00 (Migrated from git.eleves.ens.fr)

resolved all discussions

resolved all discussions
Sign in to join this conversation.
No reviewers
No milestone
No project
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference: DGNum/authens#31
No description provided.