RGBStuffs passe en FR

NilsMT · Aug 14, 2024 · f6b5eea · f6b5eea
1 parent 465aab1
commit f6b5eea
Show file tree

Hide file tree

Showing 5 changed files with 30 additions and 34 deletions.
diff --git a/index.html b/index.html
@@ -9,7 +9,7 @@
     <link href="https://fonts.googleapis.com/css2?family=Comfortaa:wght@300..700&display=swap" rel="stylesheet">
     <script src="https://kit.fontawesome.com/a0107e3e1b.js" crossorigin="anonymous"></script>
     <link rel="icon" type="image/x-icon" href="assets/fav-icon.png">
-    <title>Nils Does Stuff</title>
+    <title>Nils Does Stuffs</title>
 </head>
 <body>
     <!-- header to dark theme and make text bigger -->

diff --git a/js/init.js b/js/init.js
@@ -20,6 +20,8 @@ dbh.Website.addSite("arch","A.R.C.H","https://www.roblox.com/games/8871746612/",
 
 dbh.Website.addSite("zrc","Z.R.C","https://www.roblox.com/games/7096759234/Zenium-Research-Center/",dbh.Category.Game,"Mon 1er jeu fait sur Roblox",["Lua","Roblox"])
 
+dbh.Website.addSite("aipr","A.I.P.R","https://www.roblox.com/games/18744063505/Arch-Industries-Potato-Reactor",dbh.Category.Game,"Mon 3ème jeu fait sur Roblox",["Lua","Roblox"])
+
 dbh.Website.addSite("animelist","Anime-List","https://anime-list-arcan.softr.app/",dbh.Category.Site,"Une liste d'anime faite sur Softr (non mise à jour)",["No-code"])
 
 dbh.Website.addSite("github","NilsMT","https://github.com/NilsMT",dbh.Category.Social,"Mon profil GitHub",["Code"])

diff --git a/rgbstuff/html/rgb_complementary_color.html b/rgbstuff/html/rgb_complementary_color.html
@@ -11,7 +11,7 @@
     <script src="https://kit.fontawesome.com/a0107e3e1b.js" crossorigin="anonymous"></script>
     <link rel="icon" type="image/x-icon" href="../assets/complementary_icon.png">
     <!--titre-->
-    <title>RGB to Complementary</title>
+    <title>RGB vers couleur complémentaire</title>
 </head>
 <body>
     <header>
@@ -21,12 +21,12 @@
     </header>
     <div class="boite flex-container">
         <div class="boite flex-item">
-            <h1 class="boite">RGB to Complementary Converter</h1>
+            <h1 class="boite">Convertisseur RGB vers couleur complémentaire</h1>
             <div class="color_input_output">
                 <div id="input" class>
 
                     <div class="color_box">
-                        <div class="txt">Color</div>
+                        <div class="txt">Couleur</div>
                         <input type="color" id="color_colorPicker" value="#ffffff">
                         <div class="values" id="color_colorValues">
                             <p id="input_hexValue">Hex: #ffffff</p>
@@ -37,7 +37,7 @@ <h1 class="boite">RGB to Complementary Converter</h1>
                 <img src="../assets/eq.png" id="eq"></img>
                 <div id="output">
                     <div class="color_box">
-                        <div class="txt">Complementary Color</div>
+                        <div class="txt">Couleur complémentaire</div>
                         <div id="output_scaleBox"></div>
                         <div class="values">
                             <p id="output_hexValue">Hex: #ffffff</p>
@@ -48,34 +48,28 @@ <h1 class="boite">RGB to Complementary Converter</h1>
             </div>
         </div>
         <div class="boite flex-item" id="howcont">
-            <h1 class="boite">What's a complementary color ?</h1> 
+            <h1 class="boite">C'est quoi une couleur complémentaire ?</h1> 
             <p>
-                Its the color that is opposite to the color you choose. <br>
-                It allows you to get a color that will be in contrast (the most noticeable) with the one you choose.
+                C'est une couleur qui est l'opposé d'une autre. <br>
+                Elle permet d'obtenir la meilleur couleur en contraste (la plus visible) avec une autre.
             </p>
-            <h1 class="boite">How it's calculated ?</h1> 
+            <h1 class="boite">Comment est-elle calculée ?</h1> 
             <p>
-               We take the <r>R</r>,<g>G</g> and <b>B</b> of our color and make this calculation :
+               On prend le <r>R</r>,<g>G</g> et <b>B</b> de notre couleur et on effectue ce calcul :
             </p>
             <p>
                 255 - <r>R</r>, 255 - <g>G</g>,  255 - <b>B</b>
             </p>
             <p>
-                This allows us to get the values for the complementary color !
+                Et on obtient notre couleur complémentaire !
             </p>
-            <h1 class="boite">Example</h1>
+            <h1 class="boite">Exemple</h1>
             <ul>
                 <li id="ex">255 - <r id="r">255</r> = <span class="resr">255</span> | 255 - <g id="g">255</g> = <span class="resg">255</span> | 255 - <b id="b">255</b> = <span class="resb">255</span></li>
                 <li id="fin">RGB : <r class="resr">255</r>, <g class="resg">255</g>, <b class="resb">255</b></li>
             </ul>
         </div>
     </div>
-    <!--
-        .container -> .boite
-        .bigstuff -> .color_input_output
-        .stuff -> .color_box
-
-    -->
     <script src="../js/complementary_color.js"></script>
     <!-- theme -->
     <script type="module" src="../../js/theme_manager.js"></script>

diff --git a/rgbstuff/html/rgb_grayscale_color.html b/rgbstuff/html/rgb_grayscale_color.html
@@ -11,7 +11,7 @@
     <script src="https://kit.fontawesome.com/a0107e3e1b.js" crossorigin="anonymous"></script>
     <link rel="icon" type="image/x-icon" href="../assets/grayscale_icon.png">
     <!--titre-->
-    <title>RGB to Grayscale</title>
+    <title>RGB vers échelle de gris</title>
 </head>
 <body>
     <!--
@@ -27,12 +27,12 @@
     </header>
     <div class="boite flex-container">
         <div class="boite flex-item">
-            <h1 class="boite">Grayscale to Color Converter</h1>
+            <h1 class="boite">Convertisseur RGB vers échelle de gris</h1>
             <div class="color_input_output">
                 <div id="input" class>
 
                     <div class="color_box">
-                        <div class="txt">Color</div>
+                        <div class="txt">Couleur</div>
                         <input type="color" id="color_colorPicker" value="#ffffff">
                         <div class="values" id="color_colorValues">
                             <p id="input_hexValue">Hex: #ffffff</p>
@@ -43,7 +43,7 @@ <h1 class="boite">Grayscale to Color Converter</h1>
                 <img src="../assets/eq.png" id="eq"></img>
                 <div id="output">
                     <div class="color_box">
-                        <div class="txt">Grayscale</div>
+                        <div class="txt">Échelle de gris</div>
                         <div id="output_scaleBox"></div>
                         <div class="values">
                             <p id="output_hexValue">Hex: #ffffff</p>
@@ -54,25 +54,25 @@ <h1 class="boite">Grayscale to Color Converter</h1>
             </div>
         </div>
         <div class="boite flex-item" id="howcont">
-            <h1 class="boite">What's a grayscaled color ?</h1> 
+            <h1 class="boite">C'est quoi une échelle de gris ?</h1> 
             <p>
-                Its the color that is the same in grayscale. <br>
-                It allow you to know how your color will look if the saturation is set to 0, <br>
-                when you print something only in black and white for example.
+                C'est une couleur qui ne possède pas de teinte <br>
+                Cela permet d'avoir un aperçu d'une couleur quand la saturation est à 0 <br>
+                quand on imprime en noir et blanc par exemple.
             </p>
-            <h1 class="boite">How it's calculated ?</h1> 
+            <h1 class="boite">Comment est-elle calculée ?</h1> 
             <p>
-                Our eyes are most sensitive to green, then red and blue. <br>
-                So, we obtain ratios according to that sensitivity (0.3 for red, 0.59 for green and 0.11 for blue). <br>
-                Then we take the <r>R</r>,<g>G</g> and <b>B</b> of our color and make this calculation :
+                Nos yeux sont les plus sensibles envers le vert puis le rouge et enfin le bleu. <br>
+                Donc on obtient des ratios en cohérences avec cette sensitivité (0.3 pour le rouge, 0.59 pour le vert et 0.11 pour le bleu). <br>
+                Ensuite on prend le <r>R</r>,<g>G</g> et <b>B</b> de notre couleur et on effectue ce calcul :
             </p>
             <p>
                 0.3 x <r>R</r> + 0.59 x <g>G</g> + 0.11 x <b>B</b>
             </p>
             <p>
-                This allows us to get a number, that will be the same for R,G and B of our grayscaled color !
+                Cela permet d'obtenir un nombre qui sera la même valeur pour le R, G et B de notre échelle de gris !
             </p>
-            <h1 class="boite">Example</h1>
+            <h1 class="boite">Exemple</h1>
             <ul>
                 <li id="ex">0.3 x <r id="r">255</r> + 0.59 x <g id="g">255</g> + 0.11 x <b id="b">255</b> ≃ <span class="res restot">255</span></li>
                 <li id="fin">RGB : <r class="res resr">255</r>, <g class="res resg">255</g>, <b class="res resb">255</b></li>

diff --git a/rgbstuff/js/init.js b/rgbstuff/js/init.js
@@ -4,9 +4,9 @@ let database = new dbh.Database()
 
 dbh.setDB(database)
 
-dbh.Website.addSite("gray","RGB to Grayscale","html/rgb_grayscale_color.html",dbh.Category.Site,"Transforme une couleur RGB en une couleur en niveaux de gris",["Échelle de gris"])
+dbh.Website.addSite("gray","RGB vers échelle de gris","html/rgb_grayscale_color.html",dbh.Category.Site,"Transforme une couleur RGB en une couleur en niveaux de gris",["Échelle de gris"])
 
-dbh.Website.addSite("comp","RGB to Complementary","html/rgb_complementary_color.html",dbh.Category.Site,"Transforme une couleur RGB en sa couleur complémentaire",["Complémentaire"])
+dbh.Website.addSite("comp","RGB vers couleur complémentaire","html/rgb_complementary_color.html",dbh.Category.Site,"Transforme une couleur RGB en sa couleur complémentaire",["Complémentaire"])
 
 
 dbh.createfilter(database.taglist)