{"version":3,"sources":["webpack:///./src/components/annonce.js","webpack:///./src/components/customLink.js","webpack:///./src/components/blogIntro.js","webpack:///./src/pages/index.js","webpack:///./src/components/projectCard.js","webpack:///./src/components/blogCard.js"],"names":["Annonce","class","style","background","href","CustomLink","url","content","color","css","boxShadow","to","BlogIntro","margin","BlogIndex","data","featuredArticle","edges","title","site","siteMetadata","description","className","node","frontmatter","path","html","imageData","featuredImage","childImageSharp","fluid","date","allArticles","map","allProjects","ProjectCard","maxHeight","BlogCard","clearHtmlAndshrink","dateTime"],"mappings":"0IA0BeA,EAxBC,WACd,OACE,uBAASC,MAAM,WACb,mBAAKA,MAAM,IACT,mBAAKA,MAAM,+BACT,mBAAKA,MAAM,iBACT,mBAAKC,MAAO,CAAEC,WAAY,cAAgBF,MAAM,iBAC9C,kBAAIA,MAAM,6BAAV,6CAEE,uBAFF,mCAEyC,KAEzC,iBAAGA,MAAM,kBACP,iBAAGG,KAAK,mCAAR,qC,YCIDC,EAfI,SAAC,GAA6B,IAA3BC,EAA0B,EAA1BA,IAAKC,EAAqB,EAArBA,QAASC,EAAY,EAAZA,MAClC,OACE,YAAC,OAAD,CACEC,IAAG,YAAE,CACHD,QACAE,UAAU,aAAcF,EAAf,oBAAwCA,EACjD,UAAW,CAAEA,UAHZ,OAKHG,GAAIL,GAEHC,IC4BQK,EAtCG,WAChB,OACE,mBAAKX,MAAM,WACT,mBAAKC,MAAO,CAAEW,OAAQ,QAAUZ,MAAM,eACpC,mBAAKA,MAAM,qBACT,kBAAIA,MAAM,SAAV,MAGA,mBAAKA,MAAM,qBAAX,cACa,uBADb,wCAGE,uBAHF,gCAGsC,IACpC,YAAC,EAAD,CACEM,QAAQ,WACRC,MAAM,UACNF,IAAI,cAPR,MAQQ,IACN,YAAC,EAAD,CAAYC,QAAQ,WAAWC,MAAM,UAAUF,IAAI,YATrD,OAaJ,mBAAKJ,MAAO,CAAEW,OAAQ,QAAUZ,MAAM,kB,oCCiE7Ba,UA/EG,SAAC,GAAc,IAAZC,EAAW,EAAXA,KACbC,EAAkBD,EAAKC,gBAAgBC,MAAM,GAEnD,OACE,YAAC,IAAD,KACE,YAAC,IAAD,CACEC,MAAOH,EAAKI,KAAKC,aAAaF,MAC9BG,YAAaN,EAAKI,KAAKC,aAAaC,YACpCf,IAAKS,EAAKI,KAAKC,aAAad,MAE9B,mBAAKgB,UAAU,0CACb,mBAAKA,UAAU,kBACb,YAAC,EAAD,MAGA,YAAC,OAAD,CACEA,UAAU,OACVX,GAAE,IAAMK,EAAgBO,KAAKC,YAAYC,MAEzC,YAAC,IAAD,CACEC,KAAMV,EAAgBO,KAAKG,KAC3BR,MAAOF,EAAgBO,KAAKC,YAAYN,MACxCS,UACEX,EAAgBO,KAAKC,YAAYI,cAAcC,gBAC5CC,MAELC,KAAMf,EAAgBO,KAAKC,YAAYO,QAK3C,mBAAKT,UAAU,mBACb,kBAAIA,UAAU,cAAd,qBACA,mBAAKA,UAAU,wBACZP,EAAKiB,YAAYf,MAAMgB,KAAI,gBAAGV,EAAH,EAAGA,KAAH,OAC1B,mBAAKD,UAAU,eACb,YAAC,OAAD,CAAMX,GAAE,IAAMY,EAAKC,YAAYC,MAC7B,YAAC,IAAD,CACEC,KAAMH,EAAKG,KACXR,MAAOK,EAAKC,YAAYN,MACxBS,UACEJ,EAAKC,YAAYI,cAAcC,gBAAgBC,MAEjDC,KAAMR,EAAKC,YAAYO,cAQnC,YAAC,EAAD,MAEA,mBAAKT,UAAU,mBACb,kBAAIA,UAAU,cAAd,oBACA,mBAAKA,UAAU,wBACZP,EAAKmB,YAAYjB,MAAMgB,KAAI,gBAAGV,EAAH,EAAGA,KAAH,OAC1B,mBAAKD,UAAU,eACb,YAAC,OAAD,CAAMX,GAAE,IAAMY,EAAKC,YAAYC,MAC7B,YAAC,IAAD,CACEC,KAAMH,EAAKG,KACXR,MAAOK,EAAKC,YAAYN,MACxBS,UACEJ,EAAKC,YAAYI,cAAcC,gBAAgBC,MAEjDC,KAAMR,EAAKC,YAAYO,mB,kCC3E7C,2DAsBeI,IAlBK,SAAC,GAAgC,IAA9BR,EAA6B,EAA7BA,UAAWT,EAAkB,EAAlBA,MAAkB,EAAXa,KACvC,OACE,mBAAKT,UAAU,QACb,mBAAKA,UAAU,6BACb,sBAAQA,UAAU,oBAChB,YAAC,IAAD,CAAKpB,MAAO,CAAEkC,UAAW,SAAWN,MAAOH,KAE7C,mBAAKL,UAAU,UACb,mBAAKA,UAAU,QAAQJ,Q,kCCZjC,6DA2BemB,IAxBE,SAAC,GAAsC,IAApCV,EAAmC,EAAnCA,UAAWT,EAAwB,EAAxBA,MAAOQ,EAAiB,EAAjBA,KAAMK,EAAW,EAAXA,KAC1C,OACE,mBAAKT,UAAU,kBACb,mBAAKA,UAAU,cACb,sBAAQA,UAAU,SAChB,YAAC,IAAD,CAAKpB,MAAO,CAAEkC,UAAW,SAAWN,MAAOH,MAG/C,mBAAKL,UAAU,gBACb,kBAAIA,UAAU,cAAcJ,GAC5B,mBAAKI,UAAU,WACZgB,YAAmBZ,GAGpB,uBACA,oBAAMJ,UAAU,MAAMiB,SAAS,YAC5BR","file":"component---src-pages-index-js-1b3bad125c4ab1f5de46.js","sourcesContent":["import React from \"react\"\n\nconst Annonce = () => {\n  return (\n    <section class=\"section\">\n      <div class=\"\">\n        <div class=\" has-text-centered is-fluid\">\n          <div class=\"hero is-light\">\n            <div style={{ background: \"whitesmoke\" }} class=\"hero-body box\">\n              <h1 class=\"title is-4 has-text-right\">\n                Vous travaillez sur un projet en Jamstack,\n                <br /> besoin d'une solution statique?{\" \"}\n              </h1>\n              <p class=\"has-text-right\">\n                <a href=\"mailto:leblois.erwan@hotmail.fr\">\n                  Me contacter par email. 📨\n                </a>\n              </p>\n            </div>\n          </div>\n        </div>\n      </div>\n    </section>\n  )\n}\n\nexport default Annonce\n","import { Link } from \"gatsby\"\nimport React from \"react\"\n\nconst CustomLink = ({ url, content, color }) => {\n  return (\n    <Link\n      css={{\n        color,\n        boxShadow: `0 1px 0 0 ${color}, inset 0 -0.1em ${color}`,\n        \"&:hover\": { color },\n      }}\n      to={url}\n    >\n      {content}\n    </Link>\n  )\n}\n\nexport default CustomLink\n","import CustomLink from \"../components/customLink\"\nimport React from \"react\"\n\nconst BlogIntro = () => {\n  return (\n    <div class=\"columns\">\n      <div style={{ margin: \"auto\" }} class=\"column is-8\">\n        <div class=\"content is-medium\">\n          <h1 class=\"title\">👋</h1>\n          {/* <h2 class=\"subtitle is-4\">{frontmatter.date}</h2> */}\n          {/* <div dangerouslySetInnerHTML={{ __html: html }} /> */}\n          <div class=\"content is-medium\">\n            Bienvenue. <br />\n            Ici un blog sur le développement web,\n            <br /> plus particulièrement sur la{\" \"}\n            <CustomLink\n              content=\"Jamstack\"\n              color=\"#E50D6A\"\n              url=\"/jamstack\"\n            /> et{\" \"}\n            <CustomLink content=\"GatsbyJs\" color=\"#6C4593\" url=\"/gatsby\" />.\n          </div>\n        </div>\n      </div>\n      <div style={{ margin: \"auto\" }} class=\"column is-3\">\n        {/* <Img\n                objectPosition=\"100%\"\n                objectFit=\"content\"\n                style={{\n                  borderRadius: \"150px\",\n                  width: \"150px\",\n                  height: \"150px\",\n                  border: \"3px solid #ff7b00\",\n                }}\n                fluid={data.profilePic.childImageSharp.fluid}\n              /> */}\n      </div>\n    </div>\n  )\n}\n\nexport default BlogIntro\n","import { Link, graphql } from \"gatsby\"\n\nimport Annonce from \"../components/annonce\"\nimport BlogCard from \"../components/blogCard\"\nimport BlogIntro from \"../components/blogIntro\"\nimport Layout from \"../components/layout\"\nimport ProjectCard from \"../components/projectCard\"\nimport React from \"react\"\nimport SEO from \"../components/seo\"\n\nconst BlogIndex = ({ data }) => {\n  const featuredArticle = data.featuredArticle.edges[0]\n\n  return (\n    <Layout>\n      <SEO\n        title={data.site.siteMetadata.title}\n        description={data.site.siteMetadata.description}\n        url={data.site.siteMetadata.url}\n      />\n      <div className=\"section mt-6 is-paddingless-horizontal\">\n        <div className=\"container grid\">\n          <BlogIntro />\n          {/* FEATURED */}\n\n          <Link\n            className=\"mt-5\"\n            to={`/${featuredArticle.node.frontmatter.path}`}\n          >\n            <BlogCard\n              html={featuredArticle.node.html}\n              title={featuredArticle.node.frontmatter.title}\n              imageData={\n                featuredArticle.node.frontmatter.featuredImage.childImageSharp\n                  .fluid\n              }\n              date={featuredArticle.node.frontmatter.date}\n            />\n          </Link>\n          {/* FEATURED */}\n\n          <div className=\"suggestion mt-6\">\n            <h1 className=\"title is-4\">Derniers articles</h1>\n            <div className=\"columns is-multiline\">\n              {data.allArticles.edges.map(({ node }) => (\n                <div className=\"column is-6\">\n                  <Link to={`/${node.frontmatter.path}`}>\n                    <BlogCard\n                      html={node.html}\n                      title={node.frontmatter.title}\n                      imageData={\n                        node.frontmatter.featuredImage.childImageSharp.fluid\n                      }\n                      date={node.frontmatter.date}\n                    />\n                  </Link>\n                </div>\n              ))}\n            </div>\n          </div>\n          {/* PUB */}\n          <Annonce />\n\n          <div className=\"suggestion mt-6\">\n            <h1 className=\"title is-4\">Derniers projets</h1>\n            <div className=\"columns is-multiline\">\n              {data.allProjects.edges.map(({ node }) => (\n                <div className=\"column is-4\">\n                  <Link to={`/${node.frontmatter.path}`}>\n                    <ProjectCard\n                      html={node.html}\n                      title={node.frontmatter.title}\n                      imageData={\n                        node.frontmatter.featuredImage.childImageSharp.fluid\n                      }\n                      date={node.frontmatter.date}\n                    />\n                  </Link>\n                </div>\n              ))}\n            </div>\n          </div>\n          {/* END */}\n        </div>\n      </div>\n    </Layout>\n  )\n}\n\nexport default BlogIndex\n\nexport const query = graphql`\n  {\n    featuredArticle: allMarkdownRemark(\n      filter: { frontmatter: { type: { eq: \"article\" } } }\n      sort: { fields: frontmatter___date, order: DESC }\n      limit: 1\n    ) {\n      edges {\n        node {\n          id\n          html\n          frontmatter {\n            title\n            path\n            date(formatString: \"DD MMMM YYYY\", locale: \"fr\")\n            featuredImage {\n              childImageSharp {\n                fluid {\n                  ...GatsbyImageSharpFluid\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n\n    allArticles: allMarkdownRemark(\n      filter: { frontmatter: { type: { eq: \"article\" } } }\n      sort: { fields: frontmatter___date, order: DESC }\n      skip: 1\n    ) {\n      edges {\n        node {\n          id\n          html\n          frontmatter {\n            title\n            path\n            date(formatString: \"DD MMMM YYYY\", locale: \"fr\")\n            featuredImage {\n              childImageSharp {\n                fluid {\n                  ...GatsbyImageSharpFluid\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n\n    allProjects: allMarkdownRemark(\n      filter: { frontmatter: { type: { eq: \"project\" } } }\n      sort: { fields: frontmatter___date, order: DESC }\n    ) {\n      edges {\n        node {\n          id\n          html\n          frontmatter {\n            title\n            path\n            date\n            featuredImage {\n              childImageSharp {\n                fluid {\n                  ...GatsbyImageSharpFluid\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n    site {\n      id\n      siteMetadata {\n        title\n        description\n        titleTemplate\n        url\n        image\n        twitterUsername\n      }\n    }\n  }\n`\n","import Img from \"gatsby-image\"\nimport React from \"react\"\nimport { clearHtmlAndshrink } from \"./utils\"\n\nconst ProjectCard = ({ imageData, title, date }) => {\n  return (\n    <div className=\"card\">\n      <div className=\"container-over card-image\">\n        <figure className=\"image-over image\">\n          <Img style={{ maxHeight: \"232px\" }} fluid={imageData} />\n        </figure>\n        <div className=\"middle\">\n          <div className=\"text\">{title}</div>\n        </div>\n      </div>\n      {/* <div className=\"card-content\">\n        <h1 className=\"title is-5\">{title}</h1>\n      </div> */}\n    </div>\n  )\n}\n\nexport default ProjectCard\n","import Img from \"gatsby-image\"\nimport React from \"react\"\nimport { clearHtmlAndshrink } from \"./utils\"\nconst BlogCard = ({ imageData, title, html, date }) => {\n  return (\n    <div className=\"card blog-card\">\n      <div className=\"card-image\">\n        <figure className=\"image\">\n          <Img style={{ maxHeight: \"232px\" }} fluid={imageData} />\n        </figure>\n      </div>\n      <div className=\"card-content\">\n        <h1 className=\"title is-5\">{title}</h1>\n        <div className=\"content\">\n          {clearHtmlAndshrink(html)}\n          {/* <a>@bulmaio</a>.<a href=\"#\">#css</a>{\" \"}\n          <a href=\"#\">#responsive</a> */}\n          <br />\n          <time className=\"tag\" dateTime=\"2016-1-1\">\n            {date}\n          </time>\n        </div>\n      </div>\n    </div>\n  )\n}\n\nexport default BlogCard\n"],"sourceRoot":""}