diff --git a/public/education/education.js b/public/education/education.js
index 5b4f84cc699860726d7dfd01e14cc4cb1eeb1fb0..00e5947caf0aec98751414a4291be4522f15a6df 100644
--- a/public/education/education.js
+++ b/public/education/education.js
@@ -648,13 +648,30 @@ class EducationPage {
contents: [
{
tag: "div",
- class: "page-header",
+ class: "page-header logo-left",
contents: [
- { tag: "h1", contents: "Pédagogie" },
{
- tag: "p",
- contents: `La pédagogie est une arme puissante pour faire tomber les barrières
- entre les gens et la technologie, et nous sommes bien décidés à en faire usage !`,
+ tag: "div",
+ class: "page-contents-center grid-wrapper",
+ contents: [
+ {
+ tag: "div",
+ class: "logo",
+ contents: [
+ {
+ tag: "img",
+ alt: "image brain",
+ src: `${images_url}/brain.svg`,
+ },
+ ],
+ },
+ { tag: "h1", contents: "Pédagogie" },
+ {
+ tag: "p",
+ contents: `La pédagogie est une arme puissante pour faire tomber les barrières
+ entre les gens et la technologie, et nous sommes bien décidés à en faire usage !`,
+ },
+ ],
},
],
},
diff --git a/public/game-articles/fantom_quest/lucie_ventadour.txt b/public/game-articles/fantom_quest/lucie_ventadour.txt
index 5da279268a3104ba7fef53e4fdddffb03aea0749..df026c7498c4718670728614757b4180283a0e6b 100755
--- a/public/game-articles/fantom_quest/lucie_ventadour.txt
+++ b/public/game-articles/fantom_quest/lucie_ventadour.txt
@@ -1,3 +1,2 @@
Salut moi c'est Lu7, je suis une geek et je vois la vie en pixels >< !
-<a href="https://www.lucieventadour.com/" target="_blank">Mon site</a>
-<a href="http://lucipix.canalblog.com/" target="_blank">Mon blog pix</a>
\ No newline at end of file
+<a href="https://www.lucieventadour.com/" target="_blank">Mon site</a> -- <a href="http://lucipix.canalblog.com/" target="_blank">Mon blog pix</a>
\ No newline at end of file
diff --git a/public/game-articles/fantom_quest/pijar.txt b/public/game-articles/fantom_quest/pijar.txt
index 114876c5dd727a420bfbfb8ddd41cdc60f22544a..000b9a3ecd382d19c84141cd16ea9d2b8dfd2baa 100755
--- a/public/game-articles/fantom_quest/pijar.txt
+++ b/public/game-articles/fantom_quest/pijar.txt
@@ -1,5 +1,4 @@
Salut moi c'est pijar. Je fais des trucs.
-J'aime bien le code.
-Et je fais du dessin et tout.
+J'aime bien le code et je fais du dessin et tout.
<a href="http://pierrejarriges-dessins.blogsspot.com" target="_blank">Mon blog dessin</a>
\ No newline at end of file
diff --git a/public/main.js b/public/main.js
index cfc51497d1f6ccffe3400cb73638fb7368787a62..a556592927452bd0e75c31d779e636909cab59b0 100644
--- a/public/main.js
+++ b/public/main.js
@@ -332,7 +332,7 @@ class HomePage {
{
tag: "p",
class: "page-contents-center",
- contents: `Nous avons à cœur une démarche de légèreté et de simplicité dans nos créations qu'elle soient artistiques ou logicielles.
+ contents: `Nous avons à cœur une démarche de légèreté et de simplicité dans nos créations.
<br /><br />Nous travaillons pour le plaisir de créer, de maîtriser et de comprendre.`,
},
],
diff --git a/public/news-articles/installation-kuadrado/installation-kuadrado.json b/public/news-articles/installation-kuadrado/installation-kuadrado.json
index a0a0417f675c4816de1c5d4560d906e8b85e2522..6218b96d263183ad728c0a3f7abe72f34b2b4947 100755
--- a/public/news-articles/installation-kuadrado/installation-kuadrado.json
+++ b/public/news-articles/installation-kuadrado/installation-kuadrado.json
@@ -1,5 +1,5 @@
{
- "title": "Kuadrado s'installe à Vernoux en Vivarais",
+ "title": "Kuadrado s'installe à Vernoux en Vivarais (07)",
"date": "2021/01/24",
"subtitle": "De l'art et du code dans le cheminou !",
"body": "<file>installation-kuadrado.txt",
diff --git a/public/news-articles/installation-kuadrado/installation-kuadrado.txt b/public/news-articles/installation-kuadrado/installation-kuadrado.txt
index ea3fa7038a2bcdbd4b7c020be1968e54a61810a7..9ce7e1b2788996544631885d3b0314d59afcb772 100755
--- a/public/news-articles/installation-kuadrado/installation-kuadrado.txt
+++ b/public/news-articles/installation-kuadrado/installation-kuadrado.txt
@@ -1,6 +1,6 @@
-Depuis septembre 2020, nous avons commencé à investir dans un local de travail à Vernoux en Vivarais afin d'y développer nos activités : peinture, dessin, création de jeux vidéos et développement informatique.
+Depuis septembre 2020, nous avons commencé à investir un local de travail à Vernoux en Vivarais afin d'y développer nos activités : peinture, dessin, création de jeux vidéos et développement informatique.
-Lucie est artiste peintre, illustratrice et artiste 2D, et moi je suis dessinateur BD, artiste 2D et développeur informatique et nous menons nos activités respectives dans ce lieu.
+Lucie Ventadour, artiste peintre, illustratrice et artiste 2D et Pierre Jarriges, dessinateur BD, artiste 2D et développeur informatique, nous menons nos activités respectives dans ce lieu.
Mais l'activité qui nous relie c'est la création de jeux vidéo, et c'est ce qui est au cœur de Kuadrado Software !
L'ouverture de ce lieu nous permet de développer nos projets créatifs - notre premier jeu, Fantom Quest, devrait voir le jour d'ici Mars 2021 - et nous ouvre une porte sur l'extérieur, notamment à travers la pédagogie et le partage de connaissance.
@@ -18,4 +18,4 @@ Lucie Ventadour - <em>artiste peintre, illustratrice, artiste 2D</em>
<a href="http://lucipix.canalblog.com/" target="_blank">blog pixel art</a> -- <a href="https://www.lucieventadour.com/" target="_blank">site web</a>
Pierre Jarriges - <em>Dessinateur BD, artiste 2D, compositeur, développeur informatique</em>
-<a href="https://pierrejarriges-dessins.blogspot.com/" target="_blank">blog dessin</a>
+<a href="https://pierrejarriges-dessins.blogspot.com/" target="_blank">blog dessin</a> -- <a href="https://soundcloud.com/abstractobject" target="_blank">Soundcloud</a>
diff --git a/public/software-development/software-development.js b/public/software-development/software-development.js
index 5a8b60eb6a6d31aadf15801663ab322d390b3982..6af223eef707fa0be144ef3863b66d5ec0cde8a5 100644
--- a/public/software-development/software-development.js
+++ b/public/software-development/software-development.js
@@ -469,9 +469,8 @@ class SoftwareDevelopment {
tag: "p",
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.
+ est pertinent de le développer nous-même (ou juste par plaisir), nous
+ essayons au maximum de le réaliser de façon générique et de le publier sous license libre et open source.
<br/><br/>Nous pouvons également fournir ce service pour d'autres entreprises.`,
},
],
diff --git a/public/style/style.css b/public/style/style.css
index 18e414800bf9e2e0cc72387c02f6c9b9f4c68909..bfcccf98411b0e4e8e91aa4d197116f7fac21c14 100644
--- a/public/style/style.css
+++ b/public/style/style.css
@@ -276,7 +276,7 @@ main #page-container .page-header .logo {
flex-direction: row;
}
main #page-container .page-header .logo img {
- width: 200px;
+ width: 100%;
}
@media screen and (max-width: 560px) {
main #page-container .page-header h1 {
@@ -292,7 +292,7 @@ main #page-container .page-header .logo img {
}
main #page-container .page-header.logo-left .grid-wrapper {
display: grid;
- grid-template-columns: auto 1fr;
+ grid-template-columns: 120px 1fr;
grid-template-rows: auto 1fr;
}
main #page-container .page-header.logo-left .grid-wrapper h1 {
@@ -300,22 +300,20 @@ main #page-container .page-header.logo-left .grid-wrapper h1 {
}
main #page-container .page-header.logo-left .grid-wrapper .logo {
grid-column: 1;
- grid-row: 1/span 2;
+ grid-row: 1;
+ width: 100%;
}
main #page-container .page-header.logo-left .grid-wrapper p {
margin: 0;
+ grid-column: 1/span 2;
}
@media screen and (max-width: 780px) {
- main #page-container .page-header.logo-left .grid-wrapper {
- grid-template-columns: 1fr;
+ main #page-container .page-header.logo-left .grid-wrapper h1 {
+ padding: 0 20px;
}
main #page-container .page-header.logo-left .grid-wrapper .logo {
padding: 0 20px;
}
- main #page-container .page-header.logo-left .grid-wrapper .logo img {
- width: 400px;
- max-width: 100%;
- }
}
main #page-container .page-philo {
background-image: url("/assets/images/wallpaper_binary.png");
diff --git a/src/homepage.js b/src/homepage.js
index 04664d32fd451a739b83fb5e22f339e07cbbb205..74d591e97009544389e2543fe0d2f75f652cf4cc 100644
--- a/src/homepage.js
+++ b/src/homepage.js
@@ -61,7 +61,7 @@ class HomePage {
{
tag: "p",
class: "page-contents-center",
- contents: `Nous avons à cœur une démarche de légèreté et de simplicité dans nos créations qu'elle soient artistiques ou logicielles.
+ contents: `Nous avons à cœur une démarche de légèreté et de simplicité dans nos créations.
<br /><br />Nous travaillons pour le plaisir de créer, de maîtriser et de comprendre.`,
},
],
diff --git a/src/pages/education/education.js b/src/pages/education/education.js
index 99ce300bae4efd1febe969935ba2c294a56a712e..d0b35bc0b4693a5476ac1dbee78d9bde1f7ec4a5 100644
--- a/src/pages/education/education.js
+++ b/src/pages/education/education.js
@@ -16,13 +16,30 @@ class EducationPage {
contents: [
{
tag: "div",
- class: "page-header",
+ class: "page-header logo-left",
contents: [
- { tag: "h1", contents: "Pédagogie" },
{
- tag: "p",
- contents: `La pédagogie est une arme puissante pour faire tomber les barrières
- entre les gens et la technologie, et nous sommes bien décidés à en faire usage !`,
+ tag: "div",
+ class: "page-contents-center grid-wrapper",
+ contents: [
+ {
+ tag: "div",
+ class: "logo",
+ contents: [
+ {
+ tag: "img",
+ alt: "image brain",
+ src: `${images_url}/brain.svg`,
+ },
+ ],
+ },
+ { tag: "h1", contents: "Pédagogie" },
+ {
+ tag: "p",
+ contents: `La pédagogie est une arme puissante pour faire tomber les barrières
+ entre les gens et la technologie, et nous sommes bien décidés à en faire usage !`,
+ },
+ ],
},
],
},
diff --git a/src/pages/software-development/software-development.js b/src/pages/software-development/software-development.js
index 10956c852e97efdfa25bc5106ee7456dcaa179a7..ea9dd49616c3f0b6b84a928367d01e9bb78467a6 100644
--- a/src/pages/software-development/software-development.js
+++ b/src/pages/software-development/software-development.js
@@ -37,9 +37,8 @@ class SoftwareDevelopment {
tag: "p",
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.
+ est pertinent de le développer nous-même (ou juste par plaisir), nous
+ essayons au maximum de le réaliser de façon générique et de le publier sous license libre et open source.
<br/><br/>Nous pouvons également fournir ce service pour d'autres entreprises.`,
},
],
diff --git a/src/theme.scss b/src/theme.scss
index c617b7f912f095c11c00cd06060c881b7e1356f7..5d4d057dfaef8f1f794b5a93861d925b161ff41a 100644
--- a/src/theme.scss
+++ b/src/theme.scss
@@ -70,7 +70,7 @@ $page_contents_center_width: 1300px;
padding-left: 30px;
@include flex-center;
img {
- width: 200px;
+ width: 100%;
}
}
@media screen and (max-width: $screen_s) {
@@ -86,31 +86,30 @@ $page_contents_center_width: 1300px;
}
}
&.logo-left {
-
.grid-wrapper {
h1 {
width: 100%;
}
display: grid;
- grid-template-columns: auto 1fr;
+ grid-template-columns: 120px 1fr;
grid-template-rows: auto 1fr;
.logo {
grid-column: 1;
- grid-row: 1 / span 2;
+ grid-row: 1;
+ width: 100%;
}
p {
margin: 0;
+ grid-column: 1 / span 2;
}
}
@media screen and (max-width: $screen_m) {
.grid-wrapper {
- grid-template-columns: 1fr;
+ h1 {
+ padding: 0 20px;
+ }
.logo {
padding: 0 20px;
- img {
- width: 400px;
- max-width: 100%;
- }
}
}
}