diff --git a/public/education/education.js b/public/education/education.js index 7bf875beeeb6ae6881aa0c8eae3ea8fbbab1135b..870d75b0c988bdd20d22b031194aaefe28de7a37 100644 --- a/public/education/education.js +++ b/public/education/education.js @@ -210,24 +210,29 @@ 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: "special-announcement", + contents: [ + { + tag: "div", + class: "page-contents-center", + contents: [ + { + tag: "p", + contents: ` + <green>Mise à jour en préparation : </green><br /> + Le programme pédagogique va être amené à changer très prochainement, la durée des séances sera raccourcie à 1h30, + les matières abordées dans le de développement de jeu seront proposées séparément (animation 2D, programmation, + sons électroniques, maths / physique, etc.), et l'accès au nombre de séances hebdomadaire ne sera plus limité quelle + que soit la durée de l'abonnement.<br /> + Vous pouvez d'ores et déjà tenir compte de ces changements pour une inscription prochaine ou une réinscription. + `, + }, + ], + }, + ], + }, { tag: "div", class: "section-contents page-contents-center", @@ -501,14 +506,14 @@ class GameStudioClub { }, { tag: "div", - class:"documents", + class: "documents", contents: [ { tag: "div", contents: "Télécharger la fiche d'inscription", }, { - tag:"div", + tag: "div", class: "links", contents: [ { @@ -527,7 +532,7 @@ class GameStudioClub { }, ] } - + ], }, ], @@ -538,7 +543,7 @@ class GameStudioClub { tag: "div", class: "teacher", contents: [ - + { tag: "div", class: "teacher-card", @@ -559,11 +564,11 @@ class GameStudioClub { ], }, { - tag:"div", - class:"infos-text", + tag: "div", + class: "infos-text", contents: [ { - tag:"h4", + tag: "h4", contents: "Pierre Jarriges" }, { diff --git a/public/style/style.css b/public/style/style.css index 207814c1c6d2df314aaf72219331798a81bbc361..4632a54da3640dcaf6d5c565669e5271da7e2a71 100644 --- a/public/style/style.css +++ b/public/style/style.css @@ -22,6 +22,12 @@ body a:hover { body blue { color: #4baabb; } +body red { + color: #9c3030; +} +body green { + color: #368736; +} body emoji { font-style: initial; font-size: 25px; @@ -821,13 +827,13 @@ main #page-container #education-page .special-announcement .page-contents-center 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; + padding: 40px 0; } main #page-container #education-page .section-contents { padding: 20px 40px 60px; diff --git a/src/pages/education/components/game-studio-club.js b/src/pages/education/components/game-studio-club.js index 90e40bbd45978ebcce8b545833566bbbf4ae85b2..089c14947d0fe4be650e3c9ca73da40edb7b5185 100644 --- a/src/pages/education/components/game-studio-club.js +++ b/src/pages/education/components/game-studio-club.js @@ -89,24 +89,29 @@ 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: "special-announcement", + contents: [ + { + tag: "div", + class: "page-contents-center", + contents: [ + { + tag: "p", + contents: ` + <green>Mise à jour en préparation : </green><br /> + Le programme pédagogique va être amené à changer très prochainement, la durée des séances sera raccourcie à 1h30, + les matières abordées dans le de développement de jeu seront proposées séparément (animation 2D, programmation, + sons électroniques, maths / physique, etc.), et l'accès au nombre de séances hebdomadaire ne sera plus limité quelle + que soit la durée de l'abonnement.<br /> + Vous pouvez d'ores et déjà tenir compte de ces changements pour une inscription prochaine ou une réinscription. + `, + }, + ], + }, + ], + }, { tag: "div", class: "section-contents page-contents-center", @@ -380,14 +385,14 @@ class GameStudioClub { }, { tag: "div", - class:"documents", + class: "documents", contents: [ { tag: "div", contents: "Télécharger la fiche d'inscription", }, { - tag:"div", + tag: "div", class: "links", contents: [ { @@ -406,7 +411,7 @@ class GameStudioClub { }, ] } - + ], }, ], @@ -417,7 +422,7 @@ class GameStudioClub { tag: "div", class: "teacher", contents: [ - + { tag: "div", class: "teacher-card", @@ -438,11 +443,11 @@ class GameStudioClub { ], }, { - tag:"div", - class:"infos-text", + tag: "div", + class: "infos-text", contents: [ { - tag:"h4", + tag: "h4", contents: "Pierre Jarriges" }, { diff --git a/src/pages/education/education.scss b/src/pages/education/education.scss index 7fe2394b1936d6e49199c1550c1af34b1a6984fb..6430ccd8b028bdb15a3af1b4abb783b37e7cca00 100644 --- a/src/pages/education/education.scss +++ b/src/pages/education/education.scss @@ -31,12 +31,12 @@ .page-contents-center { padding: 0 20px; @include flex-center; - height: 100px; p { color: $dark_3; font-size: 20px; font-weight: 600; margin: 0; + padding: 40px 0; } } } @@ -172,8 +172,8 @@ .documents { margin-top: 20px; .links { - display: flex; - gap: 20px; + display: flex; + gap: 20px; .download-link { border: 1px solid; padding: 8px; @@ -183,7 +183,6 @@ } } } - } } diff --git a/src/style.scss b/src/style.scss index 1f7417037c1c9122e2feaeb062eef1b3e12c98d4..329f2922253438ffbb074e738ad955826f62fdb7 100644 --- a/src/style.scss +++ b/src/style.scss @@ -24,6 +24,12 @@ body { blue { color: $blue_2; } + red { + color: $red_1; + } + green { + color: $kaki; + } emoji { font-style: initial; font-size: 25px;