{"version":3,"sources":["webpack:///./src/components/Layout.js","webpack:///./src/components/FindByFood.js","webpack:///./src/components/FindByGroup.js","webpack:///./src/components/FindByRating.js","webpack:///./src/pages/index.js"],"names":["Layout","children","FindByFood","id","className","to","type","href","FindByGroup","data","useStaticQuery","groups","nodes","map","food","key","slug","group","FindByRating","ratings","rating","Home","SEO","title","Header"],"mappings":"6FAAA,uEAGe,SAASA,EAAT,GAA+B,IAAbC,EAAY,EAAZA,SAC/B,OACE,oCACE,8BAAOA,GACP,kBAAC,IAAD,S,sHCJS,SAASC,IACtB,OACE,6BACEC,GAAG,YACHC,UAAU,6CAyBV,wBAAIA,UAAU,0EAAd,6CAGA,wBAAIA,UAAU,qDAAd,gHAIA,wBAAIA,UAAU,wCACZ,wBAAIA,UAAU,kBACZ,kBAAC,OAAD,CAAMC,GAAG,cACP,4BACEC,KAAK,SACLF,UAAU,iIAFZ,oBAQJ,wBAAIA,UAAU,kBACZ,uBAAGG,KAAK,UACN,4BACED,KAAK,SACLF,UAAU,iIAFZ,mBAQJ,wBAAIA,UAAU,kBACZ,uBAAGG,KAAK,WACN,4BACED,KAAK,SACLF,UAAU,iIAFZ,sBC1DG,SAASI,IACtB,IAAMC,EAAOC,yBAAe,cAW5B,OACE,6BAASP,GAAG,aAAaC,UAAU,wCACjC,uBAAGD,GAAG,UACN,wBACEA,GAAG,qBACHC,UAAU,kEAFZ,sBAOA,uBAAGA,UAAU,2CAAb,sDAGA,6BAASA,UAAU,6CACjB,wBAAIA,UAAU,wCACXK,EAAKE,OAAOC,MAAMC,KAAI,SAACC,GAAD,OACrB,wBAAIC,IAAKD,EAAKX,GAAIC,UAAU,kBAC1B,kBAAC,OAAD,CAAMC,GAAE,gBAAkBS,EAAKE,MAC7B,4BACEV,KAAK,SACLF,UAAU,iIAETU,EAAKG,eClCT,SAASC,IACtB,IAAMT,EAAOC,yBAAe,cAW5B,OACE,6BACEP,GAAG,cACHC,UAAU,4CAEV,uBAAGD,GAAG,WACN,wBACEA,GAAG,sBACHC,UAAU,6DAFZ,0BAMA,uBAAGA,UAAU,2CAAb,0DAGA,6BAASA,UAAU,6CACjB,wBAAIA,UAAU,wCACXK,EAAKU,QAAQP,MAAMC,KAAI,SAACO,GAAD,OACtB,wBAAIL,IAAKK,EAAOjB,GAAIC,UAAU,kBAC5B,kBAAC,OAAD,CAAMC,GAAE,iBAAmBe,EAAOJ,MAChC,4BACEV,KAAK,SACLF,UAAU,iIAETgB,EAAOA,gB,wCC/BX,SAASC,IACtB,OACE,kBAACrB,EAAA,EAAD,KACE,kBAACsB,EAAA,EAAD,CAAKC,MAAM,SACX,kBAACC,EAAA,EAAD,MACA,kBAACtB,EAAD,MACA,kBAACM,EAAD,MACA,kBAACU,EAAD","file":"component---src-pages-index-js-4dda46096620f022599c.js","sourcesContent":["import React from 'react';\nimport Footer from './Footer';\n\nexport default function Layout({ children }) {\n  return (\n    <>\n      <main>{children}</main>\n      <Footer />\n    </>\n  );\n}\n","import React from 'react';\nimport { Link } from 'gatsby';\n\nexport default function FindByFood() {\n  return (\n    <section\n      id=\"food-name\"\n      className=\"grid grid-cols-1 gap-1 m-12 mx-auto w-3/4\"\n    >\n      {/* <h2 className=\"font-semibold text-center text-3xl pt-8\">\n        Find by food name\n      </h2> */}\n      {/* <form className=\"px-8 pt-6 pb-8 mx-auto w-1/2\">\n        <div className=\"mb-4\">\n          <label\n            className=\"block text-navy-secondary text-sm font-regular font-ibmplexserif mb-2\"\n            htmlFor=\"foodname\"\n          >\n            Type name of food\n            <input\n              className=\"shadow appearance-none border border-navy-secondary w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline font-ibmplexmono\"\n              id=\"foodname\"\n              type=\"text\"\n              placeholder=\"spinach\"\n            />\n          </label>\n        </div>\n      </form> */}\n      {/* <div className=\"card___food_blue h-36 border-2 border-navy-secondary w-1/4 mx-auto p-5\">\n        <h3 className=\"text-center\">Find by Food Group</h3>\n      </div> */}\n\n      <h1 className=\"font-bold leading-tight text-4xl text-center text-navy-aux sm:text-5xl\">\n        Discover oxalate content in various foods\n      </h1>\n      <h2 className=\"pt-5 font-normal text-center text-current text-xl\">\n        Helping kidney stone sufferers find calcium oxalate content in common\n        foods. Choose how you'd like to start:\n      </h2>\n      <ul className=\"mx-auto text-center sm:m-8 sm:inline\">\n        <li className=\"inline sm:mr-6\">\n          <Link to=\"/all-foods\">\n            <button\n              type=\"button\"\n              className=\"bg-navy-secondary hover:bg-teal-secondary text-offwhite-aux py-2 px-8 rounded-full  mt-4 text-center text-sm font-ibmplexmono\"\n            >\n              View all foods\n            </button>\n          </Link>\n        </li>\n        <li className=\"inline sm:mr-6\">\n          <a href=\"#group\">\n            <button\n              type=\"button\"\n              className=\"bg-navy-secondary hover:bg-teal-secondary text-offwhite-aux py-2 px-8 rounded-full  mt-4 text-center text-sm font-ibmplexmono\"\n            >\n              View by group\n            </button>\n          </a>\n        </li>\n        <li className=\"inline sm:mr-6\">\n          <a href=\"#rating\">\n            <button\n              type=\"button\"\n              className=\"bg-navy-secondary hover:bg-teal-secondary text-offwhite-aux py-2 px-8 rounded-full  mt-4 text-center text-sm font-ibmplexmono\"\n            >\n              View by rating\n            </button>\n          </a>\n        </li>\n      </ul>\n    </section>\n  );\n}\n","/* eslint-disable jsx-a11y/anchor-has-content */\nimport React from 'react';\nimport { useStaticQuery, graphql, Link } from 'gatsby';\n\nexport default function FindByGroup() {\n  const data = useStaticQuery(graphql`\n    query {\n      groups: allGroupsJson {\n        nodes {\n          group\n          id\n          slug\n        }\n      }\n    }\n  `);\n  return (\n    <article id=\"food-group\" className=\"container bg-teal-primary max-w-full\">\n      <a id=\"group\" />\n      <h2\n        id=\"food-group-heading\"\n        className=\"font-semibold text-center text-3xl mt-8 text-offwhite-aux pt-8\"\n      >\n        Find by food group\n      </h2>\n\n      <p className=\"text-center px-2 pt-4 text-offwhite-aux\">\n        Browse here to get all results based on food group\n      </p>\n      <section className=\"grid grid-cols-1 gap-1 pb-8 mx-auto w-3/4\">\n        <ul className=\"w-3/5 m-8 mx-auto inline text-center\">\n          {data.groups.nodes.map((food) => (\n            <li key={food.id} className=\"inline sm:mr-6\">\n              <Link to={`/food-groups/${food.slug}`}>\n                <button\n                  type=\"button\"\n                  className=\"bg-navy-secondary hover:bg-teal-secondary text-offwhite-aux py-2 px-8 rounded-full  mt-4 text-center text-sm font-ibmplexmono\"\n                >\n                  {food.group}\n                </button>\n              </Link>\n            </li>\n          ))}\n        </ul>\n      </section>\n    </article>\n  );\n}\n","/* eslint-disable jsx-a11y/anchor-has-content */\nimport React from 'react';\nimport { useStaticQuery, graphql, Link } from 'gatsby';\n\nexport default function FindByRating() {\n  const data = useStaticQuery(graphql`\n    query {\n      ratings: allRatingsJson {\n        nodes {\n          rating\n          id\n          slug\n        }\n      }\n    }\n  `);\n  return (\n    <article\n      id=\"food-rating\"\n      className=\"container max-w-full bg-blue-desaturated\"\n    >\n      <a id=\"rating\" />\n      <h2\n        id=\"food-rating-heading\"\n        className=\"font-semibold text-offwhite-aux text-center text-3xl pt-8\"\n      >\n        Find by Oxalate rating\n      </h2>\n      <p className=\"text-center px-2 pt-4 text-offwhite-aux\">\n        Browse here to get all results based on oxalate rating\n      </p>\n      <section className=\"grid grid-cols-1 gap-1 pb-8 mx-auto w-3/4\">\n        <ul className=\"w-3/5 m-8 mx-auto inline text-center\">\n          {data.ratings.nodes.map((rating) => (\n            <li key={rating.id} className=\"inline sm:mr-6\">\n              <Link to={`/food-ratings/${rating.slug}`}>\n                <button\n                  type=\"button\"\n                  className=\"bg-navy-secondary hover:bg-teal-secondary text-offwhite-aux py-2 px-8 rounded-full  mt-4 text-center text-sm font-ibmplexmono\"\n                >\n                  {rating.rating}\n                </button>\n              </Link>\n            </li>\n          ))}\n        </ul>\n      </section>\n    </article>\n  );\n}\n","import React from 'react';\n// import FindByBestAndWorst from '../components/FindByBestAndWorst';\nimport FindByFood from '../components/FindByFood';\nimport FindByGroup from '../components/FindByGroup';\nimport FindByRating from '../components/FindByRating';\nimport Header from '../components/Header';\nimport Layout from '../components/Layout';\nimport SEO from '../components/SEO';\n\nexport default function Home() {\n  return (\n    <Layout>\n      <SEO title=\"Home\" />\n      <Header />\n      <FindByFood />\n      <FindByGroup />\n      <FindByRating />\n      {/* <FindByBestAndWorst /> */}\n    </Layout>\n  );\n}\n"],"sourceRoot":""}