article:installation kuadrado

public/software-articles/watergun/watergun.txt

@@ -2,9 +2,9 @@ Watergun est un logiciel de création web fonctionnant entièrement hors ligne e
 
 Watergun est un outil que j'ai conçu au départ pour notre propre usage, pour pouvoir générer un ou plusieurs site web rapidement sur le même modèle, mais avec l'idée d'avoir quelque chose de plus léger (que ce soit du point du vue du site web créé ou du logiciel lui-même) que les outils les plus répandus pour ce genre d'usage. Par exemple Wordpress est un outil beaucoup plus puissant que celui-ci, mais il est aussi beaucoup plus lourd. Et parfois, quand on veut juste une pomme, on n'a pas forcément intérêt à transporter tout le verger avec soi !
 
-Finalement je n'ai pas utilisé Watergun pour créer le présent site (bien que j'en aie récupéré certains mécanismes) car le temps a manqué et le logiciel est encore loin d'être opérationnel. Mais j'espère que dans quelques temps il sera devenu un outil de création web léger et écologique digne d'intérêt !
+Finalement Watergun n'a pas été utilisé pour créer le présent site (bien que certains mécanismesen aient été récupérés) car le temps a manqué et que le logiciel est encore loin d'être opérationnel. Mais j'espère que dans quelques temps il sera devenu un outil de création web léger et écologique digne d'intérêt !
 
 Watergun est un logiciel libre open source sous license GNU GPLv3.
-Il est développé entièrement en Javascript / Node.js avec l'API https://www.electronjs.org/||Electron qui est sa seule dépendance.
+Il est développé entièrement en Javascript / Node.js avec l'API <a href="https://www.electronjs.org/">Electron</a> qui est sa seule dépendance.
 
 Pierre Jarriges - Développeur.

public/software-development/software-development.js

@@ -10,10 +10,10 @@ module.exports = {
 const { server_url } = require("./config");
 
 module.exports = {
-    images_url: `${server_url}/assets/images`,
-    news_articles_url: `${server_url}/news-articles`,
-    game_articles_url: `${server_url}/game-articles`,
-    software_articles_url: `${server_url}/software-articles`,
+    images_url: `${server_url}assets/images`,
+    news_articles_url: `${server_url}news-articles`,
+    game_articles_url: `${server_url}game-articles`,
+    software_articles_url: `${server_url}software-articles`,
 };
 
 },{"./config":1}],3:[function(require,module,exports){
@@ -92,16 +92,16 @@ const { fetchjson, fetchtext } = require("./fetch");
 
 function getArticleBody(text) {
     return text
-        .split(" ")
-        .map(word => {
-            if (word.includes("http://") || word.includes("https://")) {
-                const splitword = word.split("||");
-                const href = splitword[0].match(/http.+/);
-                const text = splitword.length > 1 ? splitword[1].replaceAll("_", " ") : href;
-                return word.replace(/http.*/, `<a href=${href} target="_blank">${text}</a>`);
-            } else return word;
-        })
-        .join(" ")
+        // .split(" ")
+        // .map(word => {
+        //     if (word.includes("http://") || word.includes("https://")) {
+        //         const splitword = word.split("||");
+        //         const href = splitword[0].match(/http.+/);
+        //         const text = splitword.length > 1 ? splitword[1].replaceAll("_", " ") : href;
+        //         return word.replace(/http.*/, `<a href=${href} target="_blank">${text}</a>`);
+        //     } else return word;
+        // })
+        // .join(" ")
         .replaceAll("\n", "<br/>");
 }
 
@@ -478,11 +478,12 @@ class SoftwareDevelopment {
                                 { tag: "h1", contents: "Software" },
                                 {
                                     tag: "p",
-                                    contents: `Développement web et outillage autour du gamedev. 
-                                    <br />Si nous avons besoin d'un service logiciel simple et qu'il 
+                                    contents: `Développement web, moteur de jeux ou outillage logiciel, 
+                                    si nous avons besoin d'un service numérique et qu'il 
                                     est pertinent (ou juste que ça nous fait plaisir) de le développer 
                                     nous-même, nous essayons au maximum de le réaliser de façon générique 
-                                    et de le publier sous license libre et open source.`,
+                                    et de le publier sous license libre et open source.
+                                    <br/><br/>Nous pouvons également fournir ce service pour d'autres entreprises.`,
                                 },
                             ],
                         },

public/style/style.css

@@ -1029,12 +1029,11 @@ main #page-container #software-page .software-articles article.software-article
   font-style: italic;
 }
 main #page-container #software-page .software-articles article.software-article .software-technical table {
