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

footer

parent ed279c2a
No related branches found
No related tags found
No related merge requests found
Hide whitespace changes
Inline Side-by-side
Showing
with 228 additions and 40 deletions
public/education/education.js
+ 45
− 7
View file @ 780b95bc
...@@ -518,8 +518,24 @@ class Popularization { ...@@ -518,8 +518,24 @@ class Popularization {
{ {
tag: "div", tag: "div",
class: "full-row", class: "full-row",
contents: contents: [
"<b>Nous proposons des animations d'une journée de vulgarisation autour de l'informatique sur les thèmes suivants</b>", {
tag: "h3",
class: "big",
contents:
"<blue>Démystifier</blue> l'informatique",
},
{
tag: "strong",
contents:
"Pour <blue>découvrir et échanger</blue> autour des <blue>outils numériques</blue> que nous utilisons tous les jours !",
},
{
tag: "p",
contents:
"<em>Des animations d'un journée ouvertes à tous organisées en partenariat avec les structures demandeuses</em>",
},
]
}, },
{ {
tag: "div", tag: "div",
...@@ -701,8 +717,6 @@ module.exports = function runPage(PageComponent) { ...@@ -701,8 +717,6 @@ module.exports = function runPage(PageComponent) {
const { images_url } = require("../../../constants"); const { images_url } = require("../../../constants");
const HOME_LOGO = "logo_kuadrado.svg";
const HOME_LOGO_TXT = "logo_kuadrado_txt.svg";
const NAV_MENU_ITEMS = [ const NAV_MENU_ITEMS = [
["/games/", "Jeux"], ["/games/", "Jeux"],
["/software-development/", "Software"], ["/software-development/", "Software"],
...@@ -747,8 +761,12 @@ class NavBar { ...@@ -747,8 +761,12 @@ class NavBar {
tag: "a", tag: "a",
href: "/", href: "/",
contents: [ contents: [
{ tag: "img", src: `${images_url}/${HOME_LOGO}` }, { tag: "img", src: `${images_url}/logo_kuadrado.svg` },
{ tag: "img", class: "logo-text", src: `${images_url}/${HOME_LOGO_TXT}` }, {
tag: "img",
class: "logo-text",
src: `${images_url}/logo_kuadrado_txt.svg`,
},
], ],
}, },
], ],
...@@ -803,6 +821,7 @@ module.exports = NavBar; ...@@ -803,6 +821,7 @@ module.exports = NavBar;
},{"../../../constants":2}],10:[function(require,module,exports){ },{"../../../constants":2}],10:[function(require,module,exports){
"use strict"; "use strict";
const { images_url } = require("../../constants");
const NavBar = require("./components/navbar"); const NavBar = require("./components/navbar");
class Template { class Template {
...@@ -825,6 +844,25 @@ class Template { ...@@ -825,6 +844,25 @@ class Template {
{ {
tag: "footer", tag: "footer",
contents: [ contents: [
{
tag: "div",
class: "logo",
contents: [
{
tag: "img",
src: `${images_url}/logo_kuadrado.svg`,
},
{
tag: "img",
class:"text-logo",
src: `${images_url}/logo_kuadrado_txt.svg`,
},
],
},
{
tag:"span",
contents: "Toutes les images du site ont été réalisées par nos soins et peuvent être réutilisées pour un usage personnel."
},
{ {
tag: "a", tag: "a",
href: "mailto:contact@kuadrado-software.fr", href: "mailto:contact@kuadrado-software.fr",
...@@ -839,4 +877,4 @@ class Template { ...@@ -839,4 +877,4 @@ class Template {
module.exports = Template; module.exports = Template;
},{"./components/navbar":9}]},{},[7]); },{"../../constants":2,"./components/navbar":9}]},{},[7]);
public/games/games.js
+ 27
− 5
View file @ 780b95bc
...@@ -154,8 +154,6 @@ module.exports = function runPage(PageComponent) { ...@@ -154,8 +154,6 @@ module.exports = function runPage(PageComponent) {
const { images_url } = require("../../../constants"); const { images_url } = require("../../../constants");
const HOME_LOGO = "logo_kuadrado.svg";
const HOME_LOGO_TXT = "logo_kuadrado_txt.svg";
const NAV_MENU_ITEMS = [ const NAV_MENU_ITEMS = [
["/games/", "Jeux"], ["/games/", "Jeux"],
["/software-development/", "Software"], ["/software-development/", "Software"],
...@@ -200,8 +198,12 @@ class NavBar { ...@@ -200,8 +198,12 @@ class NavBar {
tag: "a", tag: "a",
href: "/", href: "/",
contents: [ contents: [
{ tag: "img", src: `${images_url}/${HOME_LOGO}` }, { tag: "img", src: `${images_url}/logo_kuadrado.svg` },
{ tag: "img", class: "logo-text", src: `${images_url}/${HOME_LOGO_TXT}` }, {
tag: "img",
class: "logo-text",
src: `${images_url}/logo_kuadrado_txt.svg`,
},
], ],
}, },
], ],
...@@ -256,6 +258,7 @@ module.exports = NavBar; ...@@ -256,6 +258,7 @@ module.exports = NavBar;
},{"../../../constants":2}],8:[function(require,module,exports){ },{"../../../constants":2}],8:[function(require,module,exports){
"use strict"; "use strict";
const { images_url } = require("../../constants");
const NavBar = require("./components/navbar"); const NavBar = require("./components/navbar");
class Template { class Template {
...@@ -278,6 +281,25 @@ class Template { ...@@ -278,6 +281,25 @@ class Template {
{ {
tag: "footer", tag: "footer",
contents: [ contents: [
{
tag: "div",
class: "logo",
contents: [
{
tag: "img",
src: `${images_url}/logo_kuadrado.svg`,
},
{
tag: "img",
class:"text-logo",
src: `${images_url}/logo_kuadrado_txt.svg`,
},
],
},
{
tag:"span",
contents: "Toutes les images du site ont été réalisées par nos soins et peuvent être réutilisées pour un usage personnel."
},
{ {
tag: "a", tag: "a",
href: "mailto:contact@kuadrado-software.fr", href: "mailto:contact@kuadrado-software.fr",
...@@ -292,4 +314,4 @@ class Template { ...@@ -292,4 +314,4 @@ class Template {
module.exports = Template; module.exports = Template;
},{"./components/navbar":7}]},{},[5]); },{"../../constants":2,"./components/navbar":7}]},{},[5]);
public/main.js
+ 27
− 5
View file @ 780b95bc
...@@ -154,8 +154,6 @@ module.exports = function runPage(PageComponent) { ...@@ -154,8 +154,6 @@ module.exports = function runPage(PageComponent) {
const { images_url } = require("../../../constants"); const { images_url } = require("../../../constants");
const HOME_LOGO = "logo_kuadrado.svg";
const HOME_LOGO_TXT = "logo_kuadrado_txt.svg";
const NAV_MENU_ITEMS = [ const NAV_MENU_ITEMS = [
["/games/", "Jeux"], ["/games/", "Jeux"],
["/software-development/", "Software"], ["/software-development/", "Software"],
...@@ -200,8 +198,12 @@ class NavBar { ...@@ -200,8 +198,12 @@ class NavBar {
tag: "a", tag: "a",
href: "/", href: "/",
contents: [ contents: [
{ tag: "img", src: `${images_url}/${HOME_LOGO}` }, { tag: "img", src: `${images_url}/logo_kuadrado.svg` },
{ tag: "img", class: "logo-text", src: `${images_url}/${HOME_LOGO_TXT}` }, {
tag: "img",
class: "logo-text",
src: `${images_url}/logo_kuadrado_txt.svg`,
},
], ],
}, },
], ],
...@@ -256,6 +258,7 @@ module.exports = NavBar; ...@@ -256,6 +258,7 @@ module.exports = NavBar;
},{"../../../constants":2}],8:[function(require,module,exports){ },{"../../../constants":2}],8:[function(require,module,exports){
"use strict"; "use strict";
const { images_url } = require("../../constants");
const NavBar = require("./components/navbar"); const NavBar = require("./components/navbar");
class Template { class Template {
...@@ -278,6 +281,25 @@ class Template { ...@@ -278,6 +281,25 @@ class Template {
{ {
tag: "footer", tag: "footer",
contents: [ contents: [
{
tag: "div",
class: "logo",
contents: [
{
tag: "img",
src: `${images_url}/logo_kuadrado.svg`,
},
{
tag: "img",
class:"text-logo",
src: `${images_url}/logo_kuadrado_txt.svg`,
},
],
},
{
tag:"span",
contents: "Toutes les images du site ont été réalisées par nos soins et peuvent être réutilisées pour un usage personnel."
},
{ {
tag: "a", tag: "a",
href: "mailto:contact@kuadrado-software.fr", href: "mailto:contact@kuadrado-software.fr",
...@@ -292,4 +314,4 @@ class Template { ...@@ -292,4 +314,4 @@ class Template {
module.exports = Template; module.exports = Template;
},{"./components/navbar":7}]},{},[5]); },{"../../constants":2,"./components/navbar":7}]},{},[5]);
public/software-development/software-development.js
+ 27
− 5
View file @ 780b95bc
...@@ -154,8 +154,6 @@ module.exports = function runPage(PageComponent) { ...@@ -154,8 +154,6 @@ module.exports = function runPage(PageComponent) {
const { images_url } = require("../../../constants"); const { images_url } = require("../../../constants");
const HOME_LOGO = "logo_kuadrado.svg";
const HOME_LOGO_TXT = "logo_kuadrado_txt.svg";
const NAV_MENU_ITEMS = [ const NAV_MENU_ITEMS = [
["/games/", "Jeux"], ["/games/", "Jeux"],
["/software-development/", "Software"], ["/software-development/", "Software"],
...@@ -200,8 +198,12 @@ class NavBar { ...@@ -200,8 +198,12 @@ class NavBar {
tag: "a", tag: "a",
href: "/", href: "/",
contents: [ contents: [
{ tag: "img", src: `${images_url}/${HOME_LOGO}` }, { tag: "img", src: `${images_url}/logo_kuadrado.svg` },
{ tag: "img", class: "logo-text", src: `${images_url}/${HOME_LOGO_TXT}` }, {
tag: "img",
class: "logo-text",
src: `${images_url}/logo_kuadrado_txt.svg`,
},
], ],
}, },
], ],
...@@ -256,6 +258,7 @@ module.exports = NavBar; ...@@ -256,6 +258,7 @@ module.exports = NavBar;
},{"../../../constants":2}],8:[function(require,module,exports){ },{"../../../constants":2}],8:[function(require,module,exports){
"use strict"; "use strict";
const { images_url } = require("../../constants");
const NavBar = require("./components/navbar"); const NavBar = require("./components/navbar");
class Template { class Template {
...@@ -278,6 +281,25 @@ class Template { ...@@ -278,6 +281,25 @@ class Template {
{ {
tag: "footer", tag: "footer",
contents: [ contents: [
{
tag: "div",
class: "logo",
contents: [
{
tag: "img",
src: `${images_url}/logo_kuadrado.svg`,
},
{
tag: "img",
class:"text-logo",
src: `${images_url}/logo_kuadrado_txt.svg`,
},
],
},
{
tag:"span",
contents: "Toutes les images du site ont été réalisées par nos soins et peuvent être réutilisées pour un usage personnel."
},
{ {
tag: "a", tag: "a",
href: "mailto:contact@kuadrado-software.fr", href: "mailto:contact@kuadrado-software.fr",
...@@ -292,4 +314,4 @@ class Template { ...@@ -292,4 +314,4 @@ class Template {
module.exports = Template; module.exports = Template;
},{"./components/navbar":7}]},{},[5]); },{"../../constants":2,"./components/navbar":7}]},{},[5]);
public/style/pages/education/education.css
+ 4
− 4
View file @ 780b95bc
/* Error: Undefined variable. /* Error: Undefined variable.
* , * ,
* 53 | background-color: $light_0; * 15 | color: $light_2;
* | ^^^^^^^^ * | ^^^^^^^^
* ' * '
* src/pages/education/education.scss 53:31 root stylesheet */ * src/pages/education/education.scss 15: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 53 \2502 background-color: $light_0;\a \2502 ^^^^^^^^\a \2575 \a src/pages/education/education.scss 53:31 root stylesheet"; content: "Error: Undefined variable.\a \2577 \a 15 \2502 color: $light_2;\a \2502 ^^^^^^^^\a \2575 \a src/pages/education/education.scss 15:16 root stylesheet";
} }
public/style/style.css
+ 27
− 4
View file @ 780b95bc
...@@ -178,6 +178,7 @@ main #page-container #education-page .edu-philo { ...@@ -178,6 +178,7 @@ main #page-container #education-page .edu-philo {
margin: 15px 40px 15px 100px; margin: 15px 40px 15px 100px;
max-width: 800px; max-width: 800px;
font-style: italic; font-style: italic;
color: #aabbc8;
} }
main #page-container #education-page .title-banner { main #page-container #education-page .title-banner {
display: flex; display: flex;
...@@ -228,6 +229,7 @@ main #page-container #education-page .section-contents .practical-infos .info-it ...@@ -228,6 +229,7 @@ main #page-container #education-page .section-contents .practical-infos .info-it
} }
main #page-container #education-page .section-contents .practical-infos .info-item strong { main #page-container #education-page .section-contents .practical-infos .info-item strong {
margin-bottom: 10px; margin-bottom: 10px;
white-space: nowrap;
} }
main #page-container #education-page .section-contents .practical-infos .info-item span, main #page-container #education-page .section-contents .practical-infos .info-item span,
main #page-container #education-page .section-contents .practical-infos .info-item a { main #page-container #education-page .section-contents .practical-infos .info-item a {
...@@ -250,11 +252,12 @@ main #page-container #education-page .section-contents .list-wrapper ul.learning ...@@ -250,11 +252,12 @@ main #page-container #education-page .section-contents .list-wrapper ul.learning
flex-direction: column; flex-direction: column;
} }
main #page-container #education-page .section-contents .list-wrapper ul.learning-themes li.learning-theme .title { main #page-container #education-page .section-contents .list-wrapper ul.learning-themes li.learning-theme .title {
color: #3c4144; color: #6b7880;
display: block; display: block;
position: absolute; position: absolute;
background-color: #fff9; background-color: #fffa;
padding: 5px 25px; padding: 3px 25px;
width: 100%;
} }
main #page-container #education-page .section-contents .list-wrapper ul.learning-themes li.learning-theme img { main #page-container #education-page .section-contents .list-wrapper ul.learning-themes li.learning-theme img {
width: 100%; width: 100%;
...@@ -438,8 +441,28 @@ main #page-container #education-page .section-contents .infos-inscriptions .pric ...@@ -438,8 +441,28 @@ main #page-container #education-page .section-contents .infos-inscriptions .pric
} }
main footer { main footer {
width: 100%; width: 100%;
background-color: #fff1; background-image: url("/assets/images/wallpaper_binary.png");
padding: 20px; padding: 20px;
display: flex;
flex-direction: column;
align-items: center;
gap: 20px;
font-size: 12px;
}
main footer span {
color: #96a5ae;
}
main footer .logo {
display: flex;
justify-content: center;
align-items: center;
gap: 10px;
}
main footer .logo img {
width: 35px;
}
main footer .logo img.text-logo {
width: 100px;
} }
/*# sourceMappingURL=style.css.map */ /*# sourceMappingURL=style.css.map */
src/pages/education/components/popularization.js
+ 18
− 2
View file @ 780b95bc
...@@ -60,8 +60,24 @@ class Popularization { ...@@ -60,8 +60,24 @@ class Popularization {
{ {
tag: "div", tag: "div",
class: "full-row", class: "full-row",
contents: contents: [
"<b>Nous proposons des animations d'une journée de vulgarisation autour de l'informatique sur les thèmes suivants</b>", {
tag: "h3",
class: "big",
contents:
"<blue>Démystifier</blue> l'informatique",
},
{
tag: "strong",
contents:
"Pour <blue>découvrir et échanger</blue> autour des <blue>outils numériques</blue> que nous utilisons tous les jours !",
},
{
tag: "p",
contents:
"<em>Des animations d'un journée ouvertes à tous organisées en partenariat avec les structures demandeuses</em>",
},
]
}, },
{ {
tag: "div", tag: "div",
......
src/pages/education/education.scss
+ 6
− 3
View file @ 780b95bc
...@@ -12,6 +12,7 @@ ...@@ -12,6 +12,7 @@
margin: 15px 40px 15px 100px; margin: 15px 40px 15px 100px;
max-width: 800px; max-width: 800px;
font-style: italic; font-style: italic;
color: $light_2;
} }
.title-banner { .title-banner {
display: flex; display: flex;
...@@ -59,6 +60,7 @@ ...@@ -59,6 +60,7 @@
padding: 20px; padding: 20px;
strong { strong {
margin-bottom: 10px; margin-bottom: 10px;
white-space: nowrap;
} }
span, span,
a { a {
...@@ -80,11 +82,12 @@ ...@@ -80,11 +82,12 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
.title { .title {
color: $dark_2; color: $medium_grey;
display: block; display: block;
position: absolute; position: absolute;
background-color: #fff9; background-color: #fffa;
padding: 5px 25px; padding: 3px 25px;
width: 100%;
} }
img { img {
width: 100%; width: 100%;
......
src/style.scss
+ 21
− 1
View file @ 780b95bc
...@@ -186,7 +186,27 @@ main { ...@@ -186,7 +186,27 @@ main {
} }
footer { footer {
width: 100%; width: 100%;
background-color: #fff1; background-image: url("/assets/images/wallpaper_binary.png");
padding: 20px; padding: 20px;
display: flex;
flex-direction: column;
align-items: center;
gap: 20px;
font-size: 12px;
span {
color: $light_1;
}
.logo {
display: flex;
justify-content: center;
align-items: center;
gap: 10px;
img {
width: 35px;
&.text-logo {
width: 100px;
}
}
}
} }
} }
src/template/components/navbar.js
+ 6
− 4
View file @ 780b95bc
...@@ -2,8 +2,6 @@ ...@@ -2,8 +2,6 @@
const { images_url } = require("../../../constants"); const { images_url } = require("../../../constants");
const HOME_LOGO = "logo_kuadrado.svg";
const HOME_LOGO_TXT = "logo_kuadrado_txt.svg";
const NAV_MENU_ITEMS = [ const NAV_MENU_ITEMS = [
["/games/", "Jeux"], ["/games/", "Jeux"],
["/software-development/", "Software"], ["/software-development/", "Software"],
...@@ -48,8 +46,12 @@ class NavBar { ...@@ -48,8 +46,12 @@ class NavBar {
tag: "a", tag: "a",
href: "/", href: "/",
contents: [ contents: [
{ tag: "img", src: `${images_url}/${HOME_LOGO}` }, { tag: "img", src: `${images_url}/logo_kuadrado.svg` },
{ tag: "img", class: "logo-text", src: `${images_url}/${HOME_LOGO_TXT}` }, {
tag: "img",
class: "logo-text",
src: `${images_url}/logo_kuadrado_txt.svg`,
},
], ],
}, },
], ],
......
src/template/template.js
+ 20
− 0
View file @ 780b95bc
"use strict"; "use strict";
const { images_url } = require("../../constants");
const NavBar = require("./components/navbar"); const NavBar = require("./components/navbar");
class Template { class Template {
...@@ -22,6 +23,25 @@ class Template { ...@@ -22,6 +23,25 @@ class Template {
{ {
tag: "footer", tag: "footer",
contents: [ contents: [
{
tag: "div",
class: "logo",
contents: [
{
tag: "img",
src: `${images_url}/logo_kuadrado.svg`,
},
{
tag: "img",
class:"text-logo",
src: `${images_url}/logo_kuadrado_txt.svg`,
},
],
},
{
tag:"span",
contents: "Toutes les images du site ont été réalisées par nos soins et peuvent être réutilisées pour un usage personnel."
},
{ {
tag: "a", tag: "a",
href: "mailto:contact@kuadrado-software.fr", href: "mailto:contact@kuadrado-software.fr",
......
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