Pour tout problème contactez-nous par mail : support@froggit.fr | La FAQ | Rejoignez-nous sur le Chat 💬

Skip to content
Snippets Groups Projects
popularization.js 8.74 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: [
    
    peter_rabbit's avatar
    peter_rabbit committed
                "Apprendre à installer Linux",
    
    peter_rabbit's avatar
    peter_rabbit committed
                "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: [
                "Qu'est-ce qu'un langage de programmation",
                "À quoi ça sert ?",
                "Les métiers du développement informatique",
            ],
        },
    
        {
            title: "Les coulisses du jeu vidéo",
            image: "learning_theme_2d.png",
            details: [
                "De quoi sont fait les jeux vidéos ?",
                "Quels sont les outils ?",
                "Les métiers du jeu vidéo",
                "Du pixelart à l'industrie lourde",
    
                "Qu'est-ce qu'un moteur de jeu ?",
    
    peter_rabbit's avatar
    peter_rabbit committed
    class Popularization {
    
    peter_rabbit's avatar
    peter_rabbit committed
        render() {
            return {
                tag: "section",
    
                typeof: "EducationalOrganization",
    
    peter_rabbit's avatar
    peter_rabbit committed
                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", property: "name" },
                        ],
    
    peter_rabbit's avatar
    peter_rabbit committed
                    },
                    {
                        tag: "div",
    
    peter_rabbit's avatar
    peter_rabbit committed
                        class: "section-contents page-contents-center",
    
    peter_rabbit's avatar
    peter_rabbit committed
                        contents: [
                            {
                                tag: "div",
                                class: "full-row",
    
    peter_rabbit's avatar
    peter_rabbit committed
                                contents: [
                                    {
                                        tag: "h3",
                                        class: "big",
    
    peter_rabbit's avatar
    peter_rabbit committed
                                        contents: "<blue>S'approprier</blue> l'informatique",
    
                                        property: "headline",
    
    peter_rabbit's avatar
    peter_rabbit committed
                                    },
                                    {
                                        tag: "strong",
                                        contents:
                                            "Pour <blue>découvrir et échanger</blue> autour des <blue>outils numériques</blue> que nous utilisons tous les jours !",
    
                                        property: "alternativeHeadline",
    
    peter_rabbit's avatar
    peter_rabbit committed
                                    },
                                    {
                                        tag: "p",
                                        contents:
                                            "<em>Des animations d'un journée ouvertes à tous organisées en partenariat avec les structures demandeuses</em>",
    
                                        property: "description",
    
    peter_rabbit's avatar
    peter_rabbit committed
                                    },
                                ],
    
    peter_rabbit's avatar
    peter_rabbit committed
                            },
                            {
                                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: "a",
                                                href: "tel:+33475780872",
    
    peter_rabbit's avatar
    peter_rabbit committed
                                                contents: "04 75 78 08 72",
    
                                                property: "telephone",
    
    peter_rabbit's avatar
    peter_rabbit committed
                                            },
                                            {
                                                tag: "a",
    
    peter_rabbit's avatar
    peter_rabbit committed
                                                href: "mailto:contact@kuadrado-software.fr",
                                                contents: "contact@kuadrado-software.fr",
    
                                                property: "email",
    
    peter_rabbit's avatar
    peter_rabbit committed
                                tag: "div",
                                class: "list-wrapper",
                                contents: [
                                    {
                                        tag: "ul",
                                        class: "learning-themes",
    
                                        property: "hasPart",
    
    peter_rabbit's avatar
    peter_rabbit committed
                                        contents: VULGARISATION_THEMES.map(li => {
                                            return {
                                                tag: "li",
    
                                                typeof: "ListItem",
    
    peter_rabbit's avatar
    peter_rabbit committed
                                                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,
    
                                                        property: "name",
    
    peter_rabbit's avatar
    peter_rabbit committed
                                                    {
                                                        tag: "img",
                                                        alt: `learning theme image ${li.title}`,
    
                                                        src: `${images_url}${li.image}`,
    
                                                        property: "image",
    
    peter_rabbit's avatar
    peter_rabbit committed
                                                    },
    
    peter_rabbit's avatar
    peter_rabbit committed
                                                        tag: "div",
                                                        class: "details",
    
                                                        property: "description",
    
    peter_rabbit's avatar
    peter_rabbit committed
                                                        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;