Projet

Général

Profil

Development #30700

nouvelle variante entrouvert

Ajouté par Christophe Siraut il y a environ 5 ans. Mis à jour il y a presque 5 ans.

Statut:
Fermé
Priorité:
Normal
Assigné à:
Version cible:
-
Début:
15 février 2019
Echéance:
% réalisé:

0%

Temps estimé:
Patch proposed:
Oui
Planning:
Non

Description

Pour l'intégration du site www.entrouvert.com, je suis parti de Clapotis-Les-Canards, voir diff attaché (pour éventuellement faciliter la relecture).

Ajouté notre logo, nécessite xstatic-lato, résultat dans la branche wip_entrouvert_com.


Fichiers

Screenshot-2019-2-26 Portail - Identité numérique(3).png (209 ko) Screenshot-2019-2-26 Portail - Identité numérique(3).png Christophe Siraut, 26 février 2019 18:01
Screenshot-2019-2-26 Portail - Identité numérique(4).png (196 ko) Screenshot-2019-2-26 Portail - Identité numérique(4).png Christophe Siraut, 26 février 2019 18:01
Screenshot-2019-2-26 Portail - Identité numérique(2).png (214 ko) Screenshot-2019-2-26 Portail - Identité numérique(2).png Christophe Siraut, 26 février 2019 18:01
Screenshot-2019-2-26 Portail - Identité numérique(1).png (199 ko) Screenshot-2019-2-26 Portail - Identité numérique(1).png Christophe Siraut, 26 février 2019 18:01
Screenshot-2019-2-26 Portail - Accueil(2).png (145 ko) Screenshot-2019-2-26 Portail - Accueil(2).png Christophe Siraut, 26 février 2019 18:10
Screenshot-2019-2-26 Portail - Accueil(3).png (122 ko) Screenshot-2019-2-26 Portail - Accueil(3).png Christophe Siraut, 26 février 2019 18:11
Screenshot-2019-3-1 Portail - Accueil(1).png (130 ko) Screenshot-2019-3-1 Portail - Accueil(1).png Christophe Siraut, 01 mars 2019 18:03
Screenshot-2019-3-1 Portail - Identité numérique(1).png (211 ko) Screenshot-2019-3-1 Portail - Identité numérique(1).png Christophe Siraut, 01 mars 2019 18:03
Screenshot-2019-3-1 Portail - Identité numérique.png (207 ko) Screenshot-2019-3-1 Portail - Identité numérique.png Christophe Siraut, 01 mars 2019 18:03
Screenshot-2019-3-1 Portail - Accueil.png (163 ko) Screenshot-2019-3-1 Portail - Accueil.png Christophe Siraut, 01 mars 2019 18:03
Screenshot-2019-3-12 Portail - Accueil.png (167 ko) Screenshot-2019-3-12 Portail - Accueil.png Christophe Siraut, 12 mars 2019 15:57
Screenshot-2019-3-13 Portail - Accueil.png (176 ko) Screenshot-2019-3-13 Portail - Accueil.png Christophe Siraut, 13 mars 2019 18:04

Demandes liées

Lié à Intégrations graphiques Publik - Development #30737: ajout de la police LatoFermé18 février 2019

Actions

Révisions associées

Révision 7ed761d5 (diff)
Ajouté par Christophe Siraut il y a environ 5 ans