-  border: 1px solid #96a5ae;
   border-collapse: collapse;
   margin: 10px 20px;
 }
 main #page-container #software-page .software-articles article.software-article .software-technical table tr td {
-  border: 1px solid #96a5ae;
+  border: 1px solid #6b7880;
   color: #d4d9dd;
   padding: 10px 20px;
 }
@@ -1046,6 +1045,7 @@ main #page-container #software-page .software-articles article.software-article
 }
 main #page-container #software-page .software-articles article.software-article .software-technical table tr td:last-child ul {
   display: flex;
+  flex-wrap: wrap;
   gap: 10px;
 }
 @media screen and (max-width: 1300px) {

src/homepage.js

@@ -81,7 +81,7 @@ class HomePage {
                             title: "Software",
                             img: "meca_proc.svg",
                             href: "/software-development/",
-                            description: `Quand nous avons besoin d'un outil logiciel, nous aimons bien le fabriquer nous même si possible et si ça nous amuse ! 
+                            description: `Quand nous avons besoin d'un outil numérique, développement web, moteur de jeux ou outillage logiciel, nous aimons bien le fabriquer nous-même si c'est possible ... et si ça nous amuse ! 
                                 <br/>Retrouvez nos projets software en détail sur cette page.`,
                         },
                         {

src/lib/article-utils.js

@@ -4,16 +4,16 @@ const { fetchjson, fetchtext } = require("./fetch");
 
 function getArticleBody(text) {
     return text
-        .split(" ")
-        .map(word => {
-            if (word.includes("http://") || word.includes("https://")) {
-                const splitword = word.split("||");
-                const href = splitword[0].match(/http.+/);
-                const text = splitword.length > 1 ? splitword[1].replaceAll("_", " ") : href;
-                return word.replace(/http.*/, `<a href=${href} target="_blank">${text}</a>`);
-            } else return word;
-        })
-        .join(" ")
+        // .split(" ")
+        // .map(word => {
+        //     if (word.includes("http://") || word.includes("https://")) {
+        //         const splitword = word.split("||");
+        //         const href = splitword[0].match(/http.+/);
+        //         const text = splitword.length > 1 ? splitword[1].replaceAll("_", " ") : href;
+        //         return word.replace(/http.*/, `<a href=${href} target="_blank">${text}</a>`);
+        //     } else return word;
+        // })
+        // .join(" ")
         .replaceAll("\n", "<br/>");
 }
 

src/pages/software-development/software-development.js

@@ -35,11 +35,12 @@ class SoftwareDevelopment {
                                 { tag: "h1", contents: "Software" },
                                 {
                                     tag: "p",
-                                    contents: `Développement web et outillage autour du gamedev. 
-                                    <br />Si nous avons besoin d'un service logiciel simple et qu'il 
+                                    contents: `Développement web, moteur de jeux ou outillage logiciel, 
+                                    si nous avons besoin d'un service numérique et qu'il 
                                     est pertinent (ou juste que ça nous fait plaisir) de le développer 
                                     nous-même, nous essayons au maximum de le réaliser de façon générique 
-                                    et de le publier sous license libre et open source.`,
+                                    et de le publier sous license libre et open source.
+                                    <br/><br/>Nous pouvons également fournir ce service pour d'autres entreprises.`,
                                 },
                             ],
                         },

src/pages/software-development/software-development.scss

@@ -63,12 +63,11 @@
                     font-style: italic;
                 }
                 table {
-                    border: 1px solid $light_1;
                     border-collapse: collapse;
                     margin: 10px 20px;
                     tr {
                         td {
-                            border: 1px solid $light_1;
+                            border: 1px solid $medium_grey;
                             color: $light_0;
                             padding: 10px 20px;
                             *:not(a) {
@@ -80,6 +79,7 @@
                             &:last-child {
                                 ul {
                                     display: flex;
+                                    flex-wrap: wrap;
                                     gap: 10px;
                                 }
                             }