Clients quotes

content/_index.md

@@ -20,21 +20,21 @@ title = "Librezo"
 <div class="need_services">
 {{ need_box(title="Publier des vidéos") }}
 <div class="service_boxes">
-{{ service_box(href="https://joinpeertube.org", title="PeerTube", img="/img/peertube.svg") }}
+{{ service_box(href="https://joinpeertube.org", title="PeerTube", img="/img/solutions/peertube.svg") }}
 </div>
 </div>
 <div class="need_services">
 {{ need_box(title="Visioconférence") }}
 <div class="service_boxes">
-{{ service_box(href="https://bigbluebutton.org", title="BigBlueButton", img="/img/bigbluebutton.png") }}
+{{ service_box(href="https://bigbluebutton.org", title="BigBlueButton", img="/img/solutions/bigbluebutton.png") }}
-{{ service_box(href="https://jitsi.org", title="Jitsi", img="/img/jitsi.png") }}
+{{ service_box(href="https://jitsi.org", title="Jitsi", img="/img/solutions/jitsi.png") }}
 </div>
 </div>
 <div class="need_services">
 {{ need_box(title="Partage de fichiers") }}
 <div class="service_boxes">
-{{ service_box(href="https://framalibre.org/content/jirafeau", title="Jirafeau", img="/img/jirafeau.png") }}
+{{ service_box(href="https://framalibre.org/content/jirafeau", title="Jirafeau", img="/img/solutions/jirafeau.png") }}
-{{ service_box(href="https://linuxfr.org/news/un-nouveau-logiciel-libre-lufi", title="Lufi", img="/img/lufi.svg") }}
+{{ service_box(href="https://linuxfr.org/news/un-nouveau-logiciel-libre-lufi", title="Lufi", img="/img/solutions/lufi.svg") }}
 </div>
 </div>
 </div>
@@ -59,3 +59,23 @@ title = "Librezo"
 {{ process_box(number="6", title="Accompagnement administrateur", description="Devenez administrateur-système de votre propre infrastructure (plusieurs semaines).") }}
 {{ 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>
+
+<div class="client_boxes" style="margin-top: 64px;">
+{{ 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/>
+		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/>
+		En plus, ils sont gentils et ils sentent bon sous les bras..."
+) }}
+{{ 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."
+) }}
+</div>

sass/css/base.scss

@@ -1,5 +1,6 @@
 @import "defs";
 
+@import "clients";
 @import "footer";
 @import "header";
 @import "process";

sass/css/clients.scss

@@ -0,0 +1,45 @@
+@import "defs";
+
+.client_box {
+	display: flex;
+}
+
+.client_box-left {
+	flex: 38%;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+}
+
+.client_box-right {
+	flex: 62%;
+}
+
+.client_box-left-row {
+	width: 100%;
+	display: flex;
+	flex-direction: row;
+	justify-content: flex-end;
+}
+
+.client_box-img {
+	margin: 32px;
+}
+
+.client_box-text {
+	text-align: left;
+	max-width: 800px;
+	margin: 32px;
+	font-size: 110%;
+	line-height: 130%;
+}
+
+.client_box-text::before {
+	font-size: 96px;
+	content: "“";
+	color: #888;
+	position: relative;
+	left: -16px;
+	top: 40px;
+}

sass/css/footer.scss

@@ -18,7 +18,7 @@ footer {
 	flex: 1;
 }
 
-footer a {
+footer a, footer a:visited {
 	color: #fdb;
 }
 

templates/base.html

@@ -43,7 +43,7 @@
 				</div>
 				<div class="footer-pane">
 					<p>
-						Librezo propose une alternative aux services en ligne en favorisant l'auto-hébergement. Avec Debian 11 et ses solutions logicielles installées sur votre serveur, reprendre et garder le contrôle de vos données n'a jamais été aussi facile.
+						Librezo propose une alternative aux services en ligne en favorisant l'auto-hébergement. Avec un accompagnement sur mesure et des solutions logicielles libres installées sur votre serveur, reprendre et garder le contrôle de vos données n'a jamais été aussi facile.
 					</p>
 				</div>
 			</div>

templates/shortcodes/client_box.html

@@ -0,0 +1,10 @@
+<div class="client_box">
+	<div class="client_box-left">
+		<div class="client_box-left-row">
+			<a class="client_box-link" href="{{href|safe}}"><img class="client_box-img" src="{{img|safe}}" alt="{{title}}" title="{{title}}"/></a>
+		</div>
+	</div>
+	<div class="client_box-right">
+		<p class="client_box-text">{{text|safe}}</p>
+	</div>
+</div>