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
homepage.js 4.5 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");
    
    const KuadradoValues = require("./home-page-components/kuadrado-values");
    
    peter_rabbit's avatar
    peter_rabbit committed
    const NewsArticles = require("./home-page-components/news-articles");
    
    peter_rabbit's avatar
    peter_rabbit committed
    const ThemeCard = require("./home-page-components/theme-card");
    
    const WebPage = require("./lib/web-page");
    
    peter_rabbit's avatar
    peter_rabbit committed
    
    
    class HomePage extends WebPage {
    
    peter_rabbit's avatar
    peter_rabbit committed
        render() {
            return {
    
    peter_rabbit's avatar
    peter_rabbit committed
                tag: "div",
    
    peter_rabbit's avatar
    peter_rabbit committed
                id: "home-page",
    
    peter_rabbit's avatar
    peter_rabbit committed
                contents: [
                    {
    
    peter_rabbit's avatar
    peter_rabbit committed
                        tag: "div",
                        class: "page-header",
                        contents: [
    
    peter_rabbit's avatar
    peter_rabbit committed
                            {
                                tag: "div",
                                class: "big-logo page-contents-center",
                                contents: [
    
    peter_rabbit's avatar
    peter_rabbit committed
                                    {
                                        tag: "img",
                                        alt: "logo Kuadrado",
    
                                        src: `${images_url}logo_kuadrado.svg`,
    
    peter_rabbit's avatar
    peter_rabbit committed
                                    },
    
    peter_rabbit's avatar
    peter_rabbit committed
                                    {
                                        tag: "img",
                                        class: "logo-text",
    
    peter_rabbit's avatar
    peter_rabbit committed
                                        alt: "Kuadrado",
    
                                        src: `${images_url}logo_kuadrado_txt.svg`,
    
    peter_rabbit's avatar
    peter_rabbit committed
                                    },
                                ],
                            },
    
    peter_rabbit's avatar
    peter_rabbit committed
                            { tag: "h1", contents: "Kuadrado Software", class: "page-contents-center" },
                            {
                                tag: "p",
                                class: "page-contents-center",
    
    peter_rabbit's avatar
    peter_rabbit committed
                                contents: `Créations numériques, jeux vidéos, web, software et pédagogie.`,
    
    peter_rabbit's avatar
    peter_rabbit committed
                            },
    
                            {
                                tag: "ul",
                                class: "philo-bubbles",
                                contents: [
                                    "Simplicité",
                                    "Légèreté", 
                                    "Écologie", 
                                ].map(word => {
                                    return {
                                        tag: "li",
                                        contents: [{ tag: "span", contents: word }],
                                    };
                                }),
                            },
    
    peter_rabbit's avatar
    peter_rabbit committed
                        ],
                    },
                    {
                        tag: "section",
                        class: "page-contents-center grid-3",
                        contents: [
                            {
                                title: "Jeux",
    
    peter_rabbit's avatar
    peter_rabbit committed
                                img: "game_controller.svg",
    
    peter_rabbit's avatar
    peter_rabbit committed
                                href: "/games/",
                                description:
                                    "Toutes nos créations vidéoludiques, jeux web et jeux PC, projets en cours, c'est par ici que ça se passe.",
                            },
                            {
                                title: "Software",
    
    peter_rabbit's avatar
    peter_rabbit committed
                                img: "meca_proc.svg",
    
    peter_rabbit's avatar
    peter_rabbit committed
                                href: "/software-development/",
    
    peter_rabbit's avatar
    peter_rabbit committed
                                description: `Développement web, moteur de jeux, outillage logiciel, retrouvez nos projets en détail sur cette page.`,
    
    peter_rabbit's avatar
    peter_rabbit committed
                            },
                            {
                                title: "Pédagogie",
    
    peter_rabbit's avatar
    peter_rabbit committed
                                img: "brain.svg",
    
    peter_rabbit's avatar
    peter_rabbit committed
                                href: "/education/",
    
    peter_rabbit's avatar
    peter_rabbit committed
                                description: `S'approprier la technologie par le partage de connaissances.
    
    peter_rabbit's avatar
    peter_rabbit committed
                                <br/>Découvrez nos initiatives pédagogiques.`,
    
    peter_rabbit's avatar
    peter_rabbit committed
                            },
                        ].map(cardProps => new ThemeCard(cardProps).render()),
    
    peter_rabbit's avatar
    peter_rabbit committed
                    },
    
    peter_rabbit's avatar
    peter_rabbit committed
                    {
    
                        tag: "section",
    
    peter_rabbit's avatar
    peter_rabbit committed
                        class: "page-philo",
                        contents: [
                            {
                                tag: "p",
                                class: "page-contents-center",
    
    peter_rabbit's avatar
    peter_rabbit committed
                                contents: `Travailler pour le plaisir de créer, de maîtriser et de comprendre.`,
    
    peter_rabbit's avatar
    peter_rabbit committed
                            },
                        ],
                    },
                    {
                        tag: "section",
                        class: "page-contents-center",
                        contents: [
                            { tag: "h2", contents: "Actu", class: "section-title bg-blue" },
                            new NewsArticles().render(),
                        ],
                    },
    
                    // WIP
                    new KuadradoValues().render(),
    
    peter_rabbit's avatar
    peter_rabbit committed
                ],
            };
        }
    }
    
    module.exports = HomePage;