{"version":3,"sources":["webpack:///./src/components/Title.js","webpack:///./src/components/NewsLetter.js","webpack:///./src/constants/services.js","webpack:///./src/pages/index.js","webpack:///./src/components/Posts/Post.js","webpack:///./src/components/Posts/index.js"],"names":["Title","title","className","NewsLetter","name","method","netlify-honeypot","data-netlify","action","type","value","placeholder","IndexPage","posts","data","allMdx","nodes","Layout","SEO","Hero","Posts","Wrapper","styled","article","Post","frontmatter","excerpt","image","slug","date","category","readTime","fluid","childImageSharp","to","map","post","key","id","Banner"],"mappings":"mJASeA,EAPD,SAAC,GAAa,IAAZC,EAAW,EAAXA,MACd,OAAO,yBAAKC,UAAU,iBACtB,4BAAKD,GAAS,iBACd,yBAAKC,UAAU,aAAf,O,YC2CaC,GC3CJ,IAMA,IAMA,IDbQ,WACjB,OAEI,6BAASD,UAAU,mBACf,6BADJ,WACqB,6BACb,kBAAC,EAAD,CAAOD,MAAO,0DACpB,yBAAKC,UAAU,eACb,0BACEA,UAAU,eACVE,KAAK,UACLC,OAAO,OACPC,mBAAiB,YACjBC,eAAa,OACbC,OAAO,YAEP,2BAAOC,KAAK,SAASL,KAAK,cAC1B,2BAAOK,KAAK,SAASL,KAAK,YAAYM,MAAM,YAC5C,2BACED,KAAK,OACLL,KAAK,OACLO,YAAY,YACZT,UAAU,kBAEZ,2BACEO,KAAK,QACLL,KAAK,QACLF,UAAU,eACVS,YAAY,eAEd,4BAAQF,KAAK,SAASP,UAAU,+BAAhC,eAMJ,6BACF,6BACE,gC,wBEQOU,UAvCG,SAAC,GAAc,IAEZC,EAFW,EAAXC,KAEjBC,OAAUC,MAEZ,OACE,kBAACC,EAAA,EAAD,KACE,kBAACC,EAAA,EAAD,CAAKjB,MAAM,SACX,kBAACkB,EAAA,EAAD,MACA,kBAACC,EAAA,EAAD,CAAOP,MAAOA,EAAOZ,MAAM,uBAC1B,kBAAC,EAAD,S,oHCaDoB,E,UAAUC,EAAOC,QAAV,gEAAGD,CAAH,m1CAsGEE,EA/HF,SAAC,GAA8B,IAA5BC,EAA2B,EAA3BA,YAAaC,EAAc,EAAdA,QACnBzB,EAAiDwB,EAAjDxB,MAAO0B,EAA0CF,EAA1CE,MAAOC,EAAmCH,EAAnCG,KAAMC,EAA6BJ,EAA7BI,KAAMC,EAAuBL,EAAvBK,SAAUC,EAAaN,EAAbM,SAC5C,OACE,kBAACV,EAAD,KACE,kBAAC,IAAD,CAAOW,MAAOL,EAAMM,gBAAgBD,MAAO9B,UAAU,QACrD,yBAAKA,UAAU,QACb,0BAAMA,UAAU,YAAY4B,GAC5B,4BAAK7B,GACL,yBAAKC,UAAU,cACf,2BAAIwB,GACJ,kBAAC,IAAD,CAAMQ,GAAE,UAAYN,EAAQ1B,UAAU,QAAtC,oBACmB,kBAAC,IAAD,OAEnB,gCACE,0BAAMA,UAAU,QACd,kBAAC,IAAD,CAAYA,UAAU,SACrB2B,GAEH,8BAAOE,EAAP,iB,YCJKX,IAlBD,SAAC,GAAsB,IAApBP,EAAmB,EAAnBA,MAAOZ,EAAY,EAAZA,MACtB,OACE,6BAASC,UAAU,SACjB,wBAAIA,UAAU,eAAeD,GAC7B,yBAAKC,UAAU,gBACb,iCACGW,EAAMsB,KAAI,SAAAC,GACT,OAAO,kBAAC,EAAD,eAAMC,IAAKD,EAAKE,IAAQF,QAGnC,iCACE,kBAACG,EAAA,EAAD","file":"component---src-pages-index-js-285e46e4769079415d23.js","sourcesContent":["import React from \"react\"\r\n\r\nconst Title = ({title}) => {\r\n  return <div className=\"section-title\"> \r\n  <h2>{title || \"default title\"}</h2>\r\n  <div className=\"underline\"> </div>\r\n  </div>\r\n}\r\n\r\nexport default Title\r\n","import React from \"react\"\r\nimport Title from \"./Title\"\r\n\r\nimport Layout from \"../components/Layout\"\r\nconst NewsLetter = () => {\r\n  return (\r\n      \r\n      <section className=\"section bg-grey\">\r\n          <br></br>        <br></br>\r\n              <Title title= \"Get email when a new case is added, please subscribe.\"></Title>\r\n        <div className=\"page-center\">\r\n          <form\r\n            className=\"contact-form\"\r\n            name=\"contact\"\r\n            method=\"post\"\r\n            netlify-honeypot=\"bot-field\"\r\n            data-netlify=\"true\"\r\n            action=\"/success\"\r\n          >\r\n            <input type=\"hidden\" name=\"bot-field\" />\r\n            <input type=\"hidden\" name=\"form-name\" value=\"contact\" />\r\n            <input\r\n              type=\"text\"\r\n              name=\"name\"\r\n              placeholder=\"Your name\"\r\n              className=\"form-control \"\r\n            />\r\n            <input\r\n              type=\"email\"\r\n              name=\"email\"\r\n              className=\"form-control\"\r\n              placeholder=\"Your email\"\r\n            />\r\n            <button type=\"submit\" className=\"btn form-control submit-btn\">\r\n              subscribe\r\n            </button>\r\n           \r\n          </form>\r\n        </div>\r\n        <br></br>          \r\n      <br></br>\r\n        <br></br>\r\n\r\n\r\n      </section>\r\n  )\r\n}\r\n\r\nexport default NewsLetter\r\n","import React from \"react\"\r\nimport { FaCode, FaSketch, FaAndroid } from \"react-icons/fa\"\r\nexport default [\r\n  {\r\n    id: 1,\r\n    icon: <FaCode className=\"service-icon\" />  ,\r\n    title: \"Learn\",\r\n    text: `Learn the basic characteristics of different diseases and conditions.`,\r\n  },\r\n  {\r\n    id: 2,\r\n    icon: <FaSketch className=\"service-icon\" />,\r\n    title: \"Quizzes\",\r\n    text: `Test your knowledge through quick trick questions, and thus improve it.`,\r\n  },\r\n  {\r\n    id: 3,\r\n    icon: <FaAndroid className=\"service-icon\" />,\r\n    title: \"Private cooperation\",\r\n    text: `Contact us and send us cases privately,to get a professional response from us.`,\r\n  },\r\n]\r\n","import React from \"react\"\nimport Hero from \"../components/Hero\"\nimport Layout from \"../components/Layout\"\nimport Services from \"../components/Services\"\nimport NewsLetter from \"../components/NewsLetter\"\nimport Contact from \"../components/Contact\"\n\nimport Posts from \"../components/Posts\"\nimport { graphql } from \"gatsby\"\nimport SEO from \"../components/SEO\"\nconst IndexPage = ({ data }) => {\n  const {\n    allMdx: { nodes: posts },\n  } = data\n  return (\n    <Layout>\n      <SEO title=\"Home\" />\n      <Hero  />\n      <Posts posts={posts} title=\"recently published\" />\n       <NewsLetter></NewsLetter>\n    </Layout>\n  )\n}\n\nexport const query = graphql`\n  {\n    allMdx(sort: { fields: frontmatter___date, order: DESC }, limit: 3) {\n      nodes {\n        frontmatter {\n          readTime\n          title\n          category\n          date(formatString: \"MMMM Do, YYYY\")\n          slug\n          image {\n            childImageSharp {\n              fluid {\n                ...GatsbyImageSharpFluid\n              }\n            }\n          }\n        }\n        excerpt\n        id\n      }\n    }\n  }\n`\n\nexport default IndexPage\n","import React from \"react\"\nimport Image from \"gatsby-image\"\nimport { FaRegClock } from \"react-icons/fa\"\nimport { IoMdArrowRoundForward } from \"react-icons/io\"\nimport { Link } from \"gatsby\"\nimport styled from \"styled-components\"\n\nconst Post = ({ frontmatter, excerpt }) => {\n  const { title, image, slug, date, category, readTime } = frontmatter\n  return (\n    <Wrapper>\n      <Image fluid={image.childImageSharp.fluid} className=\"img\" />\n      <div className=\"info\">\n        <span className=\"category\">{category}</span>\n        <h3>{title}</h3>\n        <div className=\"underline\"></div>\n        <p>{excerpt}</p>\n        <Link to={`/posts/${slug}`} className=\"link\">\n          Continue Reading <IoMdArrowRoundForward />\n        </Link>\n        <footer>\n          <span className=\"date\">\n            <FaRegClock className=\"icon\"></FaRegClock>\n            {date}\n          </span>\n          <span>{readTime} min read</span>\n        </footer>\n      </div>\n    </Wrapper>\n  )\n}\n\nconst Wrapper = styled.article`\n  margin-bottom: 3rem;\n  .info {\n    text-align: center;\n  }\n  .img {\n    margin-bottom: 1rem;\n    border-radius: var(--radius);\n    height: 17rem;\n  }\n  .category {\n    display: inline-block;\n    margin-bottom: 1rem;\n    background: var(--clr-grey-10);\n    padding: 0.25rem 0.5rem;\n    text-transform: uppercase;\n    font-weight: 700;\n    border-radius: var(--radius);\n    letter-spacing: var(--spacing);\n    color: var(--clr-grey-5);\n  }\n  h3 {\n    font-weight: 400;\n    margin-bottom: 1rem;\n    text-transform: initial;\n  }\n  .underline {\n    width: 5rem;\n    height: 1px;\n    background: var(--clr-grey-9);\n    margin: 0 auto;\n    margin-bottom: 1rem;\n  }\n  p {\n    color: var(--clr-grey-5);\n    line-height: 1.8;\n  }\n  .link {\n    text-transform: uppercase;\n    letter-spacing: var(--spacing);\n    font-weight: 700;\n    color: var(--clr-primary-5);\n    padding-bottom: 0.1rem;\n    display: flex;\n    align-items: center;\n    svg {\n      margin-left: 0.25rem;\n      font-size: 1.2rem;\n    }\n  }\n  .link:hover {\n    border-color: var(--clr-primary-8);\n    color: var(--clr-primary-8);\n  }\n  footer {\n    margin-top: 2rem;\n    padding-top: 1rem;\n    border-top: 1px solid var(--clr-grey-9);\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    color: var(--clr-grey-5);\n\n    & .date {\n      display: flex;\n      align-items: center;\n      & .icon {\n        color: var(--clr-primary-5);\n        margin-right: 0.5rem;\n      }\n    }\n  }\n  @media (min-width: 600px) {\n    .img {\n      height: 20rem;\n    }\n  }\n  @media (min-width: 800px) {\n    .img {\n      height: 25rem;\n    }\n  }\n  @media (min-width: 992px) {\n    & {\n      display: grid;\n      grid-template-columns: 30rem 1fr;\n      column-gap: 1.5rem;\n      .info {\n        text-align: left;\n      }\n      .img {\n        height: 100%;\n        max-height: 20rem;\n      }\n      .underline {\n        margin-left: 0;\n        margin-right: 0;\n      }\n    }\n  }\n`\n\nexport default Post\n","import React from \"react\"\nimport Post from \"./Post\"\nimport Banner from \"../Banner\"\nconst Posts = ({ posts, title }) => {\n  return (\n    <section className=\"posts\">\n      <h3 className=\"posts-title\">{title}</h3>\n      <div className=\"posts-center\">\n        <article>\n          {posts.map(post => {\n            return <Post key={post.id} {...post}></Post>\n          })}\n        </article>\n        <article>\n          <Banner />\n        </article>\n      </div>\n    </section>\n  )\n}\n\nexport default Posts\n"],"sourceRoot":""}