Loomio

Migration a GitHub / Jekyll

RJ Raphael Jolivet Public Seen by 32

Bonjour,

J'ai expérimenté récemment la possibilité d'héberger le site entièrement sur GitHub, et en utilisant le générateur de site statique Jekyll (supporté nativement par Github).

En pratique, GitHub héberge automatiquement certains repository sur le domaine github.io.
Il est possible de configurer un nom de domaine pour qu'il pointe de manière transparente sur GitHub.

Jekyll est un petit moteur de site qui transforme des templates en HTML.
Les avantages sont nombreux :

  • Réutilisation des en-tetes pieds de page ou tout autre bout de HTML
  • Possibilité pour les contributeurs de faire un clone du site et de nous montrer le résultat de leurs changements avant approbation
  • Possibilité décrire le contenu au format Markdown (plus de HTML pour le texte)
  • Hébergement gratuit

Je vous invite à aller jeter un oeil au code : en particulier, les dossiers _layout et _includes contiennents respectivement les template et les bouts de code réutilisables.

Voici le rendu du site sur github.io

J'en ai aussi profité pour intégrer les changements relatifs a l'agenda, et ajouté un Player de vidéo directement au chargement de la page a droite : C'est plus attirant pour l’œil.

Il y a encore des soucis de mise en page (CSS), et le site n'est pas a jour avec la dernière version, mais c'est plus un "proof-of-concept', et on pourra intégrer les changements plus tard.

Merci de me dire ce que vous en pensez.

QG

Quentin Grimaud Sat 21 Mar 2015 11:53PM

Ah super ! J'avais repéré cette manière de faire (Jekyll + github) et l'avais trouvée très pertinente pour notre besoin. J'avais commencé à passer du temps à me renseigner dessus, mais j'avais pas encore eu le temps de coder quoi que ce soit. Je suis totalement pour !

Par contre dans la version du site que tu montres, je vois plusieurs problèmes :
- l'élément du menu du haut sélectionné (par exemple Accueil initialement) a un problème d'affichage, il y a une barre horizontale grise.
- l'item de menu Agenda a une icone alors que les autres non, donc c'est pas très cohérent
- je préfère la version actuelle de la boite "Explications en vidéo"
- la boite "Abonnez-vous à la newsletter" apparaît en bas à gauche ce qui fait pas terrible (elle devrait rester dans le menu de droite selon moi)
- il y a trop de choses dans le menu de droite à mon gout
- la page "Les solutions", "Participez", et "Agenda" ont leur zone de contenu qui ne prend pas toute la largeur alors qu'il n'y a pas de menu de droite, ce qui n'est pas terrible

H

Hydronium Sun 22 Mar 2015 12:28AM

Cette solution semble prometteuse et je suis totalement d'accord avec les remarques de Quentin.

DU

Pierre-Yves Sun 22 Mar 2015 10:47AM

A priori je n'aurais pas été très favorable à héberger le site ailleurs que sur une machine qui nous appartient, mais je n'ai que des échos positifs de personnes qui utilisent GitHub pour héberger de petits sites et puis vu les problèmes avec ChicagoVPS autant ne pas tout héberger sur la même machine.

Cette solution permet de simplifier la gestion, d'améliorer le travail collaboratif et de remettre en place un système de suivi des modifications (ce qui en plus d'être pratique est important pour les mises à jour que les admins peuvent faire sans vote). :)

J'ai aussi quelques questions/remarques à ajouter à celles déjà formulées par @quentingrimaud :
- Si il faut faire des corrections au niveau du layout du site, est-ce que ce ne serait pas une bonne idée de migrer vers la dernière version de bootstrap (pour corriger les petits défauts de la version que nous utilisons actuellement)?
- Tant qu'à corriger la boite "Explications en vidéo", pourquoi ne pas en faire une version sans bouton comme ici par exemple ?
- Il faudra faire attention aux adresses mail de la page de contact sur un site 100% hébergé sur GitHub
- Je suis un peu perplexe par rapport au fait de mettre l'agenda et 'include de la page fb le-message dans la colonne de droite. Certes ça donne plus de visibilité à l'agenda mais ça "alourdi" aussi le site et rend la navigation moins aisée sur un smartphone. Dans un premier temps, j'utiliserais plutôt la page actualités pour cela.