add entrouvert variant (#30700)

Révision e136b166 (diff)
Ajouté par Christophe Siraut il y a environ 5 ans

add entrouvert variant (#30700)

Révision f20c8c30 (diff)
Ajouté par Christophe Siraut il y a environ 5 ans

add entrouvert variant (#30700)

Révision b0257702 (diff)
Ajouté par Christophe Siraut il y a environ 5 ans

add entrouvert variant (#30700)

Révision 67489217 (diff)
Ajouté par Christophe Siraut il y a environ 5 ans

add entrouvert variant (#30700)

Révision 2c8dda2f (diff)
Ajouté par Christophe Siraut il y a environ 5 ans

add entrouvert variant (#30700)

Révision d4be9ba3 (diff)
Ajouté par Christophe Siraut il y a environ 5 ans

add entrouvert variant (#30700)

Révision a4ad393f (diff)
Ajouté par Christophe Siraut il y a presque 5 ans

add entrouvert variant (#30700)

Historique

#2

Mis à jour par Christophe Siraut il y a environ 5 ans

  • Fichier Capture d’écran du 2019-02-15 12-44-20.png ajouté
  • Fichier Capture d’écran du 2019-02-15 12-45-46.png ajouté
  • Fichier Capture d’écran du 2019-02-15 12-44-53.png ajouté

Des captures d'écran.

#3

Mis à jour par Christophe Siraut il y a environ 5 ans

  • Statut changé de Nouveau à En cours
#4

Mis à jour par Serghei Mihai (congés, retour 15/05) il y a environ 5 ans

Je dirais qu'il n'y a pas besoin d'afficher les liens de connexion/inscription.

Tu peux avoir ça en mettant include_top_links: False dans le config.json.

#5

Mis à jour par Frédéric Péters il y a environ 5 ans

Pour Lato, il y a des variantes supplémentaires à la police hairline/heavy; on aurait hairline 100, thin 200, light 300, et de l'autre côté heavy à 800. Attention nommage aussi, le fichier Italic doit être renommé en RegularItalic pour suivre la même forme. (aussi, ajouter mention dans le README).

#6

Mis à jour par Christophe Siraut il y a environ 5 ans

  • Fichier 0001-add-Lato-font.patch ajouté
  • Statut changé de En cours à Solution proposée
  • Patch proposed changé de Non à Oui

Solution proposée, voir branche origin/wip_entrouvert_com.

#7

Mis à jour par Frédéric Péters il y a environ 5 ans

+h1 {
+  font-family: Lato-Thin, sans-serif; }
+
+h2, h3 {
+  font-family: Lato-Light, sans-serif; }
+

Pour spécifier la graisse d'une police, on utilise plutôt font-weight; e.g. font-family: Lato; font-weight: 200;

La déclaration dans 0001 est en fait mauvaise :

+@mixin lato-font($type, $weight, $style: normal) {
+    @font-face {
+        font-family: 'Lato-#{$type}';

Il faut que ça soit font-family: Lato, pour toutes les graisses, genre :

    @font-face {
        font-family: 'Lato';
        src: url('#{$lato-font-path}/Lato-#{$type}.woff2') format('woff2'), etc.
        font-weight: $weight;
        font-style: $style;
    }

On indente les scss avec des tabulations, l'accolade fermante à la ligne.

(côté commentaires sur le rendu, je laisse la main)

#8

Mis à jour par Pierre Cros il y a environ 5 ans

Les "boites" sont alignées verticalement sur la page d'accueil actuelle (c'est mieux mêmes si j'imagine bien que ça complique pas mal) et il y a le slider (mais ce dernier n'est sans doute pas lié au thème).

Pour les boites (page d'accueil) comme pour la colonne verticale (pages intérieures), je préférerai une délimitation plus marquée, comme celle du site actuel.

#9

Mis à jour par Christophe Siraut il y a environ 5 ans

  • Fichier Capture d’écran du 2019-02-15 12-45-46.png supprimé
#10

Mis à jour par Christophe Siraut il y a environ 5 ans

  • Fichier Capture d’écran du 2019-02-15 12-44-53.png supprimé
#11

Mis à jour par Christophe Siraut il y a environ 5 ans

  • Fichier Capture d’écran du 2019-02-15 12-44-20.png supprimé
#12

Mis à jour par Christophe Siraut il y a environ 5 ans

  • Fichier Capture d’écran du 2019-02-18 12-36-58.png ajouté
  • Fichier Capture d’écran du 2019-02-18 12-31-59.png ajouté
  • Fichier Capture d’écran du 2019-02-18 12-29-42.png ajouté
  • Fichier Capture d’écran du 2019-02-18 12-28-54.png ajouté
  • Fichier Capture d’écran du 2019-02-18 12-28-14.png ajouté
  • Fichier Capture d’écran du 2019-02-18 12-22-24.png ajouté

Corrigé la déclaration de la police, le formattage de style.scss, et l'alignement des boîtes.

Pour les boites (page d'accueil) comme pour la colonne verticale (pages intérieures), je préférerai une délimitation plus marquée, comme celle du site actuel.

Tenté de remettre des bords voir capture attachée, je ne suis pas convaincu, mais c'est comme vous voulez.

#13

Mis à jour par Pierre Cros il y a environ 5 ans

  • Fichier Capture-20190218131629-944x261.png ajouté

C'est sûr qu'en l'état ce n'est pas convaincant, il n'y a pas de trait supérieur par exemple. Et le contraste entre les boites et la couleur de fond apportait aussi quelque chose sur l'ancien site.

Mais je ne sais pas à quel niveau de finitude on est, je ne sais pas si je dois pointer tous les manques par rapport au site original genre le menu supérieur qui est entre deux traits horizontaux avec des entrées séparées par des / (je suis pas irrémédiablement attaché à cette forme mais il faut une mise en forme plus marquée que l'actuelle, quand même).

Par ailleurs je me rends compte que j'avais parlé d'alignement vertical au lieu de parler d'alignement horizontal : sans cet alignement les boites ça va jamais aller j'en ai peur (capture jointe).

#14

Mis à jour par Christophe Siraut il y a environ 5 ans

  • Fichier Capture d’écran du 2019-02-18 12-36-58.png supprimé
#15

Mis à jour par Christophe Siraut il y a environ 5 ans

  • Fichier Capture d’écran du 2019-02-18 12-28-54.png supprimé
#16

Mis à jour par Christophe Siraut il y a environ 5 ans

  • Fichier Capture d’écran du 2019-02-18 12-28-14.png supprimé
#17

Mis à jour par Christophe Siraut il y a environ 5 ans

  • Fichier Capture d’écran du 2019-02-18 13-58-30.png ajouté
  • Fichier Capture d’écran du 2019-02-18 13-57-06.png ajouté

il faut une mise en forme plus marquée que l'actuelle

Si comme pour le site actuel on veut le fond noir à bord perdu autour des boîtes de la première page ça demande d'avantage qu'une intégration basique. Sinon pour mettre des lignes, on peut partir de l'une des 2 options attachées. (j'imagine qu'on part sur le "mode jour")

Par ailleurs je me rends compte que j'avais parlé d'alignement vertical au lieu de parler d'alignement horizontal : sans cet alignement les boites ça va jamais aller j'en ai peur (capture jointe).

c'est noté (je ne sais pas encore comment aligner proprement la hauteur des boîtes de la première page sans définir une valeur absolue)

le menu supérieur qui est entre deux traits horizontaux avec des entrées séparées par des /

ok je peux reproduire ça.

(J'avais tenté une mise-en-page plus minimaliste que le site actuel, avec le texte plus en évidence, un peu comme un website épuré que tu pointais il n'y a pas longtemps, bref.)

#18

Mis à jour par Christophe Siraut il y a environ 5 ans

  • Statut changé de Solution proposée à En cours
#20

Mis à jour par Christophe Siraut il y a environ 5 ans

#22

Mis à jour par Christophe Siraut il y a environ 5 ans

  • Fichier Capture d’écran du 2019-02-25 16-44-14.png ajouté
  • Fichier Capture d’écran du 2019-02-25 16-44-01.png ajouté
  • Fichier Capture d’écran du 2019-02-25 16-41-31.png ajouté
  • Fichier Capture d’écran du 2019-02-25 16-40-19.png ajouté

Nouvelles captures : j'ai ajouté des bordures et les autres éléments pour me rapprocher du site actuel; et en même temps on reste dans une intégration graphique simple (sans template propre).

#23

Mis à jour par Christophe Siraut il y a environ 5 ans

  • Fichier Capture d’écran du 2019-02-25 16-40-19.png supprimé
#24

Mis à jour par Christophe Siraut il y a environ 5 ans

  • Fichier Capture d’écran du 2019-02-25 16-41-31.png supprimé
#25

Mis à jour par Christophe Siraut il y a environ 5 ans

  • Fichier Capture d’écran du 2019-02-25 16-44-01.png supprimé
#26

Mis à jour par Christophe Siraut il y a environ 5 ans

  • Fichier Capture d’écran du 2019-02-25 16-44-14.png supprimé
#27

Mis à jour par Christophe Siraut il y a environ 5 ans

  • Fichier Capture d’écran du 2019-02-18 13-57-06.png supprimé
#28

Mis à jour par Christophe Siraut il y a environ 5 ans

  • Fichier Capture d’écran du 2019-02-18 13-58-30.png supprimé
#29

Mis à jour par Christophe Siraut il y a environ 5 ans

  • Fichier Capture-20190218131629-944x261.png supprimé
#30

Mis à jour par Christophe Siraut il y a environ 5 ans

  • Fichier Capture d’écran du 2019-02-18 12-22-24.png supprimé
#31

Mis à jour par Christophe Siraut il y a environ 5 ans

  • Fichier Capture d’écran du 2019-02-18 12-29-42.png supprimé
#32

Mis à jour par Christophe Siraut il y a environ 5 ans

  • Fichier Capture d’écran du 2019-02-18 12-31-59.png supprimé
#33

Mis à jour par Christophe Siraut il y a environ 5 ans

  • Fichier clapotis-entrouvert.diff supprimé
#34

Mis à jour par Christophe Siraut il y a environ 5 ans

  • Fichier 0001-add-Lato-font.patch supprimé
#35

Mis à jour par Christophe Siraut il y a environ 5 ans

Sauf avis contraire je vais supprimer les pictos qui apparaissaient à côté des titres sur l'ancien site. Je trouve que ça ne rend pas bien (et dans une intégration simple varier les pictos associés aux titre impliquerait éventuellement d'ajouter un tag via l'édition en mode source de la cellule combo). Voici des captures avec et sans les pictos.

Un avis d'un CPF sur le rose en bas de page c'est pas trop criard? sinon je mets du gris triste.

D'autres questions et remarques?

Note: l'outil de capture de firefox buggue sur la bare de menu, qui dans ce cas-ci couvre le picto en question; mais vous aurez compris le principe avec les captures de pleine page.

#36

Mis à jour par Christophe Siraut il y a environ 5 ans

Sur la première page je dois encore ajouter le carrousel.

#38

Mis à jour par Frédéric Péters il y a environ 5 ans

(pour garder un sens aux commentaires c'est bien de ne pas supprimer des éléments du ticket, captures/patchs/etc.)

Il y a des trucs notés dès le début, ex: "Je dirais qu'il n'y a pas besoin d'afficher les liens de connexion/inscription."; d'autres qui n'ont jamais été notées mais sont des différences évidentes, tu en parles, c'est criant, faut éviter, pas de ce rose pour le pied de page (ni dans les titres). (autre utilisation de couleur dans la navigation, à zapper aussi je trouve, le rose doit juste parfois apparaitre, pour ponctuer, comme les puces au-dessus des titres dans le site actuel).

Il reste aussi en premier lieu important de s'attacher à la page d'accueil, qui doit rester agrémentées de pictos, qui doit avoir un carrousel, qui doit avoir la liste des références tirées depuis barbacompta (ce qui impose que oui, il doit y avoir des gabarits spécifiques).

(et donc, à parler de gabarits spécifiques, c'est aussi nécessaire pour les liens contact/faq/réseau qu'on a actuellement, et super ça donnera l'occasion de gérer une section "fond sombre" sur l'accueil).

#40

Mis à jour par Christophe Siraut il y a environ 5 ans

Je dirais qu'il n'y a pas besoin d'afficher les liens de connexion/inscription.

Tu peux avoir ça en mettant include_top_links: False dans le config.json.

Je dois louper quelque chose, ça ne fonctionne pas pour moi.

Captures attachées; pas réussi à terminer, reste au moins le carrousel et les colonnes dans la cellule actualités.

Poussé les changements dans la branche wip_entrouvert_com (pas de souci pour garder ça en dehors de publik-base-theme).

#41

Mis à jour par Frédéric Péters il y a environ 5 ans

Je dois louper quelque chose, ça ne fonctionne pas pour moi.

make themes.json peut-être.

Poussé les changements dans la branche wip_entrouvert_com (pas de souci pour garder ça en dehors de publik-base-theme).

Sauf que l'intégration a été créée pour en dépendre. (mais comme je le notais, ça aurait juste été un choix perso).

#42

Mis à jour par Christophe Siraut il y a environ 5 ans

Avec les carrousels. L'ensemble me semble désormais ok (excepté les liens vers /manage qui sont toujours présents). Le code est dans la branche wip/30700-nouvelle-variante-entrouvert.

#43

Mis à jour par Frédéric Péters il y a environ 5 ans

Dans mes points notés plus haut :

(et donc, à parler de gabarits spécifiques, c'est aussi nécessaire pour les liens contact/faq/réseau qu'on a actuellement, et super ça donnera l'occasion de gérer une section "fond sombre" sur l'accueil).

#44

Mis à jour par Benjamin Dauvergne il y a environ 5 ans

Christophe Siraut a écrit :

Avec les carrousels. L'ensemble me semble désormais ok (excepté les liens vers /manage qui sont toujours présents). Le code est dans la branche wip/30700-nouvelle-variante-entrouvert.

C'est normal qu'on ait perdu le fond gris foncé pour le corps puis gris clair pour le pied ainsi que les espacement entre les blocs du corps ? Je compare juste à https://www.entrouvert.com/ actuel.

#45

Mis à jour par Christophe Siraut il y a environ 5 ans

C'est normal qu'on ait perdu le fond gris foncé pour le corps puis gris clair pour le pied ainsi que les espacement entre les blocs du corps ? Je compare juste à https://www.entrouvert.com/ actuel.

J'avais pris des libertés, (en me disant qu'une intégration basique ne pouvait pas reproduire l'original, et que ce dernier pouvait être amélioré), c'était peut-être une mauvaise idée, je vais recoller à l'original pour la structure avec les gris en fond de page, et ajouter les liens spécifiques en haut à droite. Voulez-vous aussi garder la police de carractère et la taille des polices, (et garder l'espacement entre les blocs, etc)?

#48

Mis à jour par Christophe Siraut il y a environ 5 ans

Avec les fonds de couleur et les liens Libre Entreprise.

#49

Mis à jour par Christophe Siraut il y a environ 5 ans

  • Statut changé de En cours à Solution proposée
#50

Mis à jour par Christophe Siraut il y a environ 5 ans

  • Assigné à mis à Christophe Siraut
#51

Mis à jour par Pierre Cros il y a environ 5 ans

Pour moi ça pourrait être mis sur www2.entrouvert.com jeudi prochain lors de la mise à jour.

Mais Fred alertait sur la partie référence issue de barba, je pense pas qu'elle soit traitée ici (et ça ne doit pas empêcher de mettre ça sur www2.entrouvert.com).

#54

Mis à jour par Christophe Siraut il y a environ 5 ans

  • Statut changé de Solution proposée à En cours

Note c'est dans la branche origin/wip/30700-nouvelle-variante-entrouvert.

Depuis le rebase il y a un glitch à corriger.

#55

Mis à jour par Christophe Siraut il y a environ 5 ans

  • Statut changé de En cours à Solution proposée

rebase poussé, le glitch que j'avais observé n'a rien à voir ici.

#56

Mis à jour par Christophe Siraut il y a environ 5 ans

  • Statut changé de Solution proposée à En cours

Je ne suis pas satisfait d'include templates/variants/entrouvert/theme.html, je vais proposer quelque chose de plus fin.

#57

Mis à jour par Christophe Siraut il y a environ 5 ans

  • Statut changé de En cours à Solution proposée
#58

Mis à jour par Christophe Siraut il y a presque 5 ans

  • Statut changé de Solution proposée à Résolu (à déployer)
commit a4ad393fef93a1c3e183f0266e046298b4204ddf (HEAD -> master, origin/master, origin/HEAD, wip/30700-nouvelle-variante-entrouvert)
Author: Christophe Siraut <csiraut@entrouvert.com>
Date:   Fri Feb 15 16:59:51 2019 +0100

    add entrouvert variant (#30700)
#59

Mis à jour par Frédéric Péters il y a presque 5 ans

  • Statut changé de Résolu (à déployer) à Solution déployée

Formats disponibles : Atom PDF