timeline

content/fonctionnement.md

@@ -6,27 +6,38 @@ title = "Fonctionnement"
 	<img style="max-width: 100%" alt="Fonctionnement" src="/img/drawings/usine.webp" aria-hidden/>
 </div>
 
-## Fonctionnement de Librezo avec ses clients
+<div class="timeline nn1200">
+{% timeline_item(side="left") %}
+Le client contacte Librezo pour obtenir un devis.
+{% end %}
+{% timeline_item(side="right") %}
+Librezo s'occupe de trouver au sein du collectif le ou les prestataires compétents pour réaliser le projet.
+{% end %}
+{% timeline_item(side="left") %}
+Une fois le ou les prestataires trouvés, le client est mis en contact direct avec son prestataire principal, qui gérera son dossier technique et coordonnera les différentes tâches à accomplir. 
+{% end %}
+{% timeline_item(side="right") %}
+Le prestataire principal retourne le devis global majoré de la TVA et 15% qui correspondent aux frais de gestion. 
+{% end %}
+{% timeline_item(side="left") %}
+Une fois le devis validé par Librezo, le client paie 30% d’acompte.
+{% end %}
+{% timeline_item(side="right") %}
+Quand la prestation est terminée et que le service créé est fonctionnel, le ou les prestataires envoient les factures à Librezo qui facture à son tour le client des 70% restants. Toute prestation est payable à 30 jours maximum. 
+{% end %}
+{% timeline_item(side="left") %}
+Après une période de tests d'une semaine environ, le client peut faire le virement à Librezo, qui rémunère ensuite les prestataires.
+{% end %}
+{% timeline_item(side="right") %}
+Quand la prestation est terminée et que le service créé est fonctionnel, le ou les prestataires envoient les factures à Librezo qui facture à son tour le client des 70% restants. Toute prestation est payable à 30 jours maximum.
 
-- Librezo est à la fois un collectif de membres prestataires informel _et_ une SAS tout à fait officielle. Librezo n'a pas de salariés, uniquement des prestataires.
-
-- Tout client peut contacter Librezo pour avoir un devis ou un contrat qui sera réalisé par un ou plusieurs de ses membres prestataires.
- 
-- Librezo s'occupe de trouver au sein du collectif le ou les prestataires compétents pour réaliser le projet.
- 
-- Une fois le ou les prestataires trouvés, le client est mis en contact direct avec son prestataire principal, qui gérera son dossier technique et coordonnera les différentes tâches à accomplir.
- 
-- Le prestataire principal retourne le devis global majoré de la TVA et 15% qui correspondent aux frais de gestion.
-
-- Une fois le devis validé par Librezo, le client paie 30% d’acompte.
-
-- Quand la prestation est terminée et que le service créé est fonctionnel, le ou les prestataires envoient les factures à Librezo qui facture à son tour le client des 70% restants. Toute prestation est payable à 30 jours maximum.
-
-- Le client fait le virement à Librezo, qui rémunère ensuite les prestataires.
+Vous pouvez désormais utiliser votre serveur au quotidien&#8239;!
+{% end %}
+</div>
 
 ## Maintenance de projet
 
-- Dans le cadre d'un contrat de maintenance ou de monitoring, il est possible de régler un forfait à l'année ou de payer à l'heure. La facture annuelle peut être réglée en totalité à Librezo au début (ou à date anniversaire), au semestre ou au trimestre et le(s) prestataire(s) qui interviennent sur le projet facturent mensuellement leur temps passé.
+- Dans le cadre d'un contrat de maintenance ou de monitoring, il est possible de régler un forfait à l'année ou de payer à l'heure. La facture annuelle peut être réglée en totalité à Librezo au début (ou à date anniversaire), au semestre ou au trimestre et les prestataires intervenant sur le projet facturent mensuellement leur temps passé.
 
 - Librezo propose de la maintenance sur les projets et développements conçus par ses prestataires et/ou qui rentrent dans le cadre de sa charte. Cette maintenance peut être effectuée à distance.
 

sass/css/base.scss

@@ -10,6 +10,7 @@
 @import "services";
 @import "square_box";
 @import "team";
+@import "timeline";
 
 #dev-warning {
 	position: fixed;

sass/css/timeline.scss

@@ -0,0 +1,25 @@
+@import "defs";
+
+.timeline {
+}
+
+.timeline-item {
+	width: 50%;
+	box-sizing: border-box;
+	margin: 0;
+	padding: 16px;
+}
+
+.timeline-left {
+	position: relative;
+	border: 1px solid $blue;
+	border-radius: 16px 0 0 16px;
+}
+
+.timeline-right {
+	position: relative;
+	left: 50%;
+	margin-left: -1px;
+	border: 1px solid $blue;
+	border-radius: 0 16px 16px 0;
+}

templates/shortcodes/timeline_item.html

@@ -0,0 +1,3 @@
+<div class="timeline-item timeline-{{ side }}">
+	{{ body | markdown | safe }}
+</div>