{"version":3,"sources":["webpack:///./src/components/Projects.js","webpack:///./src/pages/index.js"],"names":["projects","id","title","link","linkText","description","Project","image","className","href","rel","target","alt","fluid","childImageSharp","Projects","images","useStaticQuery","map","project","key","IndexPage","desktopImage","siteMetadata","site","Layout","to","github","twitter","twitch"],"mappings":"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","file":"component---src-pages-index-js-03f7f9044d0c6c370320.js","sourcesContent":["import * as React from 'react';\nimport PropTypes from 'prop-types';\nimport Img from 'gatsby-image';\nimport { useStaticQuery, graphql } from 'gatsby';\n\nconst projects = [\n    {\n        id: 'aperoWebImage',\n        title: 'Apéro Web Nancy',\n        link: 'https://aperowebnancy.netlify.app/',\n        linkText: 'Voir le site web',\n        description: `Je gère le Meetup, une fois par mois environ 40 développeurs se retrouvent pour parler technique autour d'une bière.`,\n    },\n    {\n        id: 'lorraineTechHubImage',\n        title: 'Lorraine Tech Hub',\n        link: 'https://discord.gg/Q8X8Bxq',\n        linkText: 'Rejoindre le Discord',\n        description: `J'ai créé et j'anime un Discord communautaire qui rassemble les développeurs de Lorraine, c'est un endroit d'échanges et de partage.`,\n    },\n    {\n        id: 'gremlinsImage',\n        title: 'Gremlins.js',\n        link: 'https://github.com/marmelab/gremlins.js',\n        linkText: 'Voir sur Github',\n        description: `Librairie de monkey testing pour vérifier la robustesse des applications web en libérant une horde de gremlins.`,\n    },\n];\n\nconst Project = ({ image, link, title, description, linkText }) => (\n    <article className=\"sm:flex-1 px-4 lg:px-4 mb-8 md:mb-0\">\n        <a href={link} className=\"block my-0 mx-auto w-1/5 md:w-2/6\" rel=\"nofollow noopener noreferrer\" target=\"_blank\">\n            <Img alt={title} className=\"rounded-md object-contain\" fluid={image.childImageSharp.fluid} />\n        </a>\n        <div className=\"rounded-lg shadow-lg -mt-20 pt-24 md:pt-32 pb-8 px-10 md:px-6 lg:px-8 h-full\">\n            <h2 className=\"text-xl font-bold\">\n                <a href={link} rel=\"nofollow noopener noreferrer\" target=\"_blank\">\n                    {title}\n                </a>\n            </h2>\n            <p className=\"my-6 text-base\">{description}</p>\n            <a\n                className=\"font-medium uppercase text-sm tracking-widest no-underline text-blue-500 hover:text-blue-700\"\n                href={link}\n                rel=\"nofollow noopener noreferrer\"\n                target=\"_blank\"\n            >\n                {linkText} &rarr;\n            </a>\n        </div>\n    </article>\n);\n\nProject.propTypes = {\n    image: PropTypes.object.isRequired,\n    link: PropTypes.string.isRequired,\n    title: PropTypes.string.isRequired,\n    description: PropTypes.string.isRequired,\n    linkText: PropTypes.string.isRequired,\n};\n\nconst query = graphql`\n    fragment squareImage on File {\n        childImageSharp {\n            fluid(maxWidth: 420, maxHeight: 420) {\n                ...GatsbyImageSharpFluid\n            }\n        }\n    }\n\n    query {\n        aperoWebImage: file(relativePath: { eq: \"apero_web_logo.png\" }) {\n            ...squareImage\n        }\n        lorraineTechHubImage: file(relativePath: { eq: \"lorraine_tech_hub.png\" }) {\n            ...squareImage\n        }\n        gremlinsImage: file(relativePath: { eq: \"gremlins.png\" }) {\n            ...squareImage\n        }\n    }\n`;\n\nexport const Projects = () => {\n    const images = useStaticQuery(query);\n\n    return (\n        <React.Fragment>\n            <h2 className=\"text-center font-bold mb-10 text-2xl md:text-3xl lg:text-2xl xl:text-3xl\">Projects</h2>\n            <div className=\"md:flex mb-10 lg:mb-16\">\n                {projects.map((project) => (\n                    <Project key={project.id} {...project} image={images[project.id]} />\n                ))}\n            </div>\n            <div className=\"text-center\">\n                <p className=\"text-sm sm:text-base text-gray-700\">\n                    +{' '}\n                    <a\n                        href=\"https://github.com/zyhou/dotfiles\"\n                        className=\"text-underline text-blue-500 hover:text-blue-700\"\n                        rel=\"nofollow noopener noreferrer\"\n                        target=\"_blank\"\n                    >\n                        Dotfiles\n                    </a>\n                    , mon setup de développeur sur Linux.\n                    <br />+{' '}\n                    <a\n                        href=\"https://github.com/zyhou/maximerichard.dev\"\n                        className=\"text-underline text-blue-500 hover:text-blue-700\"\n                        rel=\"nofollow noopener noreferrer\"\n                        target=\"_blank\"\n                    >\n                        maximerichard.dev\n                    </a>\n                    , ce site web avec Gatsby et MDX.\n                    <br />+{' '}\n                    <a\n                        href=\"https://github.com/zyhou/react-apollo-ssr\"\n                        className=\"text-underline text-blue-500 hover:text-blue-700\"\n                        rel=\"nofollow noopener noreferrer\"\n                        target=\"_blank\"\n                    >\n                        React Apollo SSR\n                    </a>\n                    , GraphQl, code splitting et hot reload (HMR).\n                    <br />+{' '}\n                    <a\n                        href=\"https://github.com/zyhou/journee-mondiale\"\n                        className=\"text-underline text-blue-500 hover:text-blue-700\"\n                        rel=\"nofollow noopener noreferrer\"\n                        target=\"_blank\"\n                    >\n                        Journée mondiale\n                    </a>\n                    , un CLI qui liste les différentes journées mondiales du jour.\n                </p>\n            </div>\n        </React.Fragment>\n    );\n};\n","import * as React from 'react';\nimport { Link, useStaticQuery, graphql } from 'gatsby';\nimport Img from 'gatsby-image';\n\nimport Layout from '../components/Layout';\nimport SEO from '../components/Seo';\nimport { Projects } from '../components/Projects';\n\nimport { Github, Twitch, Twitter } from '../components/Icons';\n\nconst IndexPage = () => {\n    const {\n        desktopImage,\n        site: { siteMetadata },\n    } = useStaticQuery(graphql`\n        query {\n            site {\n                siteMetadata {\n                    github\n                    twitter\n                    twitch\n                }\n            }\n\n            desktopImage: file(relativePath: { eq: \"desk_me.jpg\" }) {\n                childImageSharp {\n                    fluid(maxWidth: 650) {\n                        ...GatsbyImageSharpFluid\n                    }\n                }\n            }\n        }\n    `);\n\n    return (\n        <Layout>\n            <SEO />\n            <section className=\"flex flex-col items-center md:flex-row lg:justify-between\">\n                <article className=\"m-4 w-full sm:text-base lg:text-lg xl:text-xl\">\n                    <p className=\"font-bold leading-tight\">\n                        <Link to=\"/apropos/\" className=\"text-blue-500 hover:text-blue-700\">\n                            Salut, moi c&apos;est Maxime\n                        </Link>\n                    </p>\n                    <h1 className=\"mb-5 leading-loose font-mono font-bold text-xl md:text-3xl lg:text-2xl xl:text-3xl\">\n                        Développeur full stack\n                    </h1>\n                    <p className=\"mb-5 leading-snug\">\n                        Je travaille chez{' '}\n                        <a\n                            className=\"text-underline text-blue-500 hover:text-blue-700\"\n                            href=\"https://www.tint.ai/\"\n                            rel=\"nofollow noopener noreferrer\"\n                            target=\"_blank\"\n                        >\n                            Tint\n                        </a>{' '}\n                        en télétravail. J&apos;aime{' '}\n                        <a\n                            className=\"text-underline text-blue-500 hover:text-blue-700\"\n                            href={siteMetadata.github}\n                            rel=\"nofollow noopener noreferrer\"\n                            target=\"_blank\"\n                        >\n                            l&apos;open source\n                        </a>\n                        , utiliser des claviers mécaniques et{' '}\n                        <Link to=\"/setup/\" className=\"text-underline text-blue-500 hover:text-blue-700\">\n                            personnaliser Linux\n                        </Link>\n                        .\n                    </p>\n                    <p className=\"mb-5 leading-snug\">\n                        Je partage ma veille technique sur{' '}\n                        <a\n                            className=\"text-underline text-blue-500 hover:text-blue-700\"\n                            href={siteMetadata.twitter}\n                            rel=\"nofollow noopener noreferrer\"\n                            target=\"_blank\"\n                        >\n                            Twitter\n                        </a>\n                        .\n                    </p>\n                    <Link to=\"/apropos/\" className=\"bg-blue-500 hover:bg-blue-700 text-white py-2 px-4 rounded\">\n                        En savoir plus\n                    </Link>\n                </article>\n                <div className=\"m-4 w-full\">\n                    <Img\n                        alt=\"Bureau de Maxime Richard\"\n                        className=\"rounded-md object-contain\"\n                        fluid={desktopImage.childImageSharp.fluid}\n                    />\n                    <div className=\"flex items-center justify-around mt-5 text-xs\">\n                        <a\n                            href={siteMetadata.twitter}\n                            className=\"flex items-center h-6 text-gray-600 hover:text-blue-400\"\n                        >\n                            <Twitter />\n                            <span className=\"ml-2\">Twitter</span>\n                        </a>\n                        <a\n                            href={siteMetadata.twitch}\n                            className=\"flex items-center h-6 text-gray-600 hover:text-purple-600\"\n                        >\n                            <Twitch />\n                            <span className=\"ml-2\">Twitch</span>\n                        </a>\n                        <a href={siteMetadata.github} className=\"flex items-center h-6 text-gray-600 hover:text-black\">\n                            <Github />\n                            <span className=\"ml-2\">GitHub</span>\n                        </a>\n                    </div>\n                </div>\n            </section>\n            <section className=\"pt-10\">\n                <Projects />\n            </section>\n        </Layout>\n    );\n};\n\nexport default IndexPage;\n"],"sourceRoot":""}