From 8f3f33d4588f6b946bb2b42d511021f1b1577eae Mon Sep 17 00:00:00 2001
From: peter_rabbit <pierrejarriges@gmail.com>
Date: Sun, 7 Feb 2021 13:43:44 +0100
Subject: [PATCH] feat:special annoucement game studio club
---
public/education/education.js | 26 +++++++++++++++++++
public/style/pages/education/education.css | 8 +++---
public/style/style.css | 17 ++++++++++++
.../education/components/game-studio-club.js | 26 +++++++++++++++++++
src/pages/education/education.scss | 16 ++++++++++--
5 files changed, 87 insertions(+), 6 deletions(-)
diff --git a/public/education/education.js b/public/education/education.js
index 1c26ac3..2c2a9b3 100644
--- a/public/education/education.js
+++ b/public/education/education.js
@@ -210,6 +210,24 @@ class GameStudioClub {
id: "game-studio-club", // anchor id
contents: [{ tag: "h2", contents: "Game Studio Club", property: "name" }],
},
+ {
+ tag: "div",
+ class: "special-announcement",
+ contents: [
+ {
+ tag: "div",
+ class: "page-contents-center",
+ contents: [
+ {
+ tag: "p",
+ contents: `
+ Démarrage des séances à partir du <blue>1er Mars 2021</blue>
+ `,
+ },
+ ],
+ },
+ ],
+ },
{
tag: "div",
class: "section-contents page-contents-center",
@@ -405,6 +423,14 @@ class GameStudioClub {
},
],
},
+ {
+ tag: "p",
+ contents: `
+ Les séances sont accessibles sur des plages horaires de 3 heures,
+ mais les participants peuvent arriver et repartir à l'heure qu'ils souhaitent,
+ ils ne sont pas obligés de rester les 3 heures.
+ `,
+ },
],
},
{
diff --git a/public/style/pages/education/education.css b/public/style/pages/education/education.css
index cb80c9d..b56ef64 100644
--- a/public/style/pages/education/education.css
+++ b/public/style/pages/education/education.css
@@ -1,9 +1,9 @@
/* Error: Undefined variable.
* ,
- * 71 | border: solid $light_0;
- * | ^^^^^^^^
+ * 30 | background-color: $yellow_2;
+ * | ^^^^^^^^^
* '
- * src/pages/education/education.scss 71:35 root stylesheet */
+ * src/pages/education/education.scss 30:27 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 71 \2502 border: solid $light_0;\a \2502 ^^^^^^^^\a \2575 \a src/pages/education/education.scss 71:35 root stylesheet";
+ content: "Error: Undefined variable.\a \2577 \a 30 \2502 background-color: $yellow_2;\a \2502 ^^^^^^^^^\a \2575 \a src/pages/education/education.scss 30:27 root stylesheet";
}
diff --git a/public/style/style.css b/public/style/style.css
index aff3fcc..fa35664 100644
--- a/public/style/style.css
+++ b/public/style/style.css
@@ -717,6 +717,23 @@ main #page-container #education-page .title-banner h2 {
margin: 40px;
text-shadow: 0 0 6px #0003;
}
+main #page-container #education-page .special-announcement {
+ background-color: #ffd000;
+}
+main #page-container #education-page .special-announcement .page-contents-center {
+ padding: 0 20px;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ flex-direction: row;
+ height: 100px;
+}
+main #page-container #education-page .special-announcement .page-contents-center p {
+ color: #555d61;
+ font-size: 20px;
+ font-weight: 600;
+ margin: 0;
+}
main #page-container #education-page .section-contents {
padding: 20px 40px 60px;
display: grid;
diff --git a/src/pages/education/components/game-studio-club.js b/src/pages/education/components/game-studio-club.js
index 04c1f41..304f911 100644
--- a/src/pages/education/components/game-studio-club.js
+++ b/src/pages/education/components/game-studio-club.js
@@ -89,6 +89,24 @@ class GameStudioClub {
id: "game-studio-club", // anchor id
contents: [{ tag: "h2", contents: "Game Studio Club", property: "name" }],
},
+ {
+ tag: "div",
+ class: "special-announcement",
+ contents: [
+ {
+ tag: "div",
+ class: "page-contents-center",
+ contents: [
+ {
+ tag: "p",
+ contents: `
+ Démarrage des séances à partir du <blue>1er Mars 2021</blue>
+ `,
+ },
+ ],
+ },
+ ],
+ },
{
tag: "div",
class: "section-contents page-contents-center",
@@ -284,6 +302,14 @@ class GameStudioClub {
},
],
},
+ {
+ tag: "p",
+ contents: `
+ Les séances sont accessibles sur des plages horaires de 3 heures,
+ mais les participants peuvent arriver et repartir à l'heure qu'ils souhaitent,
+ ils ne sont pas obligés de rester les 3 heures.
+ `,
+ },
],
},
{
diff --git a/src/pages/education/education.scss b/src/pages/education/education.scss
index 61552c9..34b9f48 100644
--- a/src/pages/education/education.scss
+++ b/src/pages/education/education.scss
@@ -26,6 +26,20 @@
text-shadow: 0 0 6px #0003;
}
}
+ .special-announcement {
+ background-color: $yellow_2;
+ .page-contents-center {
+ padding: 0 20px;
+ @include flex-center;
+ height: 100px;
+ p {
+ color: $dark_3;
+ font-size: 20px;
+ font-weight: 600;
+ margin: 0;
+ }
+ }
+ }
.section-contents {
padding: 20px 40px 60px;
display: grid;
@@ -41,7 +55,6 @@
display: flex;
flex-direction: column;
gap: 40px;
- // background-color: $light_0;
background-image: url("/assets/images/wallpaper_binary_light.png");
padding: 30px;
.info-item {
@@ -133,7 +146,6 @@
.infos-inscriptions {
display: flex;
gap: 40px;
- // background-color: $light_0;
background-image: url("/assets/images/wallpaper_binary_light.png");
padding: 30px;
.groups,
--
GitLab