From 4e972995309b0f93bfa6652ed38f82a32872f020 Mon Sep 17 00:00:00 2001
From: peter_rabbit <pierrejarriges@gmail.com>
Date: Sun, 24 Jan 2021 14:21:01 +0100
Subject: [PATCH] fix:redaction
---
public/education/education.js | 27 +++++++++++++++----
.../fantom_quest/lucie_ventadour.txt | 3 +--
public/game-articles/fantom_quest/pijar.txt | 3 +--
public/main.js | 2 +-
.../installation-kuadrado.json | 2 +-
.../installation-kuadrado.txt | 6 ++---
.../software-development.js | 5 ++--
public/style/style.css | 16 +++++------
src/homepage.js | 2 +-
src/pages/education/education.js | 27 +++++++++++++++----
.../software-development.js | 5 ++--
src/theme.scss | 17 ++++++------
12 files changed, 71 insertions(+), 44 deletions(-)
diff --git a/public/education/education.js b/public/education/education.js
index 5b4f84c..00e5947 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 5da2792..df026c7 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 114876c..000b9a3 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 cfc5149..a556592 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 a0a0417..6218b96 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 ea3fa70..9ce7e1b 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 5a8b60e..6af223e 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 18e4148..bfcccf9 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 04664d3..74d591e 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 99ce300..d0b35bc 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 10956c8..ea9dd49 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 c617b7f..5d4d057 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%;
- }
}
}
}
--
GitLab