Création d'une navigation dans le header

[cecilaki]

Afin de refléter au mieux le design de site global de School of Data on pourrait créer un menu dans header.

Ceci est une proposition à valider :

Steps :

1. Créer un fichier de configuration menu.yml dans un dossier ou à la racine du site

- title: "A propos"
  slug: "a-propos"

- title: "Cours"
  slug: "cours"
  subitems:
    - subtitle: "Fondamentaux"
      subslug: "fondamentaux"
    - subtitle: "DataViz Cardgame"
      subslug: "cardgame"
    - subtitle: "Outils pour les Expéditions de Données"
      subslug: "outils"

- title: "FAQ"
  slug: "faq"

- title: "Blog"
  slug: "blog"

- title: "Nous rejoindre"
  slug: "nous-rejoindre"

/** Note : je changerai "nous rejoindre" par contribuer ** /

- title: "Contact"
  slug: "contact"

2. Créer la structure HTML dans le fichier /_includes/header.html
3. Intégrer les styles dans main.css
4. Créer une page pour chaque entrée

[pzwsk]

oui pour l'instant, le menu de navigation apparaît via effet de glissement à gauche en cliquant sur le bouton en haut à gauche. J'aime bien ce mode de navigation, qui permet d'avoir beaucoup de niveaux, même sur mobile, utile pour les cours, sans alourdir le site - déjà utilisé sur OpenSpending - mais je comprends que l'on souhaite s'aligner sur le site School of Data (Wordpress). Un des autres points négatifs du mode actuel est que le bouton menu à gauche n'est pas forcément clair.

Je peux déjà finaliser le menu avec le mode actuel - défini dans header - et on décidera si on change ou pas.

2017-02-17 2:11 GMT+01:00 Cecile LG notifications@github.com:

Afin de refléter au mieux le design de site global de School of Data https://schoolofdata.org/ on pourrait créer un menu dans header.

Ceci est une proposition à valider :

[image: capture d ecran 2017-02-17 a 01 55 42] https://cloud.githubusercontent.com/assets/6681719/23048208/b0abab8e-f4b4-11e6-8354-74ba84af3dd6.png

Steps :

1. Créer un fichier de configuration menu.yml dans un dossier ou à la racine du site

• title: "A propos" slug: "a-propos"

• title: "Cours" slug: "cours" subitems:

  • subtitle: "Fondamentaux" subslug: "fondamentaux"
  • subtitle: "DataViz Cardgame" subslug: "cardgame"
  • subtitle: "Outils pour les Expéditions de Données" subslug: "outils"

• title: "FAQ" slug: "faq"

• title: "Blog" slug: "blog"

• title: "Nous rejoindre" slug: "nous-rejoindre"

• title: "Contact" slug: "contact"

  1. Créer la structure HTML dans le fichier /_includes/header.html
  2. Intégrer les styles dans main.css
  3. Créer une page pour chaque entrée

— You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHub https://github.com/ecoledesdonnees/site/issues/2, or mute the thread https://github.com/notifications/unsubscribe-auth/ACRKx-iwtLBlWLfu2BTkaUD8PATHHdq1ks5rdPOsgaJpZM4MDwLc .

-- Pierre Chrzanowski ICT & Open Data Consultant, World Bank Co-founder and member Open Knowledge France

Mails : pierre.chrzanowski@gmail.com / pchrzanowski@worldbank.org Skype : pierre.chrzanowski | Twitter : @pzwsk

[cecilaki]

Oui je suis d'accord que le menu de navigation actuel est très bien et pratique, et je ne pensais pas le supprimer, d'ailleurs je devrais rajouter une tâche pour le finaliser, et ta proposition va en ce sens, donc très bien !

En revanche un autre défaut que je lui trouve c'est qu'on a du mal à visualiser rapidement les différents niveaux hiérarchiques et, que ce soit au premier coup d'oeil sur le site, ou en navigation simple, la navigation n'est pas très claire comme tu dis, on ne sait pas trop où on va, quelles sont les rubriques du menu, comment revenir etc..

De toute façon à partir du moment où les pages sont crées pour la navigation principale dans le menu hamburger, c'est facile de les afficher autrement ensuite.

[Agathesev]

Une idée serait peut-être d'utiliser le menu standard sur écrans type desktop (ou d'une certaine taille) et le menu "burger" gauche sur mobile (via media queries).

[cecilaki]

Oui tout à fait.

Le 21 févr. 2017 à 17:07, Agathe SEVEGRAND notifications@github.com a écrit :

Une idée serait peut-être d'utiliser le menu standard sur écrans type desktop (ou d'une certaine taille) et le menu "burger" gauche sur mobile (via media queries).

— You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub, or mute the thread.

[clombion]

Le design du schoolofdata.org est responsive, et le menu s'adapte en version mobile. Je pense que c'est présent dans les document de design mais ça se vérifie en visualisant le site depuis une tablette ou téléphone.

Cédric Lombion Project and Community Coordinator Open Knowledge France @clombion / +33 673 863 914

2017-02-21 17:41 GMT+01:00 Cecile LG notifications@github.com:

Oui tout à fait.

Le 21 févr. 2017 à 17:07, Agathe SEVEGRAND notifications@github.com a écrit :

Une idée serait peut-être d'utiliser le menu standard sur écrans type desktop (ou d'une certaine taille) et le menu "burger" gauche sur mobile (via media queries).

— You are receiving this because you authored the thread.

Reply to this email directly, view it on GitHub, or mute the thread.

— You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHub https://github.com/ecoledesdonnees/site/issues/2#issuecomment-281400636, or mute the thread https://github.com/notifications/unsubscribe-auth/AH4qDMYohjHJKIrlD0IB5r9RwYkPVMz7ks5rexPOgaJpZM4MDwLc .