client shortcode body, process titles

content/_index.md

@@ -7,7 +7,7 @@ title = "Librezo"
 <span class="slogan3">Collectif d'artisans numériques</span>
 
 <div class="cities nn">
-	<p>Aix &#8211; Cambrai &#8211; Cévennes &#8211; Grasse &#8211; Le&nbsp;Havre &#8211; Marseille &#8211; Montreuil</p>
+	<p>Aix &#8211; Bastia &#8211; Cambrai &#8211; Cévennes &#8211; Grasse &#8211; Le&nbsp;Havre &#8211; Marseille &#8211; Montreuil</p>
 	<div class="madein-wrapper">
 		<img class="madein" alt="Made in Chez Vous" src="/img/madein-purple.png"/>
 	</div>
@@ -18,9 +18,9 @@ title = "Librezo"
 
 <a href="/logiciel-libre" class="slogan1">Reprenez le contrôle de vos données</a>
 
-<div class="process-title"><span>Comment ça se passe&#8239;?</span></div>
+<h2 class="title-bar">Comment ça se passe&#8239;?</h2>
 
-<div class="process-title"><span>Autonomisation de l'infrastructure réseau</span></div>
+<h3 class="title-bar2">Autonomisation de l'infrastructure réseau</h3>
 
 <div class="process_boxes">
 {{ process_box(number="1", title="Étude", description="Définition du besoin et propositions de solutions adaptées.") }}
@@ -29,7 +29,7 @@ title = "Librezo"
 {{ process_box(number="4", title="Acquisition", description="Votre serveur GNU/Linux est prêt et 100% entre vos mains. Tests.") }}
 </div>
 
-<div class="process-title"><span>Formations optionnelles</span></div>
+<h3 class="title-bar2">Formations optionnelles</h3>
 
 <div class="process_boxes">
 {{ process_box(number="5", title="Accompagnement utilisateur", description="Apprenez en quelques heures à utiliser vos outils.") }}
@@ -37,24 +37,32 @@ title = "Librezo"
 {{ process_box(number="7", title="Autonomie", description="Vous êtes capable de gérer votre système et vos applications : vous êtes autonome et n'avez plus besoin de tiers de confiance.") }}
 </div>
 
-<h2 style="margin-top: 96px;">Iels nous font confiance</h2>
+<h2 class="title-bar" style="margin-top: 96px;">Ils nous font confiance</h2>
 
 <div class="client_boxes">
-{{ client_box(
+{% client_box(
 	title = "Novelcast"
 	href = "https://novelcast.com"
 	img = "/img/clients/novelcast.png"
-	text = 
+) %}
-		"J'ai fait appel à Librezo pour développer un CRM back-office autonome, indépendant et léger, afin de maîtriser nos données sensibles, sur un serveur local, indépendant, avec une redondance sur un serveur miroir.<br/>
+	J'ai fait appel à Librezo pour développer un CRM back-office autonome, indépendant et léger, afin de maîtriser nos données sensibles, sur un serveur local, indépendant, avec une redondance sur un serveur miroir.<br/>
-		La proposition de Librezo s'est porté des serveurs de petite taille, abordables, très économes en énergie, et très facilement sécurisables.<br/>
+	La proposition de Librezo s'est porté des serveurs de petite taille, abordables, très économes en énergie, et très facilement sécurisables.<br/>
-		L'équipe de Librezo a été d'un grand secours, et la maîtrise des impératifs de sécurité des données contre l'effacement ou le piratage est indéniable.<br/>
+	L'équipe de Librezo a été d'un grand secours, et la maîtrise des impératifs de sécurité des données contre l'effacement ou le piratage est indéniable.
-		En plus, ils sont gentils et ils sentent bon sous les bras..."
+{% end %}
-) }}
+{% client_box(
-{{ client_box(
 	title = "Oasis21"
 	href = "https://oasis21.org"
 	img = "/img/partners/oasis21.png"
-	text = 
+) %}
-		"La SCIC Oasis21 fait appel à Librezo pour la gestion technique de son serveur mutualisé de stockage en ligne via Nextcloud. Nous avons construit une vraie relation partenariale et de confiance, brique qui nous semble indispensable pour gérer un projet informatique aussi crucial pour les structures de l'ESS qui en bénéficient. Nous sommes ravis de pouvoir collaborer ensemble dans la durée autour de ce projet et de bénéficier des compétences techniques et de l'écoute de Librezo afin d'offrir un service de qualité aux membres de notre coopérative."
+	La SCIC Oasis21 fait appel à Librezo pour la gestion technique de son serveur mutualisé de stockage en ligne via Nextcloud. Nous avons construit une vraie relation partenariale et de confiance, brique qui nous semble indispensable pour gérer un projet informatique aussi crucial pour les structures de l'ESS qui en bénéficient. Nous sommes ravis de pouvoir collaborer ensemble dans la durée autour de ce projet et de bénéficier des compétences techniques et de l'écoute de Librezo afin d'offrir un service de qualité aux membres de notre coopérative.
-) }}
+{% end %}
+{% client_box(
+	title = "Jarditerre"
+	href = "https://jarditerre.fr"
+	img = "/img/clients/jarditerre.jpg"
+) %}
+	J'ai fait appel à Librezo pour créer les sites web de Jarditerre et de Verdun Coliving. 
+	J’ai été très satisfaite de leur aide et de leur réactivité que ce soit par email ou par téléphone. Ils m’offrent aussi l’hébergement, le tout en <a href="https://monnaie-libre.fr" target="_blank">monnaie libre</a>, ce qui montre leur fort engagement pour un monde libre et meilleur, et nous permet d’en faire autant dans nos activités.<br/>
+	Salomé D.
+{% end %}
 </div>

sass/css/base.scss

@@ -119,3 +119,27 @@ h3 {
 	font-family: Neucha;
 	font-weight: normal;
 }
+
+.title-bar {
+	font-family: Neucha;
+	font-size: 42px;
+	background: linear-gradient(0.25turn, $blue, $violet);
+	color: #fff;
+	margin-top: 16px;
+	margin-bottom: 16px;
+}
+
+.title-bar2 {
+	font-family: Neucha;
+	font-size: 36px;
+	color: #000;
+	margin-top: 16px;
+	margin-bottom: 16px;
+}
+
+.title-bar2::after {
+	content: "";
+	display: block;
+	height: 1px;
+	background: linear-gradient(0.25turn, $blue, $violet);
+}

sass/css/process.scss

@@ -1,14 +1,5 @@
 @import "defs";
 
-.process-title {
-	font-family: Neucha;
-	font-size: 42px;
-	background: linear-gradient(0.25turn, $blue, $violet);
-	color: #fff;
-	margin-top: 16px;
-	margin-bottom: 16px;
-}
-
 .process_boxes {
 	flex: 62%;
 	text-align: center;

templates/base.html

@@ -13,7 +13,7 @@
 	<body>
 		<div id="dev-warning">
 			<p>
-				Version de développement. Pour le site officiel actuel, allez sur <a href="https://librezo.com"><b>Librezo.com</b></a>.
+				Version de développement. Pour le site officiel actuel, allez sur <a href="https://librezo.fr"><b>Librezo.fr</b></a>.
 			</p>
 			<a href="#" onclick="document.getElementById('dev-warning').remove()">fermer</a>
 		</div>

templates/shortcodes/client_box.html

@@ -5,6 +5,6 @@
 		</div>
 	</div>
 	<div class="client_box-right">
-		<p class="client_box-text">{{text|safe}}</p>
+		<p class="client_box-text">{{body|safe}}</p>
 	</div>
 </div>