Refonte de la page de services (fix #6).

assets/production/css/style.css

@@ -95,7 +95,8 @@ abbr {
   margin-bottom: 1em;
 }
 
-.Button {
+.button {
+  margin: 0 1em 0 1em;
   padding: 8px 24px;
   background: #373d3f;
   color: #fff;
@@ -108,6 +109,10 @@ abbr {
   display: inline-block;
 }
 
+.violet {
+  background: blueviolet;
+}
+
 .tac {
   text-align: center;
 }
@@ -179,6 +184,12 @@ nav section ul li {
   font-size: 1.5em;
 }
 
+.services {
+  border: lightblue 4px solid;
+  padding: 0.6em;
+
+}
+
 .services-title {
   position: relative;
   padding-left: 64px;
@@ -244,6 +255,33 @@ nav section ul li {
   background: #b9daf6 url(/images/uicons/key.svg) center center no-repeat;
 }
 
+.services-software {
+  margin-top: 2em;
+}
+
+.services-software div {
+  display: flex;
+  justify-content: space-evenly;
+  padding-top: 1em;
+  padding-bottom: 1em;
+}
+
+.services-link a {
+  align-self: center;
+}
+
+.services-link img {
+  height: 2em;
+}
+
+.services-link p {
+  align-self: center;
+  font-size: small;
+  font-weight: bold;
+  padding-left: 0.8em;
+  width: 4em;
+}
+
 .frame {
   border: 1px black solid;
   overflow: hidden;
@@ -331,7 +369,7 @@ nav section ul li {
     grid-template-columns: repeat(2, 1fr);
     grid-template-rows: 1fr;
     grid-column-gap: 64px;
-    grid-row-gap: 0;
+    grid-row-gap: 64px;
   }
 
   .Two-cols-Two-rows {

assets/production/images/uicons/copyright.svg

@@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" id="Outline" viewBox="0 0 24 24" width="24" height="24"><path d="M12,0A12,12,0,1,0,24,12,12.013,12.013,0,0,0,12,0Zm0,22A10,10,0,1,1,22,12,10.011,10.011,0,0,1,12,22Z"/><path d="M15.536,8.464A1,1,0,0,0,16.95,7.05a7,7,0,1,0,0,9.9,1,1,0,0,0-1.414-1.414,5,5,0,1,1,0-7.072Z"/></svg>

assets/production/images/uicons/files.svg

@@ -0,0 +1 @@
+<svg id="Layer_1" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg" data-name="Layer 1"><path d="m13 20a5.006 5.006 0 0 0 5-5v-8.757a3.972 3.972 0 0 0 -1.172-2.829l-2.242-2.242a3.972 3.972 0 0 0 -2.829-1.172h-4.757a5.006 5.006 0 0 0 -5 5v10a5.006 5.006 0 0 0 5 5zm-9-5v-10a3 3 0 0 1 3-3s4.919.014 5 .024v1.976a2 2 0 0 0 2 2h1.976c.01.081.024 9 .024 9a3 3 0 0 1 -3 3h-6a3 3 0 0 1 -3-3zm18-7v11a5.006 5.006 0 0 1 -5 5h-9a1 1 0 0 1 0-2h9a3 3 0 0 0 3-3v-11a1 1 0 0 1 2 0z"/></svg>

assets/production/images/uicons/home.svg

@@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" id="Outline" viewBox="0 0 24 24" width="24" height="24"><path d="M23.121,9.069,15.536,1.483a5.008,5.008,0,0,0-7.072,0L.879,9.069A2.978,2.978,0,0,0,0,11.19v9.817a3,3,0,0,0,3,3H21a3,3,0,0,0,3-3V11.19A2.978,2.978,0,0,0,23.121,9.069ZM15,22.007H9V18.073a3,3,0,0,1,6,0Zm7-1a1,1,0,0,1-1,1H17V18.073a5,5,0,0,0-10,0v3.934H3a1,1,0,0,1-1-1V11.19a1.008,1.008,0,0,1,.293-.707L9.878,2.9a3.008,3.008,0,0,1,4.244,0l7.585,7.586A1.008,1.008,0,0,1,22,11.19Z"/></svg>