RJ

Raphael Jolivet Sun 22 Mar 2015 2:06PM

Salut, merci pour vos retours.

Je viens d'ajouter un petit tutoriel au README pour expliquer comment contribuer avec Git/Jekyll.

Je suis d'accord que la colonne de droite est trop lourde maintenant. Je ne laisserais que les vidéos + l'agenda (qui montre que le groupe est actif), mais pas le-message.org.

J'enleverais presque la carte pour la mettre dans un nouvel onglet aussi / Je trouve ca lourd.

Pour la vidéo, je suis assez content de moi :) : Les éléments graphiques sont beaucoup plus visibles / attirants à l'oieil que les long textes, et les vidéos sont assez ludiques.

Pour les "bugs" du menu c'est du à l'icone de l'agenda, trop grosse.
Je trouve le menu un peu austère pour l'instant, et je serais pour qu'on trouve une petite icone claire pur chacune.

Pour les formulaires de contact Jekyll conseille d'utiliser getsimpleform, qui offre un service gratuit de forulaire de contact.

Je trouve aussi dommage qu'il n'y ai pas d'ognlet pour envoyer directement au Wiki des GVs (avec une eptites icone de Wikipedia) : C'est une mine d'informations.

Mais ca commence à faire beaucoup de rubriques : Pas sur que ca tienne encore en horizontal ...

De manière générale, je pense que la migration à Git pourrait nous permettre de lancer un "concours de design" pour améliorer le thème du site et le rendre ergonomique : Je ne suis pas un expert en web design et en usability : Je suis sur que d'autres GVs auraient des idées sur la manière d'intégrer au mieux toutes ces informations (vidéos, agenda, groupes facebook, Wiki, argumentaires, liens, ...)

Je vais faire une version qui corrige les bugs d'affichage et enlever les publis de la page le-message.org. si vous y intégrez les différences avec le site actuel, ça pourra faire une bonne base de travail.

Je vais ajouter des propositions pour voter.

RJ

Poll Created Sun 22 Mar 2015 2:07PM

Migration à Git/Jekyll Closed Sun 29 Mar 2015 1:04PM

Outcome
by Hydronium Tue 16 May 2017 5:50PM

Proposition acceptée.

Results

Results Option % of points Voters
Agree 83.3% 5 QG DU BD RJ LQ
Abstain 16.7% 1 CV
Disagree 0.0% 0  
Block 0.0% 0  
Undecided 0% 55 L P G R F H N M JM BM BDS LG E VD PL FM W L LI ABF

6 of 61 people have participated (9%)

QG

Quentin Grimaud
Agree
Sun 22 Mar 2015 6:07PM

Je suis d'accord sur le principe de passer à Jekyll (même si on perdra des contributeurs potentiels car la barrière technique pour proposer un changement augmente sur certains aspects). Mais pas d'accord que le nouveau site intègre plein de modifs

DU

Pierre-Yves
Agree
Mon 23 Mar 2015 8:18PM

Ok pour Jekyll

BD

Benoît Daroussin
Agree
Mon 23 Mar 2015 9:40PM

J'ai du mal à visualiser tout ce que ça implique mais ça me parait intéressant. Notamment : "Possibilité pour les contributeurs de faire un clone du site et de nous montrer le résultat de leurs changements avant approbation"

CV

Catherine Vergnaud
Abstain
Fri 27 Mar 2015 9:08AM

Juste une question : que deviennent les sites déjà réalisés ? Faudra-t-il tout refaire ?

RJ

Raphael Jolivet Sun 22 Mar 2015 2:11PM

A mince, on peut pas faire plusieurs prpositions ?
Je voulais créeer d'autres pour :
- La prévisualisation de la vidéo à droite
- L'agenda à droite
- Les publi de la page le-message
- Les icônes sur le menu
- Un nouveau menu "Wiki"

Load More