Pour tout problème contactez-nous par mail : support@froggit.fr | La FAQ :grey_question: | Rejoignez-nous sur le Chat :speech_balloon:

Skip to content
Snippets Groups Projects
Commit 3bcbeb2c authored by peter_rabbit's avatar peter_rabbit
Browse files

fix metadata

parent 6d8ca283
No related branches found
No related tags found
No related merge requests found
{
"name": "kuadrado-website",
"version": "1.0.2",
"version": "1.0.3",
"description": "Presentation website of Kuadrado Software",
"main": "src/main.js",
"scripts": {
......
......@@ -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",
......
......@@ -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
......@@ -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 -->
......
......@@ -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;
......
{
"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"
}
......
......@@ -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%;
}
}
}
}
}
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment