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
education.js 4.04 KiB
Newer Older
  • Learn to ignore specific revisions
  • peter_rabbit's avatar
    peter_rabbit committed
    "use strict";
    
    
    peter_rabbit's avatar
    peter_rabbit committed
    const { images_url } = require("../../../constants");
    
    peter_rabbit's avatar
    peter_rabbit committed
    const WebPage = require("../../lib/web-page");
    
    Pierre Jarriges's avatar
    Pierre Jarriges committed
    const translator = require("ks-cheap-translator");
    
    Pierre Jarriges's avatar
    Pierre Jarriges committed
    const EduArticles = require("./components/edu-articles");
    
    Pierre Jarriges's avatar
    Pierre Jarriges committed
    const t = translator.trad.bind(translator);
    
    
    const EDU_THEMES = [
        {
            title: "Programmation",
    
    Pierre Jarriges's avatar
    Pierre Jarriges committed
            description: "edu-learn-coding",
    
            image: "learning_theme_coding.png",
        },
        {
            title: "Dessin numérique et animation 2D",
    
    Pierre Jarriges's avatar
    Pierre Jarriges committed
            description: "edu-learn-2d",
    
            image: "learning_theme_2d.png",
        },
        {
    
    Pierre Jarriges's avatar
    Pierre Jarriges committed
            title: "Maths et physique",
    
    Pierre Jarriges's avatar
    Pierre Jarriges committed
            description: "edu-learn-math",
    
            image: "learning_theme_math.png",
        },
        {
            title: "Aide informatique générale",
    
    Pierre Jarriges's avatar
    Pierre Jarriges committed
            description: "edu-learn-computer",
    
            image: "learning_theme_pc.png",
    
    Pierre Jarriges's avatar
    Pierre Jarriges committed
        },
        {
            title: "Stage GNU/Linux",
    
    Pierre Jarriges's avatar
    Pierre Jarriges committed
            description: "edu-learn-gnu",
    
    Pierre Jarriges's avatar
    Pierre Jarriges committed
            image: "learning_theme_linux.png"
    
    Pierre Jarriges's avatar
    Pierre Jarriges committed
        },
        {
            title: "Créer un jeu avec Mentalo",
    
    Pierre Jarriges's avatar
    Pierre Jarriges committed
            description: "edu-learn-mentalo",
    
    Pierre Jarriges's avatar
    Pierre Jarriges committed
            image: "learning_theme_mentalo.png",
    
    peter_rabbit's avatar
    peter_rabbit committed
    
    
    peter_rabbit's avatar
    peter_rabbit committed
    class EducationPage extends WebPage {
    
    peter_rabbit's avatar
    peter_rabbit committed
        render() {
            return {
                tag: "div",
    
                id: "education-page",
    
                typeof: "EducationalOrganization",
    
    peter_rabbit's avatar
    peter_rabbit committed
                contents: [
    
    peter_rabbit's avatar
    peter_rabbit committed
                    {
    
    peter_rabbit's avatar
    peter_rabbit committed
                        tag: "div",
    
    peter_rabbit's avatar
    peter_rabbit committed
                        class: "page-header logo-left",
    
    peter_rabbit's avatar
    peter_rabbit committed
                        contents: [
                            {
    
    peter_rabbit's avatar
    peter_rabbit committed
                                tag: "div",
                                class: "page-contents-center grid-wrapper",
                                contents: [
                                    {
                                        tag: "div",
                                        class: "logo",
                                        contents: [
                                            {
                                                tag: "img",
                                                alt: "image brain",
    
                                                src: `${images_url}/brain.svg`,
    
    peter_rabbit's avatar
    peter_rabbit committed
                                            },
                                        ],
                                    },
    
    Pierre Jarriges's avatar
    Pierre Jarriges committed
                                    { tag: "h1", contents: t("Pédagogie") },
    
    peter_rabbit's avatar
    peter_rabbit committed
                                    {
                                        tag: "p",
    
    Pierre Jarriges's avatar
    Pierre Jarriges committed
                                        contents: t("edu-page-intro"),
    
    peter_rabbit's avatar
    peter_rabbit committed
                                    },
                                ],
    
    peter_rabbit's avatar
    peter_rabbit committed
                            },
                        ],
    
    peter_rabbit's avatar
    peter_rabbit committed
                    },
    
                    {
                        tag: "div",
                        class: "title-banner",
                    },
                    {
    
                        tag: "section",
    
                        contents: [
                            {
    
                                tag: "div",
                                class: "page-contents-center",
                                contents: [
                                    {
                                        tag: "ul",
                                        class: "edu-themes",
                                        contents: EDU_THEMES.map(theme => {
                                            return {
                                                tag: "li",
                                                class: "edu-theme",
                                                contents: [
    
                                                    { tag: "img", width: 250, height: 140, class: "pixelated", src: `${images_url}/${theme.image}` },
    
    Pierre Jarriges's avatar
    Pierre Jarriges committed
                                                    { tag: "h3", contents: t(theme.title) },
                                                    { tag: "p", contents: t(theme.description) },
    
    Pierre Jarriges's avatar
    Pierre Jarriges committed
                    { tag: "h2", class: "edu-section-title page-contents-center", contents: t("Programme XXXX", { date: "2022" }) },
                    new EduArticles().render(),
    
    peter_rabbit's avatar
    peter_rabbit committed
                ],
            };
        }
    }
    
    module.exports = EducationPage;