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 6.12 KiB
Newer Older
  • Learn to ignore specific revisions
  • peter_rabbit's avatar
    peter_rabbit committed
    "use strict";
    
    const { images_url } = require("../../../../constants");
    
    const VULGARISATION_THEMES = [
        {
            title: "Qu'est-ce qui se passe dans mon ordinateur ?",
    
            class:"general-pc",
    
    peter_rabbit's avatar
    peter_rabbit committed
            comment: "",
            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",
    
    peter_rabbit's avatar
    peter_rabbit committed
            ],
        },
        {
            title: "GNU/Linux, le monde du libre",
    
            class:"linux",
    
    peter_rabbit's avatar
    peter_rabbit committed
            comment: "",
            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 ?",
            class:"web",
    
    peter_rabbit's avatar
    peter_rabbit committed
            comment: "",
            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",
    
            class:"coding",
    
    peter_rabbit's avatar
    peter_rabbit committed
            comment: "",
            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",
    
    peter_rabbit's avatar
    peter_rabbit committed
                        id: "popularization", // anchor id
    
    peter_rabbit's avatar
    peter_rabbit committed
                        contents: [{ tag: "h2", contents: "Ateliers de vulgarisation" }],
                    },
                    {
                        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 devis gratuit.",
                                            },
                                        ],
                                    },
                                    {
                                        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",
                                            },
                                        ],
                                    },
                                ],
                            },
                            {
                                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: [
    
                                            { tag: "strong", class: "title", contents: li.title },
    
    peter_rabbit's avatar
    peter_rabbit committed
                                            {
                                                tag: "div",
    
                                                class: "details",
    
    peter_rabbit's avatar
    peter_rabbit committed
                                                contents: [
    
                                                    {
                                                        tag: "strong",
                                                        class: "title",
                                                        contents: li.title,
                                                    },
    
    peter_rabbit's avatar
    peter_rabbit committed
                                                    {
                                                        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;