From 5c4d32da03a3f4260261b5654f28a112bce07acc Mon Sep 17 00:00:00 2001 From: Pierre Jarriges <pierre.jarriges@tutanota.com> Date: Fri, 16 Apr 2021 10:00:52 +0200 Subject: [PATCH] special_ann:update soon education --- public/education/education.js | 55 ++++++++++--------- public/style/style.css | 8 ++- .../education/components/game-studio-club.js | 55 ++++++++++--------- src/pages/education/education.scss | 7 +-- src/style.scss | 6 ++ 5 files changed, 76 insertions(+), 55 deletions(-) diff --git a/public/education/education.js b/public/education/education.js index 7bf875b..870d75b 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 207814c..4632a54 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 90e40bb..089c149 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 7fe2394..6430ccd 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 1f74170..329f292 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; -- GitLab