diff --git a/public/education/education.js b/public/education/education.js
index 1bca2edba03fbd48d1fd4a6ac3001ec3ce9c2bac..4fe9f165ba1f0a5739f2c80739f1ebcfee5174b7 100644
--- a/public/education/education.js
+++ b/public/education/education.js
@@ -469,7 +469,7 @@ class GameStudioClub {
tag: "td",
contents: "(4 séances)",
},
- { tag: "td", contents: "60€" },
+ { tag: "td", contents: "<b><blue>60€</blue></b>" },
],
},
{
@@ -484,7 +484,7 @@ class GameStudioClub {
tag: "td",
contents: "(12 séances)",
},
- { tag: "td", contents: "160€" },
+ { tag: "td", contents: "<b><blue>160€</blue></b>" },
],
},
],
@@ -793,14 +793,15 @@ const { images_url } = require("../../../constants");
const NAV_MENU_ITEMS = [
["/games/", "Jeux"],
- [
- "/software-development/",
- "Software",
- [
- ["/software-development/#projects", "Projets"],
- ["/software-development/#service", "Prestation de services"],
- ],
- ],
+ // À murir..
+ // [
+ // "/software-development/",
+ // "Software",
+ // [
+ // ["/software-development/#projects", "Projets"],
+ // ["/software-development/#service", "Prestation de services"],
+ // ],
+ // ],
[
"/education/",
"Pédagogie",
diff --git a/public/games/games.js b/public/games/games.js
index ef1c0d9dd6d72b4147eb57108885b39682b75e3c..d544e718bd504175edd2de68a73c9e980d73cedc 100644
--- a/public/games/games.js
+++ b/public/games/games.js
@@ -539,14 +539,15 @@ const { images_url } = require("../../../constants");
const NAV_MENU_ITEMS = [
["/games/", "Jeux"],
- [
- "/software-development/",
- "Software",
- [
- ["/software-development/#projects", "Projets"],
- ["/software-development/#service", "Prestation de services"],
- ],
- ],
+ // À murir..
+ // [
+ // "/software-development/",
+ // "Software",
+ // [
+ // ["/software-development/#projects", "Projets"],
+ // ["/software-development/#service", "Prestation de services"],
+ // ],
+ // ],
[
"/education/",
"Pédagogie",
diff --git a/public/main.js b/public/main.js
index 5debd47747435978c410e4c6bd9ef6e74b8b2294..9ecb0a22fd7ab5c349658010de28366b5cf7f170 100644
--- a/public/main.js
+++ b/public/main.js
@@ -405,7 +405,7 @@ class HomePage extends WebPage {
},
{
tag: "section",
- class: "page-contents-center grid-3",
+ class: "page-contents-center poles",
contents: [
{
title: "Jeux",
@@ -414,12 +414,12 @@ class HomePage extends WebPage {
description:
"Toutes nos créations vidéoludiques, jeux web et jeux PC, projets en cours, c'est par ici que ça se passe.",
},
- {
- title: "Software",
- img: "meca_proc.svg",
- href: "/software-development/",
- description: `Développement web, moteur de jeux, outillage logiciel, retrouvez nos projets en détail sur cette page.`,
- },
+ // {
+ // title: "Software",
+ // img: "meca_proc.svg",
+ // href: "/software-development/",
+ // description: `Développement web, moteur de jeux, outillage logiciel, retrouvez nos projets en détail sur cette page.`,
+ // },
{
title: "Pédagogie",
img: "brain.svg",
@@ -669,14 +669,15 @@ const { images_url } = require("../../../constants");
const NAV_MENU_ITEMS = [
["/games/", "Jeux"],
- [
- "/software-development/",
- "Software",
- [
- ["/software-development/#projects", "Projets"],
- ["/software-development/#service", "Prestation de services"],
- ],
- ],
+ // À murir..
+ // [
+ // "/software-development/",
+ // "Software",
+ // [
+ // ["/software-development/#projects", "Projets"],
+ // ["/software-development/#service", "Prestation de services"],
+ // ],
+ // ],
[
"/education/",
"Pédagogie",
diff --git a/public/software-development/software-development.js b/public/software-development/software-development.js
index 0c1344b88a1498ad2b4a4628aff07ac48ff99f78..2659d17f59a992c54c9740d50de5396bd761654c 100644
--- a/public/software-development/software-development.js
+++ b/public/software-development/software-development.js
@@ -700,14 +700,15 @@ const { images_url } = require("../../../constants");
const NAV_MENU_ITEMS = [
["/games/", "Jeux"],
- [
- "/software-development/",
- "Software",
- [
- ["/software-development/#projects", "Projets"],
- ["/software-development/#service", "Prestation de services"],
- ],
- ],
+ // À murir..
+ // [
+ // "/software-development/",
+ // "Software",
+ // [
+ // ["/software-development/#projects", "Projets"],
+ // ["/software-development/#service", "Prestation de services"],
+ // ],
+ // ],
[
"/education/",
"Pédagogie",
diff --git a/public/style/style.css b/public/style/style.css
index fa3566453c3c41f32e839d9e01625de310c7c643..2108052627a4baa89cb2c1b9c8308cc72f91973a 100644
--- a/public/style/style.css
+++ b/public/style/style.css
@@ -22,10 +22,6 @@ body a:hover {
body blue {
color: #4baabb;
}
-body .grid-3 {
- display: grid;
- grid-template-columns: 1fr 1fr 1fr;
-}
body .bg-blue {
background-color: #4baabb;
color: white;
@@ -566,17 +562,19 @@ main #page-container #home-page .articles-displayer article.article-placeholder
grid-column: 1;
}
}
-main #page-container #home-page .grid-3 {
+main #page-container #home-page .poles {
+ display: grid;
+ grid-template-columns: 1fr 1fr;
gap: 30px;
}
-main #page-container #home-page .grid-3 .theme-card {
+main #page-container #home-page .poles .theme-card {
display: flex;
flex-direction: column;
width: 100%;
cursor: pointer;
transition: transform 0.3s;
}
-main #page-container #home-page .grid-3 .theme-card .card-img {
+main #page-container #home-page .poles .theme-card .card-img {
width: 100%;
height: 240px;
overflow: hidden;
@@ -588,13 +586,13 @@ main #page-container #home-page .grid-3 .theme-card .card-img {
background-color: black;
position: relative;
}
-main #page-container #home-page .grid-3 .theme-card .card-img img {
+main #page-container #home-page .poles .theme-card .card-img img {
position: absolute;
max-width: 100%;
height: 100%;
padding: 10px;
}
-main #page-container #home-page .grid-3 .theme-card .card-title h2 {
+main #page-container #home-page .poles .theme-card .card-title h2 {
margin: 0;
text-align: center;
padding: 10px 20px;
@@ -602,17 +600,17 @@ main #page-container #home-page .grid-3 .theme-card .card-title h2 {
display: block;
background-color: white;
}
-main #page-container #home-page .grid-3 .theme-card .card-description {
+main #page-container #home-page .poles .theme-card .card-description {
background-image: url("/assets/images/wallpaper_binary.png");
flex: 1;
padding: 30px 20px;
}
-main #page-container #home-page .grid-3 .theme-card .card-description p {
+main #page-container #home-page .poles .theme-card .card-description p {
margin: 0;
color: #72e3f0;
text-align: center;
}
-main #page-container #home-page .grid-3 .theme-card:hover {
+main #page-container #home-page .poles .theme-card:hover {
transform: scale(1.03);
}
main #page-container #home-page .kuadrado-values {
@@ -650,34 +648,34 @@ main #page-container #home-page .kuadrado-values ul.values-list li p {
text-align: justify;
}
@media screen and (max-width: 900px) {
- main #page-container #home-page .grid-3 {
+ main #page-container #home-page .poles {
grid-template-columns: 1fr;
gap: 40px;
}
- main #page-container #home-page .grid-3 .theme-card {
+ main #page-container #home-page .poles .theme-card {
transition: transform 0.3s;
}
- main #page-container #home-page .grid-3 .theme-card .card-img {
+ main #page-container #home-page .poles .theme-card .card-img {
height: 300px;
}
- main #page-container #home-page .grid-3 .theme-card .card-img img {
+ main #page-container #home-page .poles .theme-card .card-img img {
min-width: unset;
height: 100%;
}
- main #page-container #home-page .grid-3 .theme-card .card-title h2 {
+ main #page-container #home-page .poles .theme-card .card-title h2 {
padding: 5px 20px;
}
- main #page-container #home-page .grid-3 .theme-card .card-description {
+ main #page-container #home-page .poles .theme-card .card-description {
background-image: url("/assets/images/wallpaper_binary.png");
flex: 1;
padding: 20px 30px;
}
- main #page-container #home-page .grid-3 .theme-card .card-description p {
+ main #page-container #home-page .poles .theme-card .card-description p {
margin: 0;
color: #72e3f0;
text-align: center;
}
- main #page-container #home-page .grid-3 .theme-card:hover {
+ main #page-container #home-page .poles .theme-card:hover {
transform: none;
}
main #page-container #home-page .kuadrado-values ul.values-list {
@@ -685,7 +683,7 @@ main #page-container #home-page .kuadrado-values ul.values-list li p {
}
}
@media screen and (max-width: 1300px) {
- main #page-container #home-page .grid-3 {
+ main #page-container #home-page .poles {
padding: 0 20px;
}
main #page-container #home-page .articles-displayer {
diff --git a/src/homepage.js b/src/homepage.js
index 351b0ef62802c11f2c8fa0c3ee01580a5c520170..cef2ff9926962bc17355df0e5a1e98a0e3ebd811 100644
--- a/src/homepage.js
+++ b/src/homepage.js
@@ -57,7 +57,7 @@ class HomePage extends WebPage {
},
{
tag: "section",
- class: "page-contents-center grid-3",
+ class: "page-contents-center poles",
contents: [
{
title: "Jeux",
@@ -66,12 +66,12 @@ class HomePage extends WebPage {
description:
"Toutes nos créations vidéoludiques, jeux web et jeux PC, projets en cours, c'est par ici que ça se passe.",
},
- {
- title: "Software",
- img: "meca_proc.svg",
- href: "/software-development/",
- description: `Développement web, moteur de jeux, outillage logiciel, retrouvez nos projets en détail sur cette page.`,
- },
+ // {
+ // title: "Software",
+ // img: "meca_proc.svg",
+ // href: "/software-development/",
+ // description: `Développement web, moteur de jeux, outillage logiciel, retrouvez nos projets en détail sur cette page.`,
+ // },
{
title: "Pédagogie",
img: "brain.svg",
diff --git a/src/homepage.scss b/src/homepage.scss
index df0f5547ab886102dbcb46ffa02fc3b52c3eef5a..a76fa5ca6799d243f3dfc34a54f30e2ae3b93942 100644
--- a/src/homepage.scss
+++ b/src/homepage.scss
@@ -196,7 +196,9 @@
}
}
- .grid-3 {
+ .poles {
+ display: grid;
+ grid-template-columns: 1fr 1fr;
gap: 30px;
.theme-card {
display: flex;
@@ -277,7 +279,7 @@
}
@media screen and (max-width: $screen_l) {
- .grid-3 {
+ .poles {
grid-template-columns: 1fr;
gap: 40px;
.theme-card {
@@ -317,7 +319,7 @@
}
}
@media screen and (max-width: $page_contents_center_width) {
- .grid-3 {
+ .poles {
padding: 0 20px;
}
.articles-displayer {
diff --git a/src/style.scss b/src/style.scss
index 4c97d061d031e526e8569d0b45334f091ba0f1ad..cfb15a1a9290f3633f039e2ea88306cc6f0b6721 100644
--- a/src/style.scss
+++ b/src/style.scss
@@ -25,11 +25,6 @@ body {
color: $blue_2;
}
- .grid-3 {
- display: grid;
- grid-template-columns: 1fr 1fr 1fr;
- }
-
.bg-blue {
background-color: $blue_2;
color: white;
diff --git a/src/template/components/navbar.js b/src/template/components/navbar.js
index 44d846dc313205e3ea35520c6cb2ff8994e029a1..13f9e1c9c64c2f38270d497a5ab73422038d4b78 100644
--- a/src/template/components/navbar.js
+++ b/src/template/components/navbar.js
@@ -4,14 +4,15 @@ const { images_url } = require("../../../constants");
const NAV_MENU_ITEMS = [
["/games/", "Jeux"],
- [
- "/software-development/",
- "Software",
- [
- ["/software-development/#projects", "Projets"],
- ["/software-development/#service", "Prestation de services"],
- ],
- ],
+ // À murir..
+ // [
+ // "/software-development/",
+ // "Software",
+ // [
+ // ["/software-development/#projects", "Projets"],
+ // ["/software-development/#service", "Prestation de services"],
+ // ],
+ // ],
[
"/education/",
"Pédagogie",