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 bcd8ae5b authored by peter_rabbit's avatar peter_rabbit
Browse files

design backgrounds

parent 350fbce8
No related branches found
No related tags found
No related merge requests found
Hide whitespace changes
Inline Side-by-side
public/education/education.js
+ 11
− 5
View file @ bcd8ae5b
...@@ -676,12 +676,18 @@ class EducationPage { ...@@ -676,12 +676,18 @@ class EducationPage {
tag: "div", tag: "div",
id: "education-page", id: "education-page",
contents: [ contents: [
{ tag: "h1", contents: "<blue>Pédagogie</blue>" },
{ {
tag: "p", tag: "div",
class: "edu-philo", class: "page-header",
contents: contents: [
"Démystifier et s'approprier la technologie par le partage de connaissances.", { tag: "h1", contents: "<blue>Pédagogie</blue>" },
{
tag: "p",
class: "edu-philo",
contents:
"Démystifier et s'approprier la technologie par le partage de connaissances.",
},
],
}, },
new GameStudioClub().render(), new GameStudioClub().render(),
new Popularization().render(), new Popularization().render(),
......
public/style/pages/education/education.css
+ 4
− 4
View file @ bcd8ae5b
/* Error: Undefined variable. /* Error: Undefined variable.
* , * ,
* 16 | color: $medium_grey; * 17 | color: $blue_3;
* | ^^^^^^^^^^^^ * | ^^^^^^^
* ' * '
* src/pages/education/education.scss 16:16 root stylesheet */ * src/pages/education/education.scss 17:16 root stylesheet */
body::before { body::before {
font-family: "Source Code Pro", "SF Mono", Monaco, Inconsolata, "Fira Mono", font-family: "Source Code Pro", "SF Mono", Monaco, Inconsolata, "Fira Mono",
...@@ -13,5 +13,5 @@ body::before { ...@@ -13,5 +13,5 @@ body::before {
padding: 1em; padding: 1em;
margin-bottom: 1em; margin-bottom: 1em;
border-bottom: 2px solid black; border-bottom: 2px solid black;
content: "Error: Undefined variable.\a \2577 \a 16 \2502 color: $medium_grey;\a \2502 ^^^^^^^^^^^^\a \2575 \a src/pages/education/education.scss 16:16 root stylesheet"; content: "Error: Undefined variable.\a \2577 \a 17 \2502 color: $blue_3;\a \2502 ^^^^^^^\a \2575 \a src/pages/education/education.scss 17:16 root stylesheet";
} }
public/style/style.css
+ 12
− 9
View file @ bcd8ae5b
...@@ -23,7 +23,6 @@ body blue { ...@@ -23,7 +23,6 @@ body blue {
} }
main { main {
background: url("/assets/images/wallpaper_binary_white.png");
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
...@@ -165,11 +164,15 @@ main #page-container { ...@@ -165,11 +164,15 @@ main #page-container {
width: 100%; width: 100%;
flex: 1; flex: 1;
} }
main #page-container .page-header {
background-image: url("/assets/images/wallpaper_binary.png");
}
main #page-container #education-page h1 { main #page-container #education-page h1 {
padding: 15px 40px 0; padding: 15px 40px 0;
font-size: 25px; font-size: 25px;
margin: 0; margin: 0 auto;
background-color: white; max-width: 100%;
width: 1300px;
} }
main #page-container #education-page h3.big { main #page-container #education-page h3.big {
font-size: 30px; font-size: 30px;
...@@ -177,9 +180,10 @@ main #page-container #education-page h3.big { ...@@ -177,9 +180,10 @@ main #page-container #education-page h3.big {
main #page-container #education-page .edu-philo { main #page-container #education-page .edu-philo {
padding: 15px 40px 15px 100px; padding: 15px 40px 15px 100px;
font-style: italic; font-style: italic;
color: #6b7880; color: #72e3f0;
margin: 0; margin: 0 auto;
background-color: white; max-width: 100%;
width: 1300px;
} }
main #page-container #education-page .title-banner { main #page-container #education-page .title-banner {
display: flex; display: flex;
...@@ -212,7 +216,6 @@ main #page-container #education-page .section-contents { ...@@ -212,7 +216,6 @@ main #page-container #education-page .section-contents {
height: auto; height: auto;
width: 1300px; width: 1300px;
max-width: 100%; max-width: 100%;
background-color: white;
} }
main #page-container #education-page .section-contents .full-row { main #page-container #education-page .section-contents .full-row {
grid-column: 1/span 2; grid-column: 1/span 2;
...@@ -223,7 +226,7 @@ main #page-container #education-page .section-contents .practical-infos { ...@@ -223,7 +226,7 @@ main #page-container #education-page .section-contents .practical-infos {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: 40px; gap: 40px;
background-color: #d4d9dd; background-image: url("/assets/images/wallpaper_binary_light.png");
padding: 30px; padding: 30px;
} }
main #page-container #education-page .section-contents .practical-infos .info-item { main #page-container #education-page .section-contents .practical-infos .info-item {
...@@ -311,7 +314,7 @@ main #page-container #education-page .section-contents .list-wrapper ul.learning ...@@ -311,7 +314,7 @@ main #page-container #education-page .section-contents .list-wrapper ul.learning
main #page-container #education-page .section-contents .infos-inscriptions { main #page-container #education-page .section-contents .infos-inscriptions {
display: flex; display: flex;
gap: 40px; gap: 40px;
background-color: #d4d9dd; background-image: url("/assets/images/wallpaper_binary_light.png");
padding: 30px; padding: 30px;
} }
main #page-container #education-page .section-contents .infos-inscriptions .groups, main #page-container #education-page .section-contents .infos-inscriptions .groups,
......
src/pages/education/education.js
+ 11
− 5
View file @ bcd8ae5b
...@@ -13,12 +13,18 @@ class EducationPage { ...@@ -13,12 +13,18 @@ class EducationPage {
tag: "div", tag: "div",
id: "education-page", id: "education-page",
contents: [ contents: [
{ tag: "h1", contents: "<blue>Pédagogie</blue>" },
{ {
tag: "p", tag: "div",
class: "edu-philo", class: "page-header",
contents: contents: [
"Démystifier et s'approprier la technologie par le partage de connaissances.", { tag: "h1", contents: "<blue>Pédagogie</blue>" },
{
tag: "p",
class: "edu-philo",
contents:
"Démystifier et s'approprier la technologie par le partage de connaissances.",
},
],
}, },
new GameStudioClub().render(), new GameStudioClub().render(),
new Popularization().render(), new Popularization().render(),
......
src/pages/education/education.scss
+ 11
− 8
View file @ bcd8ae5b
...@@ -2,8 +2,9 @@ ...@@ -2,8 +2,9 @@
h1 { h1 {
padding: 15px 40px 0; padding: 15px 40px 0;
font-size: 25px; font-size: 25px;
margin: 0; margin: 0 auto;
background-color: white; max-width: 100%;
width: 1300px;
} }
h3 { h3 {
&.big { &.big {
...@@ -13,9 +14,10 @@ ...@@ -13,9 +14,10 @@
.edu-philo { .edu-philo {
padding: 15px 40px 15px 100px; padding: 15px 40px 15px 100px;
font-style: italic; font-style: italic;
color: $medium_grey; color: $blue_3;
margin: 0; margin: 0 auto;
background-color: white; max-width: 100%;
width: 1300px;
} }
.title-banner { .title-banner {
display: flex; display: flex;
...@@ -48,7 +50,6 @@ ...@@ -48,7 +50,6 @@
height: auto; height: auto;
width:1300px; width:1300px;
max-width: 100%; max-width: 100%;
background-color: white;
.full-row { .full-row {
grid-column: 1 / span 2; grid-column: 1 / span 2;
} }
...@@ -58,7 +59,8 @@ ...@@ -58,7 +59,8 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: 40px; gap: 40px;
background-color: $light_0; // background-color: $light_0;
background-image: url("/assets/images/wallpaper_binary_light.png");
padding: 30px; padding: 30px;
.info-item { .info-item {
display: flex; display: flex;
...@@ -149,7 +151,8 @@ ...@@ -149,7 +151,8 @@
.infos-inscriptions { .infos-inscriptions {
display: flex; display: flex;
gap: 40px; gap: 40px;
background-color: $light_0; // background-color: $light_0;
background-image: url("/assets/images/wallpaper_binary_light.png");
padding: 30px; padding: 30px;
.groups, .groups,
.pricing { .pricing {
......
src/style.scss
+ 4
− 1
View file @ bcd8ae5b
...@@ -26,7 +26,7 @@ body { ...@@ -26,7 +26,7 @@ body {
} }
main { main {
background: url("/assets/images/wallpaper_binary_white.png"); // background: url("/assets/images/wallpaper_binary_white.png");
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
...@@ -180,6 +180,9 @@ main { ...@@ -180,6 +180,9 @@ main {
#page-container { #page-container {
width: 100%; width: 100%;
flex: 1; flex: 1;
.page-header {
background-image: url("/assets/images/wallpaper_binary.png");
}
@import "./pages/education/education.scss"; @import "./pages/education/education.scss";
} }
footer { footer {
......
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