wip service page technology

public/assets/translations/fr.json

 {
-    "kuadrado-home-description": "Basée en Ardèche à Vernoux en Vivarais, Kuadrado Software est une micro-entreprise créée en 2021.<br />Kuadrado Software développe des projets informatique dans une démarche d'exigence de qualité maximum et de minimalisme.<br /><br />Jeu vidéo&nbsp&nbsp|&nbsp&nbspWeb&nbsp&nbsp|&nbsp&nbspLogiciel&nbsp&nbsp|&nbsp&nbspprojets de recherche&nbsp&nbsp|&nbsp&nbspPédagogie numérique<br /><br />Tous les projets sont basés sur une approche libre et open-source.",
+    "kuadrado-home-description": "Basée en Ardèche à Vernoux en Vivarais, Kuadrado Software est une micro-entreprise créée en 2021.<br />Kuadrado Software développe des projets informatique dans une démarche d'exigence de qualité maximum et de minimalisme.<br /><br />Jeu vidéo&ensp;|&ensp;Web&ensp;|&ensp;Logiciel&ensp;|&ensp;Projets de recherche&ensp;|&ensp;Pédagogie numérique<br /><br />Tous les projets sont basés sur une approche libre et open-source.",
     "kuadrado-footer-copyleft": "Toutes les images du site ont été réalisées par mes soins et peuvent être réutilisées pour un usage personnel.",
     "games-description": "Créations vidéoludiques, jeux web et jeux PC, projets en cours.",
     "education-description": "S'approprier la technologie par le partage de connaissances.",

website/src/pages/service/service.js

@@ -90,7 +90,7 @@ class ServicePage extends WebPage {
                             tag: "section",
                             class: "img-left",
                             contents: [
-                                { tag: "img", width: 300, height: 300 },
+                                { tag: "img", width: 300, height: 300, src: `${images_url}/workcycle.svg` },
                                 {
                                     tag: "div",
                                     class: "section-data",
@@ -117,14 +117,50 @@ class ServicePage extends WebPage {
                         {
                             tag: "section",
                             contents: [
-                                { tag: "p", contents: "Pour une demande de devis ou un premier échange autour de votre projet" },
                                 {
                                     tag: "a",
                                     href: "mailto:contact@kuadrado-software.fr",
-                                    contents: "contact@kuadrado-software.fr"
-                                }
+                                    class: "contact-button",
+                                    contents: [
+                                        { tag: "span", class: "mail-icon", contents: "📧" },
+                                        { tag: "span", class: "btn-text", contents: "Demander un devis" }
+                                    ]
+                                },
+                                // { tag: "p", contents: "Pour une demande de devis ou un premier échange autour de votre projet" },
+                                // {
+                                //     tag: "a",
+                                //     href: "mailto:contact@kuadrado-software.fr",
+                                //     contents: "contact@kuadrado-software.fr"
+                                // }
                             ]
                         },
+                        {
+                            tag: "section",
+                            class: "techno-choices",
+                            contents: [
+                                {
+                                    tag: "div",
+                                    class: "section-data",
+                                    contents: [
+                                        { tag: "h3", contents: "Technologie" },
+
+                                        { tag: "p", contents: "Développement mutualisé d'élements logiciel open-source " },
+                                        {
+                                            tag: "ul", contents: [
+                                                "Rust: blablabla",
+                                                "Javascript: blablabla",
+                                                "Éco-conception, légèreté, blabla",
+                                            ].map(li_txt => {
+                                                return {
+                                                    tag: "li",
+                                                    contents: li_txt
+                                                }
+                                            })
+                                        }
+                                    ]
+                                }
+                            ]
+                        }
                     ]
                 }
             ]

website/src/pages/service/service.scss

@@ -31,6 +31,36 @@
                 }
             }
 
+            .mail-icon {
+                font-size: 40px;
+                position: relative;
+                top: 2px;
+            }
+
+            .contact-button {
+                display: flex;
+                align-items: center;
+                gap: 10px;
+                background-color: $blue_2;
+                padding: 10px 25px;
+                border-radius: 8px;
+                cursor: pointer;
+
+                .btn-text {
+                    color: $light_0;
+                    font-size: 22px;
+                    font-weight: bold;
+                }
+
+                &:hover {
+                    background-color: darken($blue_2, 10);
+
+                    span {
+                        color: white;
+                    }
+                }
+            }
+
             .section-data {
                 display: flex;
                 flex-direction: column;
@@ -50,6 +80,7 @@
 
 
 
+
                 ul {
 
                     li {
@@ -67,8 +98,6 @@
                     }
                 }
             }
-
-
         }
     }
 }
\ No newline at end of file