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.

CD

Christine DUFNER Sun 29 Mar 2015 3:07PM

idem pour moi je n'y connais rien en informatique

P

pierro78 Tue 14 Apr 2015 6:15AM

@hydronium remarque ( https://www.facebook.com/groups/GVDEV/permalink/539018569569202/ ) que la page "contact" ( http://gentilsvirus.org/contact.php ) est en php ... @raphaeljolivet est-ce que cela marchera sur github ?

RJ

Raphael Jolivet Tue 14 Apr 2015 7:33AM

Oui, on a déja proposé d'utiliser ce service :
https://getsimpleform.com/ ( https://getsimpleform.com/ )

Qui fournit la getsion de formulaire de contacts pour site "statiques"

P

pierro78 Tue 14 Apr 2015 8:04AM

euh ... je n ai pas l impression que getsimpleform peut faire une rotation aléatoire des contacts comme http://gentilsvirus.org/contact.php ...
@raphaeljolivet

H

Hydronium Tue 14 Apr 2015 4:14PM

Le script PHP que j'avais conçu permettait aussi d'afficher les téléphones sous forme d'images créées à la volée.

RJ

Raphael Jolivet Tue 14 Apr 2015 4:20PM

Rotation aléatoire des contacts ?
C'est a dire ?

L'ordre d'affichage est aléatoire ?
On peut faire ca avec petit bout de Javascript.
Mais quel est l'interet ?

Et pour les numéro de tel, on peut les générer une fois pour toute, ca change pas souvent.
Personnellement, image ou pas, je ne mettrais pas de téléphone sur le net.
Ce n'est pas une pratique "recommendable"

H

Hydronium Thu 23 Apr 2015 4:08AM

Oui l'affichage est aléatoire, en prévision du comportement qui consiste à choisir parmi trois inconnus le premier de la liste, et pour ne pas laisser penser qu'il y a un chef, un sous-chef et un sous-sous-chef.

Mettre un numéro de tel sur le net est une pratique tout à fait conseillée du point de vue de la communication, les journalistes adorent utiliser ce moyen de communication pour rentrer en contact rapidement avec quelqu'un. Ça l'est moins sur le plan de la protection de la vie privée et du spam. À chacun de voir s'il veut le mettre. En tout cas oui, on peut sans doute se passer de PHP... À toi de proposer l'alternative prête à publier ;)

H

Hydronium Sun 26 Apr 2015 5:41AM

Reste à la mettre en œuvre. T'as tout ce qu'il te faut, @raphaeljolivet ?

FA

Fred Armoni Tue 28 Apr 2015 3:59PM

quelles sont les barrières techniques? (nous n'avons déjà pas beaucoup de participants pour s'en inquiéter - moi même qui suis pourtant développeur, certes pas en appli web, j'ai du mal à vous suivre...)

P

pierro78 Tue 28 Apr 2015 5:00PM

à ce que je comprends le pb des images pour les numéros de téléphone étant résolu, il reste le pb de la programmation javascript pour la "rotation aléatoire" des contacts ...

QG

Quentin Grimaud Thu 9 Jul 2015 1:09PM

Je ne sais pas où en est @raphaeljolivet de la migration à Jekyll mais on peut aussi envisager d'utiliser https://github.com/vinyll/anywhere qui m'a l'air pas mal plus léger et facile à mettre en place :) En gros ça permet de garder un site statique en HTML, donc facile à éditer et à déployer sur un serveur, et de dire que le contenu de chaque page est chargé depuis un fichier de notre dépôt github, comme ça les gens proposent des modifs (via des pull-requests) et quand elles sont acceptées, c'est reflété directement sur le site, sans besoin qu'un admin mette à jour le site. Ça ressemble pas mal à l'idée d'avoir comme contenu de chaque page du site uneiframe (ou équivalent) contenant une page du wiki des GV.

QG

Quentin Grimaud Sat 19 Dec 2015 10:11PM

OK il faut vraiment qu'on relance ce chantier... J'ai l'impression que la dernière chose qu'il nous manque pour avancer c'est une solution pour envoyer des emails à des gens sans que les adresses email des destinataires n'apparaissent dans le code source qui est public, et de préférence sans passer par un service externe dont on pourrait douter de la fiabilité. Des idées ? @pierro78 @hydronium

Une idée : on pourrait peut être juste avoir une page relai hébergée sur un autre serveur que github et qui n'est pas open source et qui se charge d'envoyer l'email ? Par exemple le formulaire de contact enverrait vers cette page (), et l'un des paramètres serait le nom du destinataire. La page à partir du nom, déduit l'adresse email et fait l'envoi d'email, et affiche une confirmation.

P

pierro78 Sun 20 Dec 2015 9:07PM

ton idee a l air bonne @quentingrimaud : le html simple en Jekyll sur github, le code "serveur" sur notre serveur (genre serveur:gentilsvirus.org/contact.php) ...