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
popularization.js 8.6 KiB
Newer Older
  • Learn to ignore specific revisions
  • peter_rabbit's avatar
    peter_rabbit committed
    "use strict";
    
    
    const { images_url } = require("../../../../constants");
    
    
    peter_rabbit's avatar
    peter_rabbit committed
    const VULGARISATION_THEMES = [
        {
            title: "Qu'est-ce qui se passe dans mon ordinateur ?",
    
            image: "learning_theme_pc.png",
    
    peter_rabbit's avatar
    peter_rabbit committed
            details: [
    
                "Répondre aux questions sur l'informatique de tous les jours",
    
    peter_rabbit's avatar
    peter_rabbit committed
                "L'organisation des fichiers",
    
                "Le navigateur web et les logiciels usuels",
    
                "Le système d'exploitation",
    
    peter_rabbit's avatar
    peter_rabbit committed
            ],
        },
        {
            title: "GNU/Linux, le monde du libre",
    
            image: "learning_theme_linux.png",
    
    peter_rabbit's avatar
    peter_rabbit committed
            details: [
                "Installer Linux, démystifier et faire tomber les barrières.",
                "Qu'est-ce qu'un logiciel libre ? Quels sont les enjeux ?",
            ],
        },
        {
    
            title: "Comment fonctionne le web ?",
    
            image: "learning_theme_web.png",
    
    peter_rabbit's avatar
    peter_rabbit committed
            details: [
                "De quoi est fait le réseau internet ?",
    
                "Comment fonctionnent les différents services que nous utilisons ?",
    
    peter_rabbit's avatar
    peter_rabbit committed
                "Qu'est-ce qu'un cloud ?",
            ],
        },
        {
            title: "Le langages des machines",
    
            image: "learning_theme_coding.png",
    
    peter_rabbit's avatar
    peter_rabbit committed
            details: [
                "Démystifier la programmation informatique",
                "Qu'est-ce qu'un langage de programmation",
                "À quoi ça sert ?",
                "Les métiers du développement informatique",
            ],
        },
    ];
    
    
    peter_rabbit's avatar
    peter_rabbit committed
    class Popularization {
    
    peter_rabbit's avatar
    peter_rabbit committed
        render() {
            return {
                tag: "section",
                contents: [
                    {
                        tag: "div",
    
                        class: "title-banner popu-banner",
    
    peter_rabbit's avatar
    peter_rabbit committed
                        id: "popularization", // anchor id
    
                        contents: [{ tag: "h2", contents: "Vulgarisation numérique" }],
    
    peter_rabbit's avatar
    peter_rabbit committed
                    },
                    {
                        tag: "div",
                        class: "section-contents",
                        contents: [
                            {
                                tag: "div",
                                class: "full-row",
                                contents:
                                    "<b>Nous proposons des animations d'une journée de vulgarisation autour de l'informatique sur les thèmes suivants</b>",
                            },
                            {
                                tag: "div",
                                class: "practical-infos",
                                contents: [
                                    {
                                        tag: "div",
                                        class: "info-item",
                                        contents: [
                                            {
                                                tag: "span",
                                                contents:
    
                                                    "Si vous êtes intéressé pour proposer une de ces animations dans votre structure, contactez-nous pour un <b><blue>devis gratuit</blue></b>.",
    
    peter_rabbit's avatar
    peter_rabbit committed
                                            },
                                        ],
                                    },
                                    {
                                        tag: "div",
                                        class: "info-item",
                                        contents: [
                                            {
                                                tag: "strong",
                                                contents: "Contact",
                                            },
                                            {
                                                tag: "span",
                                                contents: "04 75 78 08 72",
                                            },
                                            {
                                                tag: "a",
                                                href: "mailto:kuadrado-software@tutanota.com",
                                                contents: "kuadrado-software@tutanota.com",
                                            },
                                        ],
                                    },
                                ],
                            },
                            {
    
    peter_rabbit's avatar
    peter_rabbit committed
                                tag: "div",
                                class: "list-wrapper",
                                contents: [
                                    {
                                        tag: "ul",
                                        class: "learning-themes",
                                        contents: VULGARISATION_THEMES.map(li => {
                                            return {
                                                tag: "li",
                                                class: "learning-theme " + li.class,
    
    peter_rabbit's avatar
    peter_rabbit committed
                                                contents: [
                                                    {
    
    peter_rabbit's avatar
    peter_rabbit committed
                                                        tag: "strong",
                                                        class: "title",
                                                        contents: li.title,
    
    peter_rabbit's avatar
    peter_rabbit committed
                                                    { tag: "img", src: `${images_url}/${li.image}` },
    
    peter_rabbit's avatar
    peter_rabbit committed
                                                        tag: "div",
                                                        class: "details",
                                                        contents: [
                                                            {
                                                                tag: "div",
                                                                class: "comment",
                                                                contents: li.comment,
                                                            },
                                                            {
                                                                tag: "ul",
                                                                contents: li.details.map(d => {
                                                                    return {
                                                                        tag: "li",
                                                                        contents: d,
                                                                    };
                                                                }),
                                                            },
                                                        ],
    
    peter_rabbit's avatar
    peter_rabbit committed
                            // {
                            //     tag: "ul",
                            //     class: "learning-themes",
                            //     contents: VULGARISATION_THEMES.map(li => {
                            //         return {
                            //             tag: "li",
                            //             class: "learning-theme " + li.class,
                            //             contents: [
                            //                 { tag: "strong", class: "title", contents: li.title },
                            //                 { tag: "img", src: `${images_url}/${li.image}` },
                            //                 {
                            //                     tag: "div",
                            //                     class: "details",
                            //                     contents: [
                            //                         {
                            //                             tag: "div",
                            //                             class: "comment",
                            //                             contents: li.comment,
                            //                         },
                            //                         {
                            //                             tag: "ul",
                            //                             contents: li.details.map(d => {
                            //                                 return {
                            //                                     tag: "li",
                            //                                     contents: d,
                            //                                 };
                            //                             }),
                            //                         },
                            //                     ],
                            //                 },
                            //             ],
                            //         };
                            //     }),
                            // },
    
    peter_rabbit's avatar
    peter_rabbit committed
    module.exports = Popularization;