diff --git a/assets/images/popularization_banner.png b/assets/images/popularization_banner.png
new file mode 100644
index 0000000000000000000000000000000000000000..fcf5d7f57af41938d961100803ccb42b913a090d
Binary files /dev/null and b/assets/images/popularization_banner.png differ
diff --git a/public/education/education.js b/public/education/education.js
index c486f4b7fd6a68675f96eb49a73ff551ef6a0ccf..16c0cc640e6de4e7a5fbf5d07795a01eda4c9a08 100644
--- a/public/education/education.js
+++ b/public/education/education.js
@@ -193,7 +193,7 @@ class GameStudioClub {
contents: [
{
tag: "div",
- class: "title-banner",
+ class: "title-banner game-banner",
id: "game-studio-club", // anchor id
contents: [{ tag: "h2", contents: "Game Studio Club" }],
},
@@ -428,8 +428,6 @@ module.exports = GameStudioClub;
},{}],5:[function(require,module,exports){
"use strict";
-const { images_url } = require("../../../../constants");
-
const VULGARISATION_THEMES = [
{
title: "Qu'est-ce qui se passe dans mon ordinateur ?",
@@ -480,7 +478,7 @@ class Popularization {
contents: [
{
tag: "div",
- class: "title-banner",
+ class: "title-banner popu-banner",
id: "popularization", // anchor id
contents: [{ tag: "h2", contents: "Ateliers de vulgarisation" }],
},
@@ -577,7 +575,7 @@ class Popularization {
module.exports = Popularization;
-},{"../../../../constants":2}],6:[function(require,module,exports){
+},{}],6:[function(require,module,exports){
"use strict";
const GameStudioClub = require("./components/game-studio-club");
diff --git a/src/pages/education/components/game-studio-club.js b/src/pages/education/components/game-studio-club.js
index dc851d4bf60cac071147c5021c9ce71cbedda05d..6ea91cb97a2211343111eccdd48ee3425c7eaed0 100644
--- a/src/pages/education/components/game-studio-club.js
+++ b/src/pages/education/components/game-studio-club.js
@@ -84,7 +84,7 @@ class GameStudioClub {
contents: [
{
tag: "div",
- class: "title-banner",
+ class: "title-banner game-banner",
id: "game-studio-club", // anchor id
contents: [{ tag: "h2", contents: "Game Studio Club" }],
},
diff --git a/src/pages/education/components/popularization.js b/src/pages/education/components/popularization.js
index 0c78ec1b0ec4039f84c8dd52cfdae3859d34eacb..9b4236924fd036f09306c4b2905a4ddad1ea1581 100644
--- a/src/pages/education/components/popularization.js
+++ b/src/pages/education/components/popularization.js
@@ -1,7 +1,5 @@
"use strict";
-const { images_url } = require("../../../../constants");
-
const VULGARISATION_THEMES = [
{
title: "Qu'est-ce qui se passe dans mon ordinateur ?",
@@ -52,7 +50,7 @@ class Popularization {
contents: [
{
tag: "div",
- class: "title-banner",
+ class: "title-banner popu-banner",
id: "popularization", // anchor id
contents: [{ tag: "h2", contents: "Ateliers de vulgarisation" }],
},
diff --git a/src/pages/education/education.scss b/src/pages/education/education.scss
index 396a95986fc398c641881015e4f18ae8bbe47b78..70439e396125cec71de4f2ff6e1a6de6282e5818 100644
--- a/src/pages/education/education.scss
+++ b/src/pages/education/education.scss
@@ -13,7 +13,12 @@
justify-content: flex-end;
flex-direction: column;
height: 300px;
- background-image: url("../../../assets/images/game_studio_banner.png");
+ &.game-banner {
+ background-image: url("../../../assets/images/game_studio_banner.png");
+ }
+ &.popu-banner {
+ background-image: url("../../../assets/images/popularization_banner.png");
+ }
background-size: cover;
background-repeat: no-repeat;
background-position: 0% 90%;
@@ -21,7 +26,7 @@
color: white;
font-size: 2.5em;
margin: 40px;
- text-shadow: 0 0 6px #000;
+ text-shadow: 0 0 6px #0003;
}
}
.section-contents {
diff --git a/style/pages/education/education.css b/style/pages/education/education.css
index 2329d15f139fd2e3ae2c874e6f3b4a20c317710e..bd021868ddc935fda9d3f2adf28d334ca3867c5b 100644
--- a/style/pages/education/education.css
+++ b/style/pages/education/education.css
@@ -1,9 +1,9 @@
/* Error: Undefined variable.
* ,
- * 42 | background-color: $light_0;
+ * 47 | background-color: $light_0;
* | ^^^^^^^^
* '
- * src/pages/education/education.scss 42:31 root stylesheet */
+ * src/pages/education/education.scss 47:31 root stylesheet */
body::before {
font-family: "Source Code Pro", "SF Mono", Monaco, Inconsolata, "Fira Mono",
@@ -13,5 +13,5 @@ body::before {
padding: 1em;
margin-bottom: 1em;
border-bottom: 2px solid black;
- content: "Error: Undefined variable.\a \2577 \a 42 \2502 background-color: $light_0;\a \2502 ^^^^^^^^\a \2575 \a src/pages/education/education.scss 42:31 root stylesheet";
+ content: "Error: Undefined variable.\a \2577 \a 47 \2502 background-color: $light_0;\a \2502 ^^^^^^^^\a \2575 \a src/pages/education/education.scss 47:31 root stylesheet";
}
diff --git a/style/style.css b/style/style.css
index 35a993d0f12ce50cbdafb9bf3a6b6b5f7caf1719..13f29f2ca3cd4fa54c5b4356b947d107da4dfdab 100644
--- a/style/style.css
+++ b/style/style.css
@@ -98,16 +98,21 @@ main #page-container #education-page .title-banner {
justify-content: flex-end;
flex-direction: column;
height: 300px;
- background-image: url("../../../assets/images/game_studio_banner.png");
background-size: cover;
background-repeat: no-repeat;
background-position: 0% 90%;
}
+main #page-container #education-page .title-banner.game-banner {
+ background-image: url("../../../assets/images/game_studio_banner.png");
+}
+main #page-container #education-page .title-banner.popu-banner {
+ background-image: url("../../../assets/images/popularization_banner.png");
+}
main #page-container #education-page .title-banner h2 {
color: white;
font-size: 2.5em;
margin: 40px;
- text-shadow: 0 0 6px #000;
+ text-shadow: 0 0 6px #0003;
}
main #page-container #education-page .section-contents {
margin: 20px 40px 60px;
diff --git a/style/style.css.map b/style/style.css.map
index 9c151b531161678cc31f4c0ab9e3a1bdfe899963..2d8e97b39ae24851224055c546923d4c418c1a5c 100644
--- a/style/style.css.map
+++ b/style/style.css.map
@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../src/style.scss","../src/theme.scss","../src/pages/education/education.scss"],"names":[],"mappings":"AAEA;EAQI;EACA;;AARA;EACI;EACA,OCLC;EDMD;EACA;EACA;;AAIJ;EACI;EACA;EACA;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;;AAEI;EACI;EACA;EACA;EACA;;AACA;EACI;;AACA;EACI;EACA;EACA;EACA;EACA,OCrCd;EDsCc;EACA;;AACA;EACI;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACI,OC/DnB;EDgEmB;;AAIJ;EACI,OCrEnB;;ADwEe;EACI;EACA;;AACA;EACI,OCzEtB;ED0EsB;;AAII;EACI,OClF/B;;AD4FL;EACI;EACA;EACA;EACA;;AEhGJ;EACI;EACA;;AAEJ;EACI;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;;AAGR;EACI;EACA;EACA;EACA;EACA;;AACA;EACI;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA,kBDtCF;ECuCE;;AACA;EACI;EACA;EACA;EACA;;AACA;EACI;;AAEJ;AAAA;EAEI;EACA;;AAIZ;EACI;EACA;EACA;EACA;EACA;;AACA;EAyCI;EACA;EACA;EACA;EACA;;AA5CA;EACI;EACA;;AAEJ;EACI;EACA;;AAEJ;EACI;EACA;;AAEJ;EACI;EACA;;AAEJ;EACI;EACA;;AAEJ;EACI;EACA;;AAEJ;EACI;EACA;;AAEJ;EACI;EACA;;AAEJ;EACI;EACA;;AAEJ;EACI;EACA;;AAOJ;EACI,OD9GX;EC+GW;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;;AAEJ;EACI;EACA;EACA;;AAIJ;EACI;EACA;;AAMhB;EACI;EACA;EACA,kBDtJF;ECuJE;;AACA;AAAA;EAEI;EACA;EACA;EACA;;AAEA;AAAA;EACI;;AAGA;AAAA;EACI;EACA;;AACA;AAAA;EACI;EACA;;AFvExB;EACI;EACA;EACA","file":"style.css"}
\ No newline at end of file
+{"version":3,"sourceRoot":"","sources":["../src/style.scss","../src/theme.scss","../src/pages/education/education.scss"],"names":[],"mappings":"AAEA;EAQI;EACA;;AARA;EACI;EACA,OCLC;EDMD;EACA;EACA;;AAIJ;EACI;EACA;EACA;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;;AAEI;EACI;EACA;EACA;EACA;;AACA;EACI;;AACA;EACI;EACA;EACA;EACA;EACA,OCrCd;EDsCc;EACA;;AACA;EACI;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACI,OC/DnB;EDgEmB;;AAIJ;EACI,OCrEnB;;ADwEe;EACI;EACA;;AACA;EACI,OCzEtB;ED0EsB;;AAII;EACI,OClF/B;;AD4FL;EACI;EACA;EACA;EACA;;AEhGJ;EACI;EACA;;AAEJ;EACI;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EAOA;EACA;EACA;;AARA;EACI;;AAEJ;EACI;;AAKJ;EACI;EACA;EACA;EACA;;AAGR;EACI;EACA;EACA;EACA;EACA;;AACA;EACI;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA,kBD3CF;EC4CE;;AACA;EACI;EACA;EACA;EACA;;AACA;EACI;;AAEJ;AAAA;EAEI;EACA;;AAIZ;EACI;EACA;EACA;EACA;EACA;;AACA;EAyCI;EACA;EACA;EACA;EACA;;AA5CA;EACI;EACA;;AAEJ;EACI;EACA;;AAEJ;EACI;EACA;;AAEJ;EACI;EACA;;AAEJ;EACI;EACA;;AAEJ;EACI;EACA;;AAEJ;EACI;EACA;;AAEJ;EACI;EACA;;AAEJ;EACI;EACA;;AAEJ;EACI;EACA;;AAOJ;EACI,ODnHX;ECoHW;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;;AAEJ;EACI;EACA;EACA;;AAIJ;EACI;EACA;;AAMhB;EACI;EACA;EACA,kBD3JF;EC4JE;;AACA;AAAA;EAEI;EACA;EACA;EACA;;AAEA;AAAA;EACI;;AAGA;AAAA;EACI;EACA;;AACA;AAAA;EACI;EACA;;AF5ExB;EACI;EACA;EACA","file":"style.css"}
\ No newline at end of file