{"version":3,"file":"component---src-templates-articles-js-53eb9d486d0c581cf2e0.js","mappings":"mJAqBA,IAnBA,SAAoBA,GAClB,OACEC,EAAAA,cAAA,MAAAC,OAAAC,OAAA,CACEC,MAAO,GACPC,OAAQ,GACRC,QAAQ,YACRC,KAAK,OACLC,MAAM,8BACFR,GAEJC,EAAAA,cAAA,aAAQ,UACRA,EAAAA,cAAA,QACEQ,EAAE,orBACFF,KAAK,iBAIb,C,iICFA,MADmB,cAdnB,SAA6BP,EAAOU,GAClC,OAAoB,gBAAoB,MAAOR,OAAOC,OAAO,CAC3DK,MAAO,6BACPF,QAAS,YACTC,KAAM,eACN,cAAe,OACfI,IAAKD,GACJV,GAAqB,gBAAoB,OAAQ,CAClDY,SAAU,UACVH,EAAG,wIACHI,SAAU,YAEd,ICGA,MADmB,cAdnB,SAA8Bb,EAAOU,GACnC,OAAoB,gBAAoB,MAAOR,OAAOC,OAAO,CAC3DK,MAAO,6BACPF,QAAS,YACTC,KAAM,eACN,cAAe,OACfI,IAAKD,GACJV,GAAqB,gBAAoB,OAAQ,CAClDY,SAAU,UACVH,EAAG,2IACHI,SAAU,YAEd,ICwEA,MA/EcC,IAAsB,IAArB,YAAEC,GAAaD,EAC5B,MAAM,iBAAEE,EAAgB,aAAEC,GAAiBF,EAE3C,OACEd,EAAAA,cAAA,OAAKiB,UAAU,gFACZF,GACCf,EAAAA,cAAA,OAAKiB,UAAU,0BACbjB,EAAAA,cAACkB,EAAAA,KAAI,CACHC,GAAIJ,EACJE,UAAU,gJAEVjB,EAAAA,cAACoB,EAAmB,CAClBH,UAAU,6BACV,cAAY,SACZ,aA+CPD,GACChB,EAAAA,cAAA,OAAKiB,UAAU,sCACbjB,EAAAA,cAACkB,EAAAA,KAAI,CACHC,GAAIH,EACJC,UAAU,gJACX,OAECjB,EAAAA,cAACqB,EAAoB,CACnBJ,UAAU,6BACV,cAAY,WAKhB,ECqBV,MAlDgBJ,IAAgC,IAA/B,SAAES,EAAQ,YAAER,GAAaD,EACxC,MAAM,EAACU,EAAK,EAACC,IAAWC,EAAAA,EAAAA,WAAS,GACjC,OACEzB,EAAAA,cAAC0B,EAAAA,EAAM,KACL1B,EAAAA,cAAC2B,EAAAA,EAAG,CAACC,MAAM,UAAUC,KAAK,YAAYC,MAAM,2CAC5C9B,EAAAA,cAAA,QAAMiB,UAAU,SACdjB,EAAAA,cAAA,OAAKiB,UAAU,iEACbjB,EAAAA,cAAA,OAAKiB,UAAU,0CACZK,EAASS,KAAKC,GAEXhC,EAAAA,cAACkB,EAAAA,KAAI,CACHe,IAAKD,EAAQE,GACbf,GAAK,IAAGa,EAAQJ,MACbO,cACAC,WAAW,IAAK,IAChBC,QAAQ,YAAa,KACrBD,WAAW,KAAM,KACjBA,WAAW,KAAM,KACjBA,WAAW,KAAM,OACpBnB,UAAU,8EAEVjB,EAAAA,cAAA,WACEA,EAAAA,cAAA,OAAKiB,UAAU,0FACbjB,EAAAA,cAACsC,EAAAA,EAAW,CACVC,IAAI,UACJtB,UAAU,2CACVa,MAAOE,EAAQF,MAAMU,oBAI3BxC,EAAAA,cAAA,MAAIiB,UAAU,0EACXe,EAAQS,MAEXzC,EAAAA,cAAA,MAAIiB,UAAU,iFACXe,EAAQJ,OAEX5B,EAAAA,cAAA,KAAGiB,UAAU,gFACT,GAAEe,EAAQU,YAAYA,YAAYC,MAAM,EAAG,eAMvD3C,EAAAA,cAAC4C,EAAK,CAAC9B,YAAaA,MAGjB,ECjEb,MA9BiBD,IAA4B,IAA3B,KAAEgC,EAAI,YAAE/B,GAAaD,EACrC,MAAMS,EAAWuB,EAAKC,qBAAqBC,MAC3C,OAAO/C,EAAAA,cAACgD,EAAO,CAAC1B,SAAUA,EAAUR,YAAeA,GAAe,C","sources":["webpack://gatsby-starter-shopify/./src/icons/filter.jsx","webpack://gatsby-starter-shopify/./node_modules/@heroicons/react/solid/esm/ArrowNarrowLeftIcon.js","webpack://gatsby-starter-shopify/./node_modules/@heroicons/react/solid/esm/ArrowNarrowRightIcon.js","webpack://gatsby-starter-shopify/./src/content/Pager.js","webpack://gatsby-starter-shopify/./src/templates/Archive.js","webpack://gatsby-starter-shopify/./src/templates/articles.js"],"sourcesContent":["import * as React from \"react\"\n\nfunction FilterIcon(props) {\n  return (\n    <svg\n      width={24}\n      height={24}\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      {...props}\n    >\n      <title>{\"Filter\"}</title>\n      <path\n        d=\"M9.596 12.116l1-.046-.016-.336-.216-.259-.768.64zM4.392 5.87l-.768.64.768-.64zm15.216 0l.768.64-.768-.64zm-5.204 6.245l-.768-.64-.216.259-.015.336.999.045zm-.36 7.93l.998.046-.999-.046zm-4.087 0l-1 .046 1-.046zm.407-8.57L5.16 5.23 3.624 6.51l5.204 6.246 1.536-1.28zM5.16 5.23A.75.75 0 015.736 4V2C3.405 2 2.131 4.72 3.624 6.51L5.16 5.23zM5.736 4h12.528V2H5.736v2zm12.528 0a.75.75 0 01.576 1.23l1.536 1.28C21.87 4.72 20.596 2 18.264 2v2zm.576 1.23l-5.204 6.245 1.536 1.28 5.204-6.244-1.536-1.28zm-5.435 6.84l-.36 7.93 1.997.09.36-7.93-1.997-.09zm-.36 7.93v2a2 2 0 001.997-1.91L13.044 20zm0 0h-2.09v2h2.09v-2zm-2.09 0l-1.997.09A2 2 0 0010.956 22v-2zm0 0l-.36-7.93-1.998.09.36 7.93 1.998-.09z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  )\n}\n\nexport default FilterIcon\n","import * as React from \"react\";\n\nfunction ArrowNarrowLeftIcon(props, svgRef) {\n  return /*#__PURE__*/React.createElement(\"svg\", Object.assign({\n    xmlns: \"http://www.w3.org/2000/svg\",\n    viewBox: \"0 0 20 20\",\n    fill: \"currentColor\",\n    \"aria-hidden\": \"true\",\n    ref: svgRef\n  }, props), /*#__PURE__*/React.createElement(\"path\", {\n    fillRule: \"evenodd\",\n    d: \"M7.707 14.707a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 1.414L5.414 9H17a1 1 0 110 2H5.414l2.293 2.293a1 1 0 010 1.414z\",\n    clipRule: \"evenodd\"\n  }));\n}\n\nconst ForwardRef = React.forwardRef(ArrowNarrowLeftIcon);\nexport default ForwardRef;","import * as React from \"react\";\n\nfunction ArrowNarrowRightIcon(props, svgRef) {\n  return /*#__PURE__*/React.createElement(\"svg\", Object.assign({\n    xmlns: \"http://www.w3.org/2000/svg\",\n    viewBox: \"0 0 20 20\",\n    fill: \"currentColor\",\n    \"aria-hidden\": \"true\",\n    ref: svgRef\n  }, props), /*#__PURE__*/React.createElement(\"path\", {\n    fillRule: \"evenodd\",\n    d: \"M12.293 5.293a1 1 0 011.414 0l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-2.293-2.293a1 1 0 010-1.414z\",\n    clipRule: \"evenodd\"\n  }));\n}\n\nconst ForwardRef = React.forwardRef(ArrowNarrowRightIcon);\nexport default ForwardRef;","import React from \"react\";\nimport { Link } from \"gatsby\";\nimport {\n  ArrowNarrowLeftIcon,\n  ArrowNarrowRightIcon,\n} from \"@heroicons/react/solid\";\n\nconst Pager = ({ pageContext }) => {\n  const { previousPagePath, nextPagePath } = pageContext;\n\n  return (\n    <nav className=\"border-t border-gray-200 px-4 mt-8 flex items-center justify-between sm:px-0\">\n      {previousPagePath && (\n        <div className=\"-mt-px w-0 flex-1 flex\">\n          <Link\n            to={previousPagePath}\n            className=\"border-t-2 border-transparent pt-4 pr-1 inline-flex items-center text-sm font-medium text-gray-500 hover:text-gray-700 hover:border-gray-300\"\n          >\n            <ArrowNarrowLeftIcon\n              className=\"mr-3 h-5 w-5 text-gray-400\"\n              aria-hidden=\"true\"\n            />\n            Previous\n          </Link>\n        </div>\n      )}\n      {/* <div className=\"hidden md:-mt-px md:flex\">\n        <a\n          href=\"#\"\n          className=\"border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300 border-t-2 pt-4 px-4 inline-flex items-center text-sm font-medium\"\n        >\n          1\n        </a>\n        <a\n          href=\"#\"\n          className=\"border-ec-earth text-ec-earth border-t-2 pt-4 px-4 inline-flex items-center text-sm font-medium\"\n          aria-current=\"page\"\n        >\n          2\n        </a>\n        <a\n          href=\"#\"\n          className=\"border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300 border-t-2 pt-4 px-4 inline-flex items-center text-sm font-medium\"\n        >\n          3\n        </a>\n        <span className=\"border-transparent text-gray-500 border-t-2 pt-4 px-4 inline-flex items-center text-sm font-medium\">\n          ...\n        </span>\n        <a\n          href=\"#\"\n          className=\"border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300 border-t-2 pt-4 px-4 inline-flex items-center text-sm font-medium\"\n        >\n          8\n        </a>\n        <a\n          href=\"#\"\n          className=\"border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300 border-t-2 pt-4 px-4 inline-flex items-center text-sm font-medium\"\n        >\n          9\n        </a>\n        <a\n          href=\"#\"\n          className=\"border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300 border-t-2 pt-4 px-4 inline-flex items-center text-sm font-medium\"\n        >\n          10\n        </a>\n      </div> */}\n      {nextPagePath && (\n        <div className=\"-mt-px w-0 flex-1 flex justify-end\">\n          <Link\n            to={nextPagePath}\n            className=\"border-t-2 border-transparent pt-4 pl-1 inline-flex items-center text-sm font-medium text-gray-500 hover:text-gray-700 hover:border-gray-300\"\n          >\n            Next\n            <ArrowNarrowRightIcon\n              className=\"ml-3 h-5 w-5 text-gray-400\"\n              aria-hidden=\"true\"\n            />\n          </Link>\n        </div>\n      )}\n    </nav>\n  );\n};\n\nexport default Pager;\n","import React from \"react\"\nimport { Link } from \"gatsby\"\nimport { GatsbyImage } from \"gatsby-plugin-image\";\nimport Layout from \"../content/Layout\"\nimport SEO from \"../content/Seo\"\nimport { Fragment, useState } from \"react\"\nimport {\n  Dialog,\n  Disclosure,\n  Menu,\n  Popover,\n  Transition,\n} from \"@headlessui/react\"\nimport { XIcon } from \"@heroicons/react/outline\"\nimport { ChevronDownIcon } from \"@heroicons/react/solid\"\nimport FilterIcon from \"../icons/filter\"\nimport Pager from \"../content/Pager\";\n\nconst sortOptions = [\n  { name: \"Featured\", value: \"FEATURED\" },\n  { name: \"Date\", value: \"PRICE\" },\n  { name: \"Name\", value: \"\" },\n  { name: \"New\", value: \"CREATED_AT\" },\n  { name: \"Trending\", value: \"BEST_SELLING\" },\n]\nconst defaultFilters = [\n  {\n    id: \"category\",\n    name: \"Category\",\n    options: [\n      { value: \"crystals\", label: \"Crystals\" },\n      { value: \"jewellery\", label: \"Jewellery\" },\n      { value: \"aromatherapy\", label: \"Aromatherapy\" },\n      { value: \"books\", label: \"Books\" },\n      { value: \"tarot\", label: \"Tarot & Oracle\" },\n      { value: \"accessories\", label: \"Accessories\" },\n    ],\n  },\n  {\n    id: \"tags\",\n    name: \"Tags\",\n    options: [\n      { value: \"clothing-company\", label: \"Clothing Company\" },\n      { value: \"fashion-inc\", label: \"Fashion Inc.\" },\n      { value: \"shoes-n-more\", label: \"Shoes 'n More\" },\n    ],\n  },\n]\n\nfunction classNames(...classes) {\n  return classes.filter(Boolean).join(\" \")\n}\n\nconst Archive = ({ articles, pageContext }) => {\n  const [open, setOpen] = useState(false)\n  return (\n    <Layout>\n      <SEO title=\"Archive\" slug=\"/articles\" image=\"../assets/Header Image Placeholder.jpg\" />\n      <main className=\"pt-36\">\n        <div className=\"container max-w-screen-2xl mx-auto px-4 my-12 sm:px-6 lg:px-8\">\n          <div className=\"grid grid-cols-1 sm:grid-cols-2 gap-24\">\n            {articles.map((article) => {\n              return (\n                <Link\n                  key={article.id}\n                  to={`/${article.title\n                    .toLowerCase()\n                    .replaceAll(\"!\", \"\")\n                    .replace(/[:.'() ]/g, \"-\")\n                    .replaceAll(\"--\", \"-\")\n                    .replaceAll(\"--\", \"-\")\n                    .replaceAll(\"?-\", \"-\")}`}\n                  className=\"p-4 w-full  mb-6 relative hover:bg-ec-sky/10 rounded-tr-[100px] transition\"\n                >\n                  <div>\n                    <div className=\"h-96 overflow-hidden hover:opacity-90 transition rounded-tr-[100px] rounded-bl-[100px]\">\n                      <GatsbyImage\n                        alt=\"content\"\n                        className=\"object-cover object-center h-full w-full\"\n                        image={article.image.gatsbyImageData}\n                      />\n                    </div>\n                  </div>\n                  <h2 className=\"tracking-widest text-xs title-font font-medium text-gray-400 mb-1 mt-6\">\n                    {article.date}\n                  </h2>\n                  <h2 className=\"text-3xl font-medium font-heading text-ec-earth mt-5 max-h-20 overflow-hidden\">\n                    {article.title}\n                  </h2>\n                  <p className=\"font-body text-ec-sea text-lg leading-relaxed mt-2 mb-3 h-20 overflow-hidden\">\n                    {`${article.description.description.slice(0, 120)}...`}\n                  </p>\n                </Link>\n              )\n            })}\n          </div>\n          <Pager pageContext={pageContext}/>\n        </div>\n      </main>\n    </Layout>\n  )\n}\n\nexport default Archive\n","import React from \"react\";\nimport Archive from \"./Archive\";\nimport { graphql } from \"gatsby\";\n\nconst Articles = ({ data, pageContext }) => {\n  const articles = data.allContentfulArticle.nodes;\n  return <Archive articles={articles} pageContext = {pageContext} />;\n};\n\nexport const query = graphql`\n  query ($skip: Int!, $limit: Int!) {\n    allContentfulArticle(sort: { fields: date, order: DESC } skip: $skip limit: $limit) {\n      nodes {\n        id\n        title\n        date(formatString: \"DD MMMM YYYY\")\n        author\n        category {\n          name\n        }\n        image {\n          gatsbyImageData(layout: CONSTRAINED, placeholder: DOMINANT_COLOR)\n          file {\n            url\n          }\n        }\n        description {\n          description\n        }\n      }\n    }\n  }\n`;\n\nexport default Articles;"],"names":["props","React","Object","assign","width","height","viewBox","fill","xmlns","d","svgRef","ref","fillRule","clipRule","_ref","pageContext","previousPagePath","nextPagePath","className","Link","to","ArrowNarrowLeftIcon","ArrowNarrowRightIcon","articles","open","setOpen","useState","Layout","SEO","title","slug","image","map","article","key","id","toLowerCase","replaceAll","replace","GatsbyImage","alt","gatsbyImageData","date","description","slice","Pager","data","allContentfulArticle","nodes","Archive"],"sourceRoot":""}