diff --git a/public/assets/images/toolcase.svg b/public/assets/images/toolcase.svg
new file mode 100644
index 0000000000000000000000000000000000000000..f1a8e2c74adfd758293bdfb4f52c90af84092d40
--- /dev/null
+++ b/public/assets/images/toolcase.svg
@@ -0,0 +1,165 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ width="157.39534mm"
+ height="88.646004mm"
+ viewBox="0 0 157.39534 88.646004"
+ version="1.1"
+ id="svg8"
+ inkscape:version="1.0.2 (e86c870879, 2021-01-15)"
+ sodipodi:docname="toolcase.svg">
+ <defs
+ id="defs2" />
+ <sodipodi:namedview
+ id="base"
+ pagecolor="#ffffff"
+ bordercolor="#666666"
+ borderopacity="1.0"
+ inkscape:pageopacity="0.0"
+ inkscape:pageshadow="2"
+ inkscape:zoom="1.4142136"
+ inkscape:cx="350.26113"
+ inkscape:cy="180.75442"
+ inkscape:document-units="mm"
+ inkscape:current-layer="layer1"
+ inkscape:document-rotation="0"
+ showgrid="false"
+ fit-margin-top="0"
+ fit-margin-left="0"
+ fit-margin-right="0"
+ fit-margin-bottom="0"
+ inkscape:window-width="1920"
+ inkscape:window-height="1029"
+ inkscape:window-x="1920"
+ inkscape:window-y="27"
+ inkscape:window-maximized="1"
+ inkscape:snap-global="true" />
+ <metadata
+ id="metadata5">
+ <rdf:RDF>
+ <cc:Work
+ rdf:about="">
+ <dc:format>image/svg+xml</dc:format>
+ <dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+ <dc:title />
+ </cc:Work>
+ </rdf:RDF>
+ </metadata>
+ <g
+ inkscape:label="Calque 1"
+ inkscape:groupmode="layer"
+ id="layer1"
+ transform="translate(-21.703758,-47.153802)">
+ <g
+ id="g94"
+ transform="translate(-13.188179,-0.02271518)">
+ <path
+ style="fill:#fefefe;stroke-width:0.0846667"
+ d="m 153.14358,87.115244 c -1.05331,-11.133934 20.66247,-16.771121 25.50305,0.457094 z"
+ id="path142"
+ sodipodi:nodetypes="ccc" />
+ <path
+ style="fill:#a5a7a4;stroke-width:0.0846667"
+ d="m 62.727652,66.603489 c -1.62889,-0.758604 -3.957833,-2.53633 -4.612973,-5.193281 -0.761081,-3.086597 1.584483,-6.272433 1.584483,-6.272433 l 1.845885,7.698829 c 1.456974,1.343127 5.399939,0.650532 6.012652,-1.376483 l -1.905178,-7.665712 c 2.08554,0.959421 3.795276,3.067501 4.299254,4.854442 0.599485,2.496898 -0.544947,5.295658 -1.774701,6.644593 l 5.649683,21.083741 h -5.654265 z m 86.983488,12.851287 c 0.1763,-0.14231 23.7738,-6.471115 24.13156,-6.471115 0.22797,0 0.37876,0.062 0.44417,0.166742 0.0524,0.08387 0.79957,3.113698 1.73837,6.627104 0.93879,3.513406 1.8318,6.593766 1.8318,6.593766 l -0.84533,0.0059 c -1.7229,-6.429946 -6.4393,-10.607823 -14.33766,-8.863343 -8.33778,2.234103 -9.09827,8.863343 -9.09827,8.863343 h -2.23601 c 0,0 -1.96104,-6.628887 -1.62863,-6.922409 z"
+ id="path134"
+ sodipodi:nodetypes="ccccccccccccsssccccccc" />
+ <path
+ style="fill:#e5ce00;stroke-width:0.0846667"
+ d="m 147.03763,75.578928 27.17331,-7.276818 c 1.53323,-0.410828 2.2246,0.311482 2.5277,1.442684 l 4.61288,16.626255 -3.02111,0.0061 -3.68659,-13.386084 c -0.12807,-0.47797 -0.42317,-0.692339 -0.82671,-0.58421 0,0 -5.22409,1.300294 -12.27573,3.188983 l -11.90753,3.189276 -0.27937,0.522877 -0.27937,0.522877 0.86273,3.221472 c 0.47451,1.77181 0.87936,3.297114 0.87936,3.325532 l -3.28681,0.003 -2.21885,-8.483609 c 0.0207,-1.485743 0.17814,-1.857199 1.72609,-2.318373 z"
+ id="path132"
+ sodipodi:nodetypes="cccccccscccsccccc" />
+ <path
+ style="fill:#c78600;stroke-width:0.0846667"
+ d="m 98.139815,71.863472 c 0,0 2.171995,-7.779898 3.253835,-7.982331 1.51148,-0.05875 39.14528,22.571978 39.14528,22.571978 l -13.54421,-0.023 -20.47478,-11.54231 c 0,0 -5.02287,4.354707 -6.3921,5.725539 l -5.757101,5.76384 H 83.873954 Z"
+ id="path126"
+ sodipodi:nodetypes="ccccccccc" />
+ <path
+ style="fill:#405da6;stroke-width:0.0846667"
+ d="m 39.757293,86.413193 c -0.624191,1.051053 -0.913001,-4.835139 0.805008,-5.671835 0.551338,-0.261933 3.41198,0.541039 3.903009,0.427239 0.473307,-0.126822 0.83404,-1.259115 1.661398,-1.480805 0.855927,-0.229345 1.97173,0.707147 2.473666,0.572653 0.45675,-0.134878 0.475457,-1.022277 1.331038,-1.251529 0.952358,-0.255183 1.997388,0.145569 2.367602,0.04637 0.425773,-0.114086 1.227025,-1.166629 1.227025,-1.166629 l 2.018586,1.143292 1.984311,7.39925 c -0.410648,-0.01383 -1.24844,-0.01466 -1.24844,-0.01466 l -1.032245,-3.634994 -12.920089,3.595639 z"
+ id="path124"
+ sodipodi:nodetypes="cccccccccccccc" />
+ <path
+ style="fill:#d26d00;stroke-width:0.0846667"
+ d="m 128.1778,79.080102 c 4.76686,-8.474187 3.90966,-22.340486 18.46305,-22.436704 9.90362,-0.195136 14.7059,6.880129 16.76339,14.55881 l -0.95991,0.233518 c -1.97589,-7.374152 -6.84764,-13.780612 -15.72124,-13.781299 -13.99638,0.420678 -12.10645,12.491823 -17.58912,21.988091 z"
+ id="path122"
+ sodipodi:nodetypes="ccccccc" />
+ <path
+ style="fill:#5e656c;stroke-width:0.0846667"
+ d="m 77.049681,77.293181 c 8.955439,-2.378624 9.324872,0.798026 1.088923,2.585451 -0.587941,-0.226992 -1.363417,-1.68328 -1.088923,-2.585451 z"
+ id="path120"
+ sodipodi:nodetypes="ccc" />
+ <path
+ style="fill:#646664;stroke-width:0.0846667"
+ d="m 52.761433,77.487185 h -3.51927 l -6.707384,-7.215293 6.881587,6.376791 c 0,0 4.05534,-0.514235 4.053525,-0.513921 l 14.144272,8.165353 0.558329,2.07707 z"
+ id="path118"
+ sodipodi:nodetypes="cccccccc" />
+ <path
+ style="fill:#c0614f;fill-opacity:1;stroke-width:0.0846667"
+ d="m 48.829257,114.31832 130.981813,-0.0404 -0.0902,21.54218 -130.828043,0.003 z M 42.562713,98.399853 H 185.53486 l 0.11553,14.516957 -143.159507,0.016 z M 35.992604,47.176517 H 191.18661 V 96.960519 H 35.992604 Z M 188.39261,52.849184 H 38.786604 V 86.377185 H 188.39261 Z"
+ id="path116"
+ sodipodi:nodetypes="cccccccccccccccccccc" />
+ <path
+ style="fill:#565855;stroke-width:0.0846667"
+ d="m 139.69975,85.95062 3.07868,-11.306814 c 0,0 2.89173,-1.402781 3.62388,-4.135199 0.66844,-2.494641 -2.76651,-4.882238 -2.76651,-4.882238 3.17468,0.919746 3.9885,2.995967 3.72795,5.205541 -0.63766,3.624908 -3.89209,4.143975 -3.89209,4.143975 l -3.15376,11.343758 z m -0.9171,-15.207099 0.70818,-2.654139 2.20958,-1.185531 0.79383,0.19834 -2.33861,1.198049 -0.7075,2.566022 1.04278,1.851269 -0.66904,-0.180272 z"
+ id="path112"
+ sodipodi:nodetypes="ccccccccccccccccc" />
+ <path
+ style="fill:#32497f;stroke-width:0.0846667"
+ d="m 43.351219,84.571028 c 0.495792,-0.286246 1.301217,0.180574 1.973745,3.7e-4 0.468894,-0.125639 0.973732,-0.649714 1.486189,-0.787026 0.567461,-0.152051 1.845261,-0.01576 2.312061,-0.140845 0.378336,-0.10138 0.807873,-0.683883 1.410398,-0.845329 0.570072,-0.152751 1.959596,0.252213 2.395554,0.135398 0.456056,-0.1222 0.515183,-0.833193 1.239725,-1.027333 0.615091,-0.164813 1.07936,0.87528 1.07936,0.87528 l 1.025403,3.597088 -13.9508,-0.0015 c 0,0 0.599885,-1.558769 1.028365,-1.806151 z"
+ id="path110"
+ sodipodi:nodetypes="cccsccccccc" />
+ <path
+ style="fill:#f80000;stroke-width:0.0846667"
+ d="m 167.43647,79.82665 c 0.24387,-0.735913 0.49373,-0.815022 0.352,0.03688 l -1.08408,6.515835 -0.85806,-0.0022 z"
+ id="path108"
+ sodipodi:nodetypes="csccc" />
+ <path
+ style="fill:#525451;stroke-width:0.0846667"
+ d="m 105.95892,74.478431 c 1.23892,-0.107965 20.94601,11.898803 20.94601,11.898803 l -10.41129,0.0013 c 0,0 -10.20984,-6.306537 -10.82079,-6.306537 -0.60139,0.0018 -6.392746,6.305239 -6.392746,6.305239 h -2.454682 -2.454683 c 0,0 10.178881,-11.815452 11.588181,-11.89876 z"
+ id="path106"
+ sodipodi:nodetypes="ccccccccc" />
+ <path
+ style="fill:#494b59;stroke-width:0.0846667"
+ d="m 56.552081,82.787216 3.701438,-1.038843 1.903794,1.102932 -5.19934,1.453484 z m 16.055654,-4.34814 5.497855,-1.415332 c 0,0 -0.682282,0.322218 -0.9018,0.529263 0.369207,0.169817 4.27988,-1.000035 4.89762,-0.740595 0.422317,0.403896 -3.590063,1.242478 -4.574714,1.73233 l 0.271252,0.05942 -4.78348,1.357551 z"
+ id="path104"
+ sodipodi:nodetypes="ccccccccccccc" />
+ <path
+ style="fill:#784b41;fill-opacity:1;stroke-width:0.0846667"
+ d="m 42.490883,112.93281 143.159507,-0.016 -5.83932,1.36111 -130.981813,0.0402 z M 35.992604,96.960519 h 77.597006 77.597 v 0.719667 0.719667 h -77.597 -71.026897 z"
+ id="path102"
+ sodipodi:nodetypes="ccccccccccccc" />
+ <path
+ style="fill:#353b42;stroke-width:0.0846667"
+ d="m 56.957973,84.304789 5.19934,-1.453484 1.546348,0.889798 -6.428749,1.76406 z m 16.056495,-4.343074 4.78348,-1.357551 c 4.418415,-1.077192 4.874207,-1.530156 6.009305,-1.136692 -0.194974,0.417966 -1.272041,1.275187 -4.596228,2.127076 l -5.864584,1.60517 z"
+ id="path100"
+ sodipodi:nodetypes="ccccccccccc" />
+ <path
+ style="fill:#167400;stroke-width:0.0846667"
+ d="m 122.56999,75.75621 c 4.89964,-8.486431 6.57683,-11.890851 12.52542,-13.417833 -0.23819,0.330307 -0.59054,0.938935 -0.74322,1.205285 -4.11437,1.102441 -5.95881,4.270783 -10.97747,12.686799 z m 13.20658,-12.470943 c 0.19696,-0.328611 0.58765,-0.885758 0.77587,-1.130476 7.57042,-0.447012 17.15361,1.302248 20.19204,10.838767 0,0 -0.66487,0.203058 -1.13357,0.292009 -3.63616,-9.689124 -13.63138,-10.420867 -19.83434,-10.0003 z"
+ id="path98"
+ sodipodi:nodetypes="cccccccccc" />
+ <path
+ style="fill:#252724;stroke-width:0.0846667"
+ d="m 78.360153,79.327622 c -0.170417,-0.636006 4.552326,-1.593628 4.643313,-1.477354 0.06974,0.263787 -0.832811,0.58151 -3.780614,1.65964 -0.297075,0.0796 -0.752327,0.229628 -0.862699,-0.182286 z"
+ id="path96"
+ sodipodi:nodetypes="cccc" />
+ <path
+ style="fill:#80827f;stroke-width:0.0846667"
+ d="m 34.891937,83.329185 h 1.100667 v 6.434667 H 34.891937 Z M 191.18661,83.159852 h 1.10067 v 6.434667 h -1.10067 z M 73.826757,86.377185 68.177074,65.293444 c 0,0 2.602859,-3.227233 1.669332,-6.690814 -0.855509,-3.192803 -4.193885,-4.808221 -4.193885,-4.808221 1.07908,0.07484 4.293546,1.839809 5.047399,4.653229 0.773009,2.884908 -0.798589,5.713214 -1.687315,6.492189 0,0 3.182396,11.873234 4.793374,17.804701 l 6.93858,3.695118 z m 62.186903,-2.63456 2.76427,-10.097175 c 0,0 -1.8055,-2.083959 -1.06734,-4.838819 0.64456,-2.405531 3.97583,-3.646455 5.92521,-3.180262 2.24119,0.600524 3.47371,3.029781 2.93569,5.425223 -0.8734,3.259583 -3.79306,3.592214 -3.79306,3.592214 l -3.07868,11.306814 z m 8.73428,-11.819459 0.54934,-2.308424 -1.08216,-2.076077 -2.51471,-0.634814 -2.20956,1.185531 -0.70818,2.654139 c -2e-5,0 1.0392,1.793738 1.0392,1.793738 l 2.97845,0.794077 z m -91.276234,4.211282 -4.05534,0.514235 -6.881587,-6.376791 1.881094,-3.198707 9.278744,2.622874 1.864924,3.210847 10.640903,6.131652 1.413719,5.261557 -14.142455,-8.165667 z"
+ id="path128"
+ sodipodi:nodetypes="cccccccccccccccccccccccccccccccccccccccccccccc" />
+ <path
+ style="fill:#908400;stroke-width:0.0846667"
+ d="m 149.07511,79.830906 c -0.12458,-0.464933 -0.1368,-0.859378 0.55877,-1.045756 l 11.90753,-3.189276 c 6.54914,-1.754103 12.2306,-3.188983 12.2306,-3.188983 0.43915,-0.117669 0.73771,0.01033 0.85585,0.490744 0,0 0.83272,2.836906 1.86636,6.696041 0.9471,3.536014 1.80422,6.682792 1.83619,6.783511 l -0.47337,-0.0059 -1.79423,-6.471087 c -0.97886,-3.530358 -1.7669,-6.520392 -1.82222,-6.625167 -0.0786,-0.148934 -0.17433,-0.1905 -0.43853,-0.1905 -0.36178,0 -23.98445,6.295995 -24.08884,6.50669 -0.11523,0.177162 1.62655,6.78598 1.62655,6.78598 l -0.52257,7.25e-4 z"
+ id="path114"
+ sodipodi:nodetypes="ccscssccscscccc" />
+ </g>
+ </g>
+</svg>
diff --git a/public/assets/translations/en.json b/public/assets/translations/en.json
index bb9a4657bd7973d1385b86623961b73a20950218..66134637aeaaf93a0efcf9d266388dc4ad8393fa 100644
--- a/public/assets/translations/en.json
+++ b/public/assets/translations/en.json
@@ -2,7 +2,7 @@
"Simplicité": "Simplicity",
"Légèreté": "Lightness",
"Écologie": "Ecology",
- "kuadrado-home-description": "Based in Vernoux en Vivarais in the Ardèche, Kuadrado Software is a micro-enterprise created in 2021 by Pierre Jarriges.<br />Kuadrado Software develops IT projects with a focus on maximum quality and minimalism.<br /><br />Video game | Web | Software | Research projects | Digital pedagogy<br /><br />All projects are based on a free and open-source approach.",
+ "kuadrado-home-description": "Based in Vernoux en Vivarais in the Ardèche, Kuadrado Software is a micro-enterprise created in 2021 by Pierre Jarriges.<br />Kuadrado Software develops IT projects with a focus on maximum quality and minimalism.<br /><br />Video game | Web | Software | Research projects | Digital pedagogy<br /><br />All projects are based on a free and open-source approach.",
"Site en construction ...": "Website in construction...",
"Sur les réseaux": "On the networks",
"kuadrado-footer-copyleft": "All images on this website were made by me and may be reused for personal usage.",
@@ -14,7 +14,7 @@
"software-description": "R&D, experimental projects, web and software tools",
"games-page-intro": "Creation of independent video games - web games, PC games and projects in development",
"Jouer": "Play",
- "edu-page-intro": "Workshops, courses, workshops and private lessons accessible to all. Programming, 2D graphics, video games, computer popularisation, etc.",
+ "edu-page-intro": "Workshops, courses, workshops and private lessons accessible to all.<br />Programming, 2D graphics, video games, computer popularisation, etc.",
"Programmation": "Programming",
"edu-learn-coding": "<b>Break the code wall!</b><br />Learn to program with different languages (Python, Javascript, ...), for web, software, video game or other.",
"Dessin numérique et animation 2D": "Digital drawing and 2D animation",
@@ -32,6 +32,6 @@
"software-page-intro": "R&D, experimental projects, software tools for game development or for the web.",
"Programme XXXX": "{%date%} program",
"Rien de prévu pour le moment": "Nothing planned for the moment",
- "service-page-intro": "Kuadrado Software offers small organisations with limited resources the development of customised IT solutions.<br /><br />Websites | Business applications | Management software ...<br /><br />Kuadrado's values are based on simplicity and honesty, with the aim of developing simple, effective and lightweight solutions to meet real needs.",
+ "service-page-intro": "Kuadrado Software offers small organisations with limited resources the development of customised IT solutions.<br /><br />Websites | Business applications | Management software ...<br /><br />Kuadrado's values are based on simplicity and honesty, with the aim of developing simple, effective and lightweight solutions to meet real needs.",
"service-description": "Customised development of IT solutions. Websites, business applications, management software ..."
}
\ No newline at end of file
diff --git a/public/assets/translations/fr.json b/public/assets/translations/fr.json
index 48f0e714524291ce0e878e995814271cf711fd17..3cd3fb770244f267d8029bc35115743e6072e8f5 100644
--- a/public/assets/translations/fr.json
+++ b/public/assets/translations/fr.json
@@ -5,7 +5,7 @@
"education-description": "S'approprier la technologie par le partage de connaissances.",
"software-description": "R&D, projets expérimentaux, web et outillage logiciel",
"games-page-intro": "Création de jeux vidéos indépendants.<br/>Jeux web, PC et projets en cours de développement",
- "edu-page-intro": "Ateliers, stages, workshops et cours particuliers accessibles à tous. Programmation, graphisme 2D, jeux vidéo, vulgarisation informatique, etc.",
+ "edu-page-intro": "Ateliers, stages, workshops et cours particuliers accessibles à tous.<br />Programmation, graphisme 2D, jeux vidéo, vulgarisation informatique, etc.",
"edu-learn-coding": "<b>Franchissez le mur du code !</b><br />Apprenez à programmer avec différents langages (Python, Javascript, ...), pour du web, du logiciel, du jeu vidéo ou autre.",
"edu-learn-2d": "Apprenez à utiliser des logiciels libres de création graphique 2D et d'animation.<br />Créez des personnages et des décors, menez votre projet de dessin animé, d'illustration ou de jeu vidéo.",
"edu-learn-math": "Abordez les notions fondamentales de façon décontractée pour le plaisir de comprendre en s'appuyant sur les domaines d'application du jeu vidéo.",
@@ -14,6 +14,6 @@
"edu-learn-mentalo": "Créez un jeu en quelques séances avec l'application Mentalo. Manipulez des concepts logiques, narratifs et artistiques avec le maximum de simplicité.",
"software-page-intro": "R&D, projets expérimentaux, outillage logiciel pour le développement de jeu ou pour le web.",
"Programme XXXX": "Programme {%date%}",
- "service-page-intro": "Kuadrado Software propose aux petites structures à faibles moyens le développement sur mesure de solutions informatiques.<br /><br />Sites web | Applications métier | Logiciels de gestion ...<br /><br />Les valeurs de Kuadrado sont tournées vers la simplicité et l'honnêteté en se donnant pour objectif de développer des solutions simples, efficaces et légères pour répondre à des besoins réels.",
+ "service-page-intro": "Kuadrado Software propose aux petites structures à faibles moyens le développement sur mesure de solutions informatiques.<br /><br />Sites web | Applications métier | Logiciels de gestion ...<br /><br />Les valeurs de Kuadrado sont tournées vers la simplicité et l'honnêteté en se donnant pour objectif de développer des solutions simples, efficaces et légères pour répondre à des besoins réels.",
"service-description": "Développement sur mesure de solutions informatiques. Sites web, applications métiers, logiciels de gestion ..."
}
\ No newline at end of file
diff --git a/website/src/article-vew-components/game-article.js b/website/src/article-vew-components/game-article.js
index d611a779b45dec1c902c0c32b07cc268f31205ff..aec8b28956f4dbfc2b391bcc6699efa01c7969b6 100644
--- a/website/src/article-vew-components/game-article.js
+++ b/website/src/article-vew-components/game-article.js
@@ -39,7 +39,7 @@ class GameArticle {
this.render_play_button = {
tag: "button",
class: "play-button",
- contents: "â–¶ï¸ " + t("Jouer"),
+ contents: "â–¶ï¸ " + t("Jouer"),
onclick: this.handle_click_play.bind(this, button_data.fileurl, button_data.engine)
};
}
diff --git a/website/src/homepage.js b/website/src/homepage.js
index 3e4f5a53c96424182cc55e86b9e3401e7c3a3f67..93353fb1e1f5e29c981ff22bc1e8258e12e04806 100644
--- a/website/src/homepage.js
+++ b/website/src/homepage.js
@@ -78,7 +78,7 @@ class HomePage extends WebPage {
},
{
title: "Service",
- img: images_url + "/meca_proc.svg",
+ img: images_url + "/toolcase.svg",
href: "/service/",
description: t("service-description"),
},
diff --git a/website/src/pages/education/education.js b/website/src/pages/education/education.js
index 2f9f80a1af83b7f009c029e62aa326a57addf789..c2db38ead041cf77c736e95bde9cef8a19329b05 100644
--- a/website/src/pages/education/education.js
+++ b/website/src/pages/education/education.js
@@ -63,7 +63,11 @@ class EducationPage extends WebPage {
},
],
},
- { tag: "h1", contents: t("Pédagogie") },
+ {
+ tag: "div",
+ class: "title-box",
+ contents: [{ tag: "h1", contents: t("Pédagogie") },]
+ },
{
tag: "p",
contents: t("edu-page-intro"),
diff --git a/website/src/pages/games/games.js b/website/src/pages/games/games.js
index 0efb4d587d66e8aec452c078f9d7fbefa6084c5c..8d2d708bf0b6deb543b8b020ac9bd662a0a70ed7 100644
--- a/website/src/pages/games/games.js
+++ b/website/src/pages/games/games.js
@@ -29,7 +29,11 @@ class GamesPage extends WebPage {
},
],
},
- { tag: "h1", contents: t("Jeux") },
+ {
+ tag: "div",
+ class: "title-box",
+ contents: [{ tag: "h1", contents: t("Jeux") },]
+ },
{
tag: "p",
contents: t("games-page-intro"),
diff --git a/website/src/pages/service/service.js b/website/src/pages/service/service.js
index 9edc4437f44ec9433a48c5a09e420f09ca1cc45d..5d30660e9ed69c92bae6dfed602ed58a0d151f62 100644
--- a/website/src/pages/service/service.js
+++ b/website/src/pages/service/service.js
@@ -22,11 +22,15 @@ class ServicePage extends WebPage {
{
tag: "img",
alt: "image electronics circuit and gears",
- src: `${images_url}/meca_proc.svg`,
+ src: `${images_url}/toolcase.svg`,
},
],
},
- { tag: "h1", contents: "Service" },
+ {
+ tag: "div",
+ class: "title-box",
+ contents: [{ tag: "h1", contents: "Service" }]
+ },
{
tag: "p",
contents: t("service-page-intro"),
@@ -96,7 +100,7 @@ class ServicePage extends WebPage {
tag: "ul", contents: [
"Identification du métier et du besoin",
"Définition d'un cahier des charges adapté à vos moyens",
- "Développement itératif<br /><em>(nous validons ensemble chaque étape du développement)<em/>",
+ "Développement itératif<br /><em>  (nous validons ensemble chaque étape du développement)<em/>",
"Maintenance, mises à jours, déploiement, hébergement ...",
].map(li_txt => {
return {
diff --git a/website/src/pages/software-development/software-development.js b/website/src/pages/software-development/software-development.js
index f41a096b5fe3e9bdb97375baccef3b1cf18f55b9..36364123c5aebdcaa360baa3841f02af39cdb9db 100644
--- a/website/src/pages/software-development/software-development.js
+++ b/website/src/pages/software-development/software-development.js
@@ -29,7 +29,11 @@ class SoftwareDevelopment extends WebPage {
},
],
},
- { tag: "h1", contents: "Software" },
+ {
+ tag: "div",
+ class: "title-box",
+ contents: [{ tag: "h1", contents: "Software" }]
+ },
{
tag: "p",
contents: t("software-page-intro"),
diff --git a/website/src/style.scss b/website/src/style.scss
index d3d092e7eb029447557a57fa1b17a43eefad91c0..2051511ff0251d12277df56497c662f305310a56 100644
--- a/website/src/style.scss
+++ b/website/src/style.scss
@@ -404,7 +404,7 @@ main {
font-style: italic;
padding: 15px 40px 15px 100px;
margin: 0 auto;
- font-size: 18px;
+ font-size: 20px;
}
.big-logo {
@@ -449,13 +449,23 @@ main {
&.logo-left {
.grid-wrapper {
- h1 {
- width: 100%;
- }
-
display: grid;
- grid-template-columns: 120px 1fr;
+ grid-template-columns: 250px 1fr;
grid-template-rows: auto 1fr;
+ gap: 30px;
+
+ .title-box {
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+
+ h1 {
+ width: 100%;
+ font-size: 50px;
+ padding: 0
+ }
+
+ }
.logo {
grid-column: 1;
@@ -463,43 +473,43 @@ main {
width: 100%;
}
+
+
p {
margin: 0;
- grid-column: 1 / span 2;
+ grid-column: 2;
+ padding: 0;
+ max-width: 800px;
}
+
}
- @media screen and (max-width: $screen_m) {
+ @media screen and (max-width: $screen_l) {
.grid-wrapper {
- h1 {
- padding: 0 20px;
+ grid-template-columns: 150px 1fr;
+
+ .title-box {
+ h1 {
+ font-size: 35px;
+ }
+
}
- .logo {
- padding: 0 20px;
+ p {
+ grid-column: 1/span 2;
+ max-width: unset;
+ padding: 20px 20px 20px 50px;
}
}
}
- }
- }
-
- .page-philo {
- background-image: $wp_bin;
- padding: 120px 30px;
-
- p {
- width: 100%;
- max-width: 600px;
- font-size: 18px;
- color: $light_2;
- * {
- color: $light_2;
+ @media screen and (max-width: $screen_s) {
+ .grid-wrapper {
+ p {
+ padding: 10px;
+ }
+ }
}
-
- text-align: center;
- font-style: italic;
- font-weight: bold;
}
}