diff --git a/package.json b/package.json
index ca8c716987292843cf123fb6220343574b9df63c..52559120ea68a296500ec569a3e14c6be99b18c1 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
{
"name": "kuadrado-website",
- "version": "1.0.2",
+ "version": "1.0.3",
"description": "Presentation website of Kuadrado Software",
"main": "src/main.js",
"scripts": {
diff --git a/public/index.html b/public/index.html
index 1929d7eb34cd360a8abea6729aa81c654206c666..8dde87afaa6008e000308daa065e6d707e7ba2ce 100644
--- a/public/index.html
+++ b/public/index.html
@@ -48,7 +48,7 @@
"https://kuadrado-software.fr/assets/images/logo_kuadrado_txt.svg",
"https://kuadrado-software.fr/assets/images/logo_kuadrado_txt.png"
],
- "keywords": "Entreprise, Ardèche, numérique, jeux vidéos, gamedev, software, pédagogie, Rhone-Alpes, éthique, news, service, informatique, création, apprendre, programmation",
+ "keywords": "Entreprise, Ardèche, numérique, jeux vidéos, gamedev, software, pédagogie, Rhone-Alpes, éthique, news, informatique, création, apprendre, programmation",
"name": "Kuadrado Software - Accueil",
"url": "https://kuadrado-software.fr"
},
@@ -75,6 +75,17 @@
"keywords": "Animations, pédagogie, éducation, vulgarisation, popularization, numérique, Ardèche, Rhone-Alpes, apprendre, learn, gamedev, coding, code, programmation, formation, apprentissage, club, activité, ado, adulte",
"name": "Kuadrado Software - Pédagogie",
"url": "https://kuadrado-software.fr/education"
+ },
+ {
+ "type": "WebPage",
+ "description": "R&D, projets expérimentaux, outillage logiciel pour le développement de jeu ou pour le web.",
+ "image": [
+ "https://kuadrado-software.fr/assets/images/meca_proc.svg",
+ "https://kuadrado-software.fr/assets/images/meca_proc.png"
+ ],
+ "keywords": "développement, development, web, logiciel, software, R&D, Ardèche, Rhone-Alpes, numérique, informatique, création",
+ "name": "Kuadrado Software - Logiciel",
+ "url": "https://kuadrado-software.fr/software-development"
}
],
"type": "Corporation",
diff --git a/public/sitemap.xml b/public/sitemap.xml
index a1427177021f1861a83b7cc2bc0ee6bcfe10f7d8..575e613af5f2956defeeb275fbc1b862a98fa5a6 100644
--- a/public/sitemap.xml
+++ b/public/sitemap.xml
@@ -2,14 +2,18 @@
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
<url>
<loc>https://kuadrado-software.fr</loc>
- <lastmod>2021-02-19</lastmod>
+ <lastmod>2021-02-21</lastmod>
</url>
<url>
<loc>https://kuadrado-software.fr/games/</loc>
- <lastmod>2021-02-19</lastmod>
+ <lastmod>2021-02-21</lastmod>
</url>
<url>
<loc>https://kuadrado-software.fr/education/</loc>
- <lastmod>2021-02-19</lastmod>
+ <lastmod>2021-02-21</lastmod>
+ </url>
+ <url>
+ <loc>https://kuadrado-software.fr/software-development/</loc>
+ <lastmod>2021-02-21</lastmod>
</url>
</urlset>
\ No newline at end of file
diff --git a/public/software-development/index.html b/public/software-development/index.html
index 3e0ccedc1d8f877c26a6a930ff34a2829973867a..9025b4075d93e9c5d9583e472120151c3bae414e 100644
--- a/public/software-development/index.html
+++ b/public/software-development/index.html
@@ -3,13 +3,13 @@
<head>
<meta charset="utf-8" />
<title>Kuadrado Software | Développement web et logiciel</title>
- <meta name="description" content="Développement web, moteur de jeux, outillage logiciel, retrouvez nos projets en détail."/>
+ <meta name="description" content="R&D, projets expérimentaux, outillage logiciel pour le développement de jeu ou pour le web."/>
<meta name="author" content="Kuadrado Software" />
<meta name="image" content="https://kuadrado-software.fr/assets/images/meca_proc.png"/>
<!-- Open Graph Protocol meta data -->
<meta property="og:title" content="Kuadrado Software | Software"/>
- <meta property="og:description" content="Développement web, moteur de jeux, outillage logiciel, retrouvez nos projets en détail."/>
+ <meta property="og:description" content="R&D, projets expérimentaux, outillage logiciel pour le développement de jeu ou pour le web."/>
<meta property="og:type" content="website" />
<meta property="og:url" content="https://kuadrado-software.fr/software-development"/>
<meta property="og:image" content="https://kuadrado-software.fr/assets/images/meca_proc.png"/>
@@ -23,7 +23,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1" />
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
<link href="/style/style.css" rel="stylesheet" />
- <script type="application/ld+json">{"type":"WebPage","description":"Développement web, moteur de jeux, outillage logiciel, retrouvez nos projets en détail","image":["https://kuadrado-software.fr/assets/images/meca_proc.svg","https://kuadrado-software.fr/assets/images/meca_proc.png"],"keywords":"développement, development, web, logiciel, software, R&D, service, service numérique, Ardèche, Rhone-Alpes, prestation, création","name":"Kuadrado Software - Développement web et logiciel","url":"https://kuadrado-software.fr/software-development"}</script>
+ <script type="application/ld+json">{"type":"WebPage","description":"R&D, projets expérimentaux, outillage logiciel pour le développement de jeu ou pour le web.","image":["https://kuadrado-software.fr/assets/images/meca_proc.svg","https://kuadrado-software.fr/assets/images/meca_proc.png"],"keywords":"développement, development, web, logiciel, software, R&D, Ardèche, Rhone-Alpes, numérique, informatique, création","name":"Kuadrado Software - Développement web et logiciel","url":"https://kuadrado-software.fr/software-development"}</script>
</head>
<!-- The vocab attribute defines the standard vocabulary used for RDFa standard.
The DOM may contain properties such as "typeof" and "property" accordinly to the schema.org vocabulary -->
diff --git a/public/style/style.css b/public/style/style.css
index 65184acd7d618b1efa32df0105c49686d6c68912..4b7454dcab70735c058abec216f57f84e24b3168 100644
--- a/public/style/style.css
+++ b/public/style/style.css
@@ -1352,149 +1352,6 @@ main #page-container #software-page .software-articles article.placeholder .body
main #page-container #software-page .software-articles article.placeholder .details {
height: 200px;
}
-main #page-container #software-page #service-section h3 {
- margin: 0 0 20px;
-}
-main #page-container #software-page #service-section .skills {
- display: flex;
- justify-content: space-between;
- flex-wrap: wrap;
- gap: 20px;
- margin: 20px 0;
-}
-main #page-container #software-page #service-section .skills ul {
- display: grid;
- gap: 1px;
- max-width: 100%;
-}
-main #page-container #software-page #service-section .skills ul li {
- box-shadow: 0 0 2px #96a5ae;
-}
-main #page-container #software-page #service-section .skills ul.skill-themes {
- width: 600px;
- grid-template-columns: repeat(3, 1fr);
- background-color: #3c4144;
-}
-@media screen and (max-width: 560px) {
- main #page-container #software-page #service-section .skills ul.skill-themes {
- grid-template-columns: 1fr 1fr;
- width: 100%;
- }
-}
-@media screen and (max-width: 480px) {
- main #page-container #software-page #service-section .skills ul.skill-themes {
- grid-template-columns: 1fr;
- }
-}
-main #page-container #software-page #service-section .skills ul.skill-themes li {
- font-weight: bold;
- color: #d4d9dd;
- font-size: 18px;
- display: flex;
- justify-content: center;
- align-items: center;
- flex-direction: row;
- padding: 10px;
- text-align: center;
-}
-main #page-container #software-page #service-section .skills ul.skill-stack {
- width: 400px;
- grid-template-columns: repeat(4, 1fr);
-}
-main #page-container #software-page #service-section .skills ul.skill-stack li {
- display: flex;
- justify-content: center;
- align-items: center;
- flex-direction: row;
- flex-direction: column;
- position: relative;
- padding: 10px;
-}
-main #page-container #software-page #service-section .skills ul.skill-stack li strong {
- visibility: hidden;
- max-height: 0;
- height: 70px;
- padding: 0 20px;
- transition: max-height 0.3s;
- position: absolute;
- display: flex;
- justify-content: center;
- align-items: center;
- flex-direction: row;
-}
-main #page-container #software-page #service-section .skills ul.skill-stack li img {
- width: 100%;
-}
-@media screen and (min-width: 780px) {
- main #page-container #software-page #service-section .skills ul.skill-stack li:hover strong {
- visibility: visible;
- max-height: 80px;
- background-color: #fffc;
- font-size: 18px;
- }
-}
-@media screen and (max-width: 780px) {
- main #page-container #software-page #service-section .skills ul.skill-stack li strong {
- visibility: visible;
- position: relative;
- max-height: unset;
- height: unset;
- padding: 0;
- }
-}
-@media screen and (max-width: 480px) {
- main #page-container #software-page #service-section .skills ul.skill-stack {
- grid-template-columns: repeat(3, 1fr);
- }
-}
-main #page-container #software-page #service-section .teaser {
- background-image: url("/assets/images/wallpaper_binary.png");
- padding: 40px 30px;
- text-align: center;
- font-size: 18px;
-}
-main #page-container #software-page #service-section .teaser strong {
- color: #d4d9dd;
-}
-main #page-container #software-page #service-section .teaser blue {
- color: #72e3f0;
-}
-main #page-container #software-page #service-section .call-us {
- display: grid;
- grid-template-columns: 1fr 1fr;
- width: 100%;
- gap: 10px 0;
- margin: 40px 0;
-}
-main #page-container #software-page #service-section .call-us * {
- font-weight: bold;
-}
-main #page-container #software-page #service-section .call-us h3 {
- grid-column: 1/span 2;
- text-align: center;
-}
-main #page-container #software-page #service-section .call-us a {
- background-color: #3c4144;
- font-size: 20px;
- text-align: center;
- padding: 20px;
-}
-@media screen and (max-width: 780px) {
- main #page-container #software-page #service-section .call-us {
- display: flex;
- justify-content: center;
- align-items: center;
- flex-direction: row;
- flex-direction: column;
- gap: 0;
- }
- main #page-container #software-page #service-section .call-us h3 {
- margin: 0 0 10px;
- }
- main #page-container #software-page #service-section .call-us a {
- width: 100%;
- }
-}
main footer {
display: flex;
justify-content: center;
diff --git a/src/pages/software-development/meta.json b/src/pages/software-development/meta.json
index 6eec1bcbbffa7ce5b88d2a9fec5b6cec1a6577f8..f20e80bde5a5a053c9d1b0a376564c397f0437ab 100644
--- a/src/pages/software-development/meta.json
+++ b/src/pages/software-development/meta.json
@@ -1,19 +1,19 @@
{
"title": "Kuadrado Software | Développement web et logiciel",
- "description": "Développement web, moteur de jeux, outillage logiciel, retrouvez nos projets en détail.",
+ "description": "R&D, projets expérimentaux, outillage logiciel pour le développement de jeu ou pour le web.",
"image": "https://kuadrado-software.fr/assets/images/meca_proc.png",
"open_graph": {
"title": "Kuadrado Software | Software",
- "description": "Développement web, moteur de jeux, outillage logiciel, retrouvez nos projets en détail."
+ "description": "R&D, projets expérimentaux, outillage logiciel pour le développement de jeu ou pour le web."
},
"json_ld": {
"type": "WebPage",
- "description": "Développement web, moteur de jeux, outillage logiciel, retrouvez nos projets en détail",
+ "description": "R&D, projets expérimentaux, outillage logiciel pour le développement de jeu ou pour le web.",
"image": [
"https://kuadrado-software.fr/assets/images/meca_proc.svg",
"https://kuadrado-software.fr/assets/images/meca_proc.png"
],
- "keywords": "développement, development, web, logiciel, software, R&D, service, service numérique, Ardèche, Rhone-Alpes, prestation, création",
+ "keywords": "développement, development, web, logiciel, software, R&D, Ardèche, Rhone-Alpes, numérique, informatique, création",
"name": "Kuadrado Software - Développement web et logiciel",
"url": "https://kuadrado-software.fr/software-development"
}
diff --git a/src/pages/software-development/software-development.scss b/src/pages/software-development/software-development.scss
index 2e64beae2cfef231d72a837885ad060188fe0662..87fdc63dc227b842f6f97289c52ad56c764967ba 100644
--- a/src/pages/software-development/software-development.scss
+++ b/src/pages/software-development/software-development.scss
@@ -124,130 +124,4 @@
}
}
}
- #service-section {
- h3 {
- margin: 0 0 20px;
- }
- .skills {
- display: flex;
- justify-content: space-between;
- flex-wrap: wrap;
- gap: 20px;
- margin: 20px 0;
- ul {
- display: grid;
- gap: 1px;
- max-width: 100%;
- li {
- box-shadow: 0 0 2px $light_1;
- }
- &.skill-themes {
- width: 600px;
- grid-template-columns: repeat(3, 1fr);
- @media screen and (max-width: $screen_s) {
- grid-template-columns: 1fr 1fr;
- width: 100%;
- }
- @media screen and (max-width: $screen_xs) {
- grid-template-columns: 1fr;
- }
- background-color: $dark_2;
- li {
- font-weight: bold;
- color: $light_0;
- font-size: 18px;
- @include flex-center;
- padding: 10px;
- text-align: center;
- }
- }
- &.skill-stack {
- width: 400px;
- grid-template-columns: repeat(4, 1fr);
- li {
- @include flex-center-col;
- position: relative;
- padding: 10px;
- strong {
- visibility: hidden;
- max-height: 0;
- height: 70px;
- padding: 0 20px;
- transition: max-height 0.3s;
- position: absolute;
- @include flex-center;
- }
- img {
- width: 100%;
- }
- @media screen and (min-width: $screen_m) {
- &:hover {
- strong {
- visibility: visible;
- max-height: 80px;
- background-color: #fffc;
- font-size: 18px;
- }
- }
- }
-
- @media screen and (max-width: $screen_m) {
- strong {
- visibility: visible;
- position: relative;
- max-height: unset;
- height: unset;
- padding: 0;
- }
- }
- }
- @media screen and (max-width: $screen_xs) {
- grid-template-columns: repeat(3, 1fr);
- }
- }
- }
- }
- .teaser {
- background-image: url("/assets/images/wallpaper_binary.png");
- padding: 40px 30px;
- text-align: center;
- font-size: 18px;
- strong {
- color: $light_0;
- }
- blue {
- color: $blue_3;
- }
- }
- .call-us {
- * {
- font-weight: bold;
- }
- display: grid;
- grid-template-columns: 1fr 1fr;
- width: 100%;
- gap: 10px 0;
- margin: 40px 0;
- h3 {
- grid-column: 1 / span 2;
- text-align: center;
- }
- a {
- background-color: $dark_2;
- font-size: 20px;
- text-align: center;
- padding: 20px;
- }
- @media screen and (max-width: $screen_m) {
- @include flex-center-col;
- gap: 0;
- h3 {
- margin: 0 0 10px;
- }
- a {
- width: 100%;
- }
- }
- }
- }
}