Pour tout problème contactez-nous par mail : support@froggit.fr | La FAQ :grey_question: | Rejoignez-nous sur le Chat :speech_balloon:

Skip to content
Snippets Groups Projects
Commit 8f3f33d4 authored by peter_rabbit's avatar peter_rabbit
Browse files

feat:special annoucement game studio club

parent 900ea256
No related branches found
No related tags found
No related merge requests found
Hide whitespace changes
Inline Side-by-side
public/education/education.js
+ 26
− 0
View file @ 8f3f33d4
......@@ -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.
`,
},
],
},
{
......
public/style/pages/education/education.css
+ 4
− 4
View file @ 8f3f33d4
/* 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";
}
public/style/style.css
+ 17
− 0
View file @ 8f3f33d4
......@@ -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;
......
src/pages/education/components/game-studio-club.js
+ 26
− 0
View file @ 8f3f33d4
......@@ -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.
`,
},
],
},
{
......
src/pages/education/education.scss
+ 14
− 2
View file @ 8f3f33d4
......@@ -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,
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment

Froggit est fièrement fabriqué avec amour par Lydra avec des Logiciels Libres et hébergé en France chez Scaleway | Status du service