<i class="fa fa-tag"></i> Lyon <i class="fa fa-clock-o"></i> :::info [Ce tutoriel permet d'apprivoiser la **syntaxe Markdown** (nécessaire pour éditer ce pad)](https://blog.wax-o.com/2014/04/tutoriel-un-guide-pour-bien-commencer-avec-markdown/). ::: ###### Tags: `La MYNE` `admin` `GT-SI` `site internet` # [Site Internet] Comment contribuer au site internet de la MYNE ?  ## 0- A propos Ce document permet d'avoir les bases de prise en main du site internet de la MYNE afin de pouvoir y contribuer. :::success * **++[Foire au question et prise en main du site internet](https://pad.lamyne.org/KYNgxsDMAsBMBmBaaBDVzoAZqIJy1hWTAQCNsATeSSADiA)++** => @FloLN : Lien mort... comment le retrouver ? ::: ## Outils techniques Outil utilisé : Générateur de site statique, GoHugo ### Un générateur de site statique c'est quoi ? Contrairement a un site dynamique, le site n'est pas construit à chaque visite mais une fois que le contenu est créé. On lui donne des fichiers avec du contenus et des fichiers avec le template html et il construit le site. C'est rapide, sécurisé et écolo. Donc d'un coté il y a le contenu, de l'autre les templates. Que l'on peut voir dans les dossier `/content` et `/layouts`. Le contenu est en markdown avec des métadonnées en YAML qui peuvent être récupérées dans les templates. Tout ce qui est dans les métadonnées peut être récupéré individuellement dans un template, par contre le contenu markdown ne peut etre récupéré qu'en block. * voir : https://gohugo.io/content-management/ * et : https://gohugo.io/templates/ **Exemple :** Dans ma page projet DAISEE, je veux afficher le titre et la description du projet. J'ai donc : Dans `/content/project/daisee.md` ``` --- title: DAISEE description: "Ceci est le projet DAISEE" --- Ceci est mon contenu en markdown. ``` Dans le template, `/layouts/project/single.hmtl`: ``` <h1>{{.Title}}</h1> <p> {{ .Description }}</p> ``` Je peux également ajouter le contenu markdown avec `{{ .Content }}` **Comment est organisé le contenu dans hugo ?** Dans hugo tout est une page, soit tous les fichiers dans `/content` sont une page. On peut également ajouté du contenu dans le dossier `/data`. Un dossier dans `/content` est une section. Chaque section est considérée comme une liste de contenus et est représentée par un list template. Chaque fichier est représenté par un single template. ## Organisation du contenu : ### Pour la MYNE : Les pages du site : - About - Projets - Ateliers - Agenda - Contribuer - Accompagnement Il y a 3 éléments principaux : 1. Les projets 2. Les ateliers 3. Les rencontres/masterclasses On retrouve donc 3 pages avec une liste de tous les ateliers, projets, rencontres/masterclasses. Et une page pour chacun des ateliers, etc. #### Remarque sur les ateliers ==La différence entre atelier et projet peut être fine...== Dans les ateliers, il y deux éléments : 1. L'atelier de base 2. Les événements liés **exemple :** "Titre à venir" est un atelier qui comprend une série d'ateliers (inception...) La page atelier reprend seulement la liste des ateliers principaux. Les ateliers liés sont considérés comme des événements qui apparaissent dans la page programme/agenda et dans la page de leur atelier parent. Il est précisé dans les métadonnées si un atelier est parent ou child afin de les lier ensemble. Dans la page d'un atelier principal, je vois une liste des ateliers liés et leurs dates. #### Remarque sur les masterclasses et rencontres Rencontres ou masterclasses ? Dans cette page, j'ai une liste des masterclasses et rencontres par ordre chronologique et séparé en 2 sections (à venir, passé). #### Remarque sur le programme/agenda Cette page reprend tous les ateliers evenements, les masterclasses et rencontres par ordre chronologique et séparé en 2 sections (à venir, passé). ### Remarque globale Chacun de ces éléments peut être lié à un autre via les métadonnées. **Exemple :** Une masterclasse peut avoir lieu dans le cadre d'un projet. Un projet peut avoir lieu dans le cadre d'un atelier. etc. On retrouve ce lien dans les pages singles. **Exemple :** Liste des prochaines recontres d'un projet en bas de sa page. ### Données et sémantique #### Page About Metadonnées : ``` --- title: La MYNE address: college: ["liste", "des membres"] description: gt: ["liste", "des GT"] info: "Horaires ouvertures" --- ``` Contenu : ``` Paragraphe 1: Une Manufacture du concret et du réel Paragraphe 2: Communauté anti-disciplinaire pour modes de vie durables Paragraphe 3: Un mode de gouvernance ouvert ``` #### Projets : Métadonnées : ``` --- title: DAISEE slug: daisee stade: Concept tags: ["tag1", "tag2""] thumbnail: /img/xxxx.png banner: competence: - description: name: - description: name: - description: name: - description: name: financier: - description: name: materiel: - description: name: - description: name: description: Decentralized Autonomous Interconnected Systems for Energy Efficiency documentation: - link: name: - link: name: ressources: - link: name: - link: name: porteurs: - image: /img/x.jpg name: "" - image: /img/xxx.jpg name: "" --- # IsOE - The Internets of Energy The long terme purpose of The DAISEE project is building the "internets of energy". What does it mean ? The development of open-source secured decentralized autonomous energy production system and consumption monitoring, in line with building micro-grid infrastructures, thus enabling trusted peer-to-peer energy transaction. - **Energy Monitoring**: how to securely monitor energy consumption and production from a open-source basis ? => #OpenEnergyMonitor #CitizenWatt #OpenHardware #Slockit - **Energoïd**: on the monitoring basis, how to make rooms / objects take consensual decisions while dealing energy-tokken between them about who’s consuming what/when/ how they contribute to energy consumption reduction ? #Ethereum #smartcontract - **Trusted P2P energy transactions**: how to make it possible to make peer-to-peer energy transaction at the district level, at the town level, at the territory level… ? #microgrid #peertopeer #ethereum #smartcontract #DApps #regulation #infrastructure --- ``` #### Evenements Métadonnées : ``` --- title : tags : [ "tag1", "tag2", "tag3"] categories : ["masterclass"] start: 2017-11-01 end: 2017-11-01 location: condition: "adhesion a la myne, 2e/an" thumbnail: /img/masterclass-civic-tech-thumbnail.jpg banner: /img/default-banner.png porteurs: - image: /img/avatar.jpg name: description : "Description de moins de 600 signes" documentation: - link: https://pad.lamyne.org/ name: Prise de note - link: https://www.youtube.com/ name: Live Stream - link: https://www.facebook.com/events/ name: annonce ressources: - link: name: - link: name: recurring: --- ``` #### Ateliers ``` --- title : "Ateliers jeunes publics" tags : [ "jeunes", "transdisciplinaire"] condition: "adhesion a la myne, 2e/an" thumbnail : "/img/mynikids-thumbnail.png" banner : "/img/default-banner.png" porteurs: - image: /img/avatar.jpg name: "" description : "Description moins de 600 signes" documentation: - link: https://pad.lamyne.org/ name: Prise de note - link: https://www.youtube.com/ name: Live Stream - link: https://www.facebook.com/events/ name: annonce ressources: - link: https:// name: "" recurring: node: --- ``` ### Questions : Quel titre pour la page masterclasses/rencontres ? Quel titre pour la page agenda/programe ? Est-ce que la distinction entre un atelier principal et un atelier lié fait sens ? IMPORTANT : VALIDER LA STRUCTURE DES DONNES. Attention une fois définie il faut éviter de la changer.