Project

General

Profile

Demande #3138

Faire une bannière commune à toutes les applications Chapril

Added by Christian P. Momon over 1 year ago. Updated 11 months ago.

Status:
Fermé
Priority:
Normale
Start date:
05/07/2018
Due date:
% Done:

0%


Description

Besoin d'un visuel de référence du Chapril sur les applications Chapril avec :
- le logo Chapril ;
- un lien vers https://www.chapril.org/ ;
- un lien vers les mentions légales/CGU ;
- un lien vers la page de contacts de l'April.

Une solution est de faire une bannière (voir exemple de Framasoft avec https://framadate.org/).

History

#1 Updated by Christian P. Momon over 1 year ago

  • Status changed from Nouveau to En cours de traitement

#2 Updated by Christian P. Momon over 1 year ago

Voici une première proposition : http://www.chapril.org/Banner/banner.xhtml
Le code est sur VM bastion:/var/www/chapril.org/Banner/

#3 Updated by Vincent-Xavier JUMEL over 1 year ago

Pourquoi xhtml ?

#4 Updated by Quentin Gibeaux over 1 year ago

Je la trouve parfaite.
Quelques détails : j'imagine que les trois liens pointant vers www.chapril.org pointeront vers d'autres pages
Peut être centrer en hauteur le logo April, car collé en haut ça fait bizarre.

#5 Updated by Christian P. Momon over 1 year ago

Vincent-Xavier JUMEL a écrit :

Pourquoi xhtml ?

Parce que c'est plus strict sur le code. Ça oblige à plus de vigilance et permet d'avoir moins d'erreur à l'arrivée :D

Ici, il s'agit d'un fichier HTML de test, seule la balise <header> sera incluse dans les pages cibles :-)

#6 Updated by Christian P. Momon over 1 year ago

Quentin Gibeaux a écrit :

Quelques détails : j'imagine que les trois liens pointant vers www.chapril.org pointeront vers d'autres pages

Voui :

- Accueil Chapril : a priori directement https://wwww.chapril.org/, redondant avec le logo mais pour être certain d'être accessible à tout le monde ; éventuellement, ça peut pointer ailleurs ;
- Services libres : j'imaginais pointer vers la liste des services disponibles, genre https://wwww.chapril.org/#services ; éventuellement une autre page ;
- Mentions légales : oui, en attente du lien définitif.

J'ai fait ça en m'inspirant grandement de la bannière Framasoft (visible sur https://framadate.org/) en attendant de meilleurs suggestions.

Peut être centrer en hauteur le logo April, car collé en haut ça fait bizarre.

Fait.

#7 Updated by Christian P. Momon over 1 year ago

Pour information, le dépôt de la bannière Framasoft : https://framagit.org/framasoft/framanav
Hmmm … me semble compliqué. Si nous n'avons pas besoin de sous-menu ni de grosse bulle, nous pouvons envisager de rester dans la simplicité.

#8 Updated by Quentin Gibeaux over 1 year ago

J'ai inclu ta bannière sur chapril.org et date.chapril.org pour tester.
cf #3134 j'ai désactivé deflate sur lamp, et ça marche.
Juste une remarque : mettre le lien vers l'image april en absolu, car pas résolu quand le nom de domaine est différent
Si tu veux modifier en prod, c'est sur bastion: /etc/nginx/banniere-chapril

#9 Updated by Quentin Gibeaux over 1 year ago

Déployé sur tout les sites chapril, ça ne marche pas pour certains qui ont du <body …> : sais-tu modifier le css pour positionner la banière en haut, et qu'on fasse en replace sur </body> qui est plus générique ?

#10 Updated by Christian P. Momon over 1 year ago

Quentin Gibeaux a écrit :

J'ai inclu ta bannière sur chapril.org et date.chapril.org pour tester.
cf #3134 j'ai désactivé deflate sur lamp, et ça marche.

Clap-clap-clap \o/

Juste une remarque : mettre le lien vers l'image april en absolu, car pas résolu quand le nom de domaine est différent
Si tu veux modifier en prod, c'est sur bastion: /etc/nginx/banniere-chapril

Bien vu. Fait.

Et je vois que tu as fait attention à inclure aussi une ligne dans le <HEAD>, parfait :-)

Déployé sur tout les sites chapril, ça ne marche pas pour certains qui ont du <body …> : sais-tu modifier le css pour positionner la banière en haut, et qu'on fasse en replace sur </body> qui est plus générique ?

Je vois deux méthodes :
1) utiliser une regex dans le subs_filter pour gérer les <body …> (ça semble possible mais ajoute un coût en cpu) ;
2) jouer du CSS.

J'ai appliqué la solution n°2 (body padding-top 42px + banner en position asbolute top 0) : ça semble bien fonctionner.

#11 Updated by Christian P. Momon over 1 year ago

Question : bannière toujours visible ou qui disparaît en scrollant avec la page ?

#12 Updated by Quentin Gibeaux over 1 year ago

Pourquoi pas, ça ferait moderne

#13 Updated by Quentin Gibeaux over 1 year ago

  • Target version set to Mise en production Chapril

#14 Updated by Quentin Gibeaux 11 months ago

  • Status changed from En cours de traitement to Fermé

Also available in: Atom PDF