{"version":3,"sources":["webpack:///./src/components/Homepage.js","webpack:///./src/@lekoarts/gatsby-theme-minimal-blog-core/templates/homepage-query.tsx","webpack:///./src/@lekoarts/gatsby-theme-minimal-blog-core/components/homepage.js","webpack:///./node_modules/@material-ui/core/esm/Grid/Grid.js","webpack:///./src/components/blog-entry-card.js","webpack:///./src/components/listing.js"],"names":["Homepage","posts","Container","maxWidth","className","useUtilStyles","topSpacer","aria-hidden","src","alt","aspectRatio","style","maxHeight","Box","display","justifyContent","alignItems","Typography","variant","component","gutterBottom","HomepageComponent","allMdx","data","nodes","SPACINGS","GRID_SIZES","getOffset","val","div","arguments","length","undefined","parse","parseFloat","concat","String","replace","props","ref","_props$alignContent","alignContent","_props$alignItems","classes","classNameProp","_props$component","Component","_props$container","container","_props$direction","direction","_props$item","item","_props$justify","justify","_props$lg","lg","_props$md","md","_props$sm","sm","_props$spacing","spacing","_props$wrap","wrap","_props$xl","xl","_props$xs","xs","_props$zeroMinWidth","zeroMinWidth","other","root","withStyles","theme","boxSizing","flexWrap","width","margin","minWidth","flexDirection","breakpoint","styles","forEach","themeSpacing","padding","generateGutter","breakpoints","keys","reduce","accumulator","key","globalStyles","size","Math","round","flexBasis","flexGrow","up","generateGrid","name","title","timeToRead","date","excerpt","tags","banner","frontmatter","summary","childrenMdxPost","slug","bannerFluid","childImageSharp","fluid","marginBottom","to","sizes","paddingTop","color","Link","ReadTime","fontSize","whiteSpace","Listing","useTheme","map","post"],"mappings":"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","file":"component---src-lekoarts-gatsby-theme-minimal-blog-core-templates-homepage-query-tsx-89a953344b8ea7f74d5c.js","sourcesContent":["import React from \"react\"\nimport { Box, Container, Typography } from \"@material-ui/core\"\nimport SEO from \"./seo\"\nimport Listing from \"./listing\"\n// import Link from \"./Link\"\nimport { SectionDivider, useUtilStyles } from \"./utils\"\n//import Hero from \"../shadow/hero\"\nimport { StaticImage } from \"gatsby-plugin-image\"\n\nexport default function Homepage({ posts }) {\n  return (\n    <>\n      <SEO />\n      <Container maxWidth=\"lg\" className={useUtilStyles().topSpacer}>\n        <section>\n          {/* <Hero posts={posts} /> */}\n          <div aria-hidden=\"true\" className=\"jss32 gatsby-image-wrapper\">\n            <StaticImage\n              src=\"../images/hero.jpg\"\n              alt=\"Hero image\"\n              aspectRatio={3 / 2}\n              style={{ maxHeight: \"600px\" }}\n            />\n          </div>\n        </section>\n        <section className={useUtilStyles().topSpacer}>\n          <Box\n            display=\"flex\"\n            justifyContent=\"space-between\"\n            alignItems=\"center\"\n          >\n            <Typography variant=\"h3\" component=\"h2\" gutterBottom>\n              Latest\n            </Typography>\n            {/* <Link to=\"blog\">View all</Link> */}\n          </Box>\n          <SectionDivider />\n          <Listing posts={posts} />\n        </section>\n      </Container>\n    </>\n  )\n}\n","import { graphql } from \"gatsby\"\nimport HomepageComponent from \"../components/homepage\"\n\nexport default HomepageComponent\n\nexport const query = graphql`\nquery($formatString: String!) {\n  allMdx(sort: {fields: frontmatter___date, order: DESC}, filter: {frontmatter: {date: {ne: null}}}) {\n    nodes {\n      childrenMdxPost {\n        slug\n      }\n      excerpt\n      timeToRead\n      frontmatter {\n        title\n        date(formatString: $formatString)\n        banner {\n          childImageSharp {\n            fluid {\n              ...GatsbyImageSharpFluid_withWebp\n            }\n          }\n        }\n        tags\n        recipe {\n          title\n          ingredients {\n            name\n            percentage\n          }\n        }\n      }\n    }\n  }\n}\n`","import React from \"react\"\nimport Homepage from \"../../../components/Homepage\"\n\nexport default ({ data }) => {\n  const { allMdx } = data\n  return <Homepage posts={allMdx.nodes} />\n}\n","import _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\"; // A grid component using the following libs as inspiration.\n//\n// For the implementation:\n// - https://getbootstrap.com/docs/4.3/layout/grid/\n// - https://github.com/kristoferjoseph/flexboxgrid/blob/master/src/css/flexboxgrid.css\n// - https://github.com/roylee0704/react-flexbox-grid\n// - https://material.angularjs.org/latest/layout/introduction\n//\n// Follow this flexbox Guide to better understand the underlying model:\n// - https://css-tricks.com/snippets/css/a-guide-to-flexbox/\n\nimport * as React from 'react';\nimport clsx from 'clsx';\nimport withStyles from '../styles/withStyles';\nimport requirePropFactory from '../utils/requirePropFactory';\nvar SPACINGS = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10];\nvar GRID_SIZES = ['auto', true, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12];\n\nfunction generateGrid(globalStyles, theme, breakpoint) {\n  var styles = {};\n  GRID_SIZES.forEach(function (size) {\n    var key = \"grid-\".concat(breakpoint, \"-\").concat(size);\n\n    if (size === true) {\n      // For the auto layouting\n      styles[key] = {\n        flexBasis: 0,\n        flexGrow: 1,\n        maxWidth: '100%'\n      };\n      return;\n    }\n\n    if (size === 'auto') {\n      styles[key] = {\n        flexBasis: 'auto',\n        flexGrow: 0,\n        maxWidth: 'none'\n      };\n      return;\n    } // Keep 7 significant numbers.\n\n\n    var width = \"\".concat(Math.round(size / 12 * 10e7) / 10e5, \"%\"); // Close to the bootstrap implementation:\n    // https://github.com/twbs/bootstrap/blob/8fccaa2439e97ec72a4b7dc42ccc1f649790adb0/scss/mixins/_grid.scss#L41\n\n    styles[key] = {\n      flexBasis: width,\n      flexGrow: 0,\n      maxWidth: width\n    };\n  }); // No need for a media query for the first size.\n\n  if (breakpoint === 'xs') {\n    _extends(globalStyles, styles);\n  } else {\n    globalStyles[theme.breakpoints.up(breakpoint)] = styles;\n  }\n}\n\nfunction getOffset(val) {\n  var div = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;\n  var parse = parseFloat(val);\n  return \"\".concat(parse / div).concat(String(val).replace(String(parse), '') || 'px');\n}\n\nfunction generateGutter(theme, breakpoint) {\n  var styles = {};\n  SPACINGS.forEach(function (spacing) {\n    var themeSpacing = theme.spacing(spacing);\n\n    if (themeSpacing === 0) {\n      return;\n    }\n\n    styles[\"spacing-\".concat(breakpoint, \"-\").concat(spacing)] = {\n      margin: \"-\".concat(getOffset(themeSpacing, 2)),\n      width: \"calc(100% + \".concat(getOffset(themeSpacing), \")\"),\n      '& > $item': {\n        padding: getOffset(themeSpacing, 2)\n      }\n    };\n  });\n  return styles;\n} // Default CSS values\n// flex: '0 1 auto',\n// flexDirection: 'row',\n// alignItems: 'flex-start',\n// flexWrap: 'nowrap',\n// justifyContent: 'flex-start',\n\n\nexport var styles = function styles(theme) {\n  return _extends({\n    /* Styles applied to the root element. */\n    root: {},\n\n    /* Styles applied to the root element if `container={true}`. */\n    container: {\n      boxSizing: 'border-box',\n      display: 'flex',\n      flexWrap: 'wrap',\n      width: '100%'\n    },\n\n    /* Styles applied to the root element if `item={true}`. */\n    item: {\n      boxSizing: 'border-box',\n      margin: '0' // For instance, it's useful when used with a `figure` element.\n\n    },\n\n    /* Styles applied to the root element if `zeroMinWidth={true}`. */\n    zeroMinWidth: {\n      minWidth: 0\n    },\n\n    /* Styles applied to the root element if `direction=\"column\"`. */\n    'direction-xs-column': {\n      flexDirection: 'column'\n    },\n\n    /* Styles applied to the root element if `direction=\"column-reverse\"`. */\n    'direction-xs-column-reverse': {\n      flexDirection: 'column-reverse'\n    },\n\n    /* Styles applied to the root element if `direction=\"row-reverse\"`. */\n    'direction-xs-row-reverse': {\n      flexDirection: 'row-reverse'\n    },\n\n    /* Styles applied to the root element if `wrap=\"nowrap\"`. */\n    'wrap-xs-nowrap': {\n      flexWrap: 'nowrap'\n    },\n\n    /* Styles applied to the root element if `wrap=\"reverse\"`. */\n    'wrap-xs-wrap-reverse': {\n      flexWrap: 'wrap-reverse'\n    },\n\n    /* Styles applied to the root element if `alignItems=\"center\"`. */\n    'align-items-xs-center': {\n      alignItems: 'center'\n    },\n\n    /* Styles applied to the root element if `alignItems=\"flex-start\"`. */\n    'align-items-xs-flex-start': {\n      alignItems: 'flex-start'\n    },\n\n    /* Styles applied to the root element if `alignItems=\"flex-end\"`. */\n    'align-items-xs-flex-end': {\n      alignItems: 'flex-end'\n    },\n\n    /* Styles applied to the root element if `alignItems=\"baseline\"`. */\n    'align-items-xs-baseline': {\n      alignItems: 'baseline'\n    },\n\n    /* Styles applied to the root element if `alignContent=\"center\"`. */\n    'align-content-xs-center': {\n      alignContent: 'center'\n    },\n\n    /* Styles applied to the root element if `alignContent=\"flex-start\"`. */\n    'align-content-xs-flex-start': {\n      alignContent: 'flex-start'\n    },\n\n    /* Styles applied to the root element if `alignContent=\"flex-end\"`. */\n    'align-content-xs-flex-end': {\n      alignContent: 'flex-end'\n    },\n\n    /* Styles applied to the root element if `alignContent=\"space-between\"`. */\n    'align-content-xs-space-between': {\n      alignContent: 'space-between'\n    },\n\n    /* Styles applied to the root element if `alignContent=\"space-around\"`. */\n    'align-content-xs-space-around': {\n      alignContent: 'space-around'\n    },\n\n    /* Styles applied to the root element if `justify=\"center\"`. */\n    'justify-xs-center': {\n      justifyContent: 'center'\n    },\n\n    /* Styles applied to the root element if `justify=\"flex-end\"`. */\n    'justify-xs-flex-end': {\n      justifyContent: 'flex-end'\n    },\n\n    /* Styles applied to the root element if `justify=\"space-between\"`. */\n    'justify-xs-space-between': {\n      justifyContent: 'space-between'\n    },\n\n    /* Styles applied to the root element if `justify=\"space-around\"`. */\n    'justify-xs-space-around': {\n      justifyContent: 'space-around'\n    },\n\n    /* Styles applied to the root element if `justify=\"space-evenly\"`. */\n    'justify-xs-space-evenly': {\n      justifyContent: 'space-evenly'\n    }\n  }, generateGutter(theme, 'xs'), theme.breakpoints.keys.reduce(function (accumulator, key) {\n    // Use side effect over immutability for better performance.\n    generateGrid(accumulator, theme, key);\n    return accumulator;\n  }, {}));\n};\nvar Grid = /*#__PURE__*/React.forwardRef(function Grid(props, ref) {\n  var _props$alignContent = props.alignContent,\n      alignContent = _props$alignContent === void 0 ? 'stretch' : _props$alignContent,\n      _props$alignItems = props.alignItems,\n      alignItems = _props$alignItems === void 0 ? 'stretch' : _props$alignItems,\n      classes = props.classes,\n      classNameProp = props.className,\n      _props$component = props.component,\n      Component = _props$component === void 0 ? 'div' : _props$component,\n      _props$container = props.container,\n      container = _props$container === void 0 ? false : _props$container,\n      _props$direction = props.direction,\n      direction = _props$direction === void 0 ? 'row' : _props$direction,\n      _props$item = props.item,\n      item = _props$item === void 0 ? false : _props$item,\n      _props$justify = props.justify,\n      justify = _props$justify === void 0 ? 'flex-start' : _props$justify,\n      _props$lg = props.lg,\n      lg = _props$lg === void 0 ? false : _props$lg,\n      _props$md = props.md,\n      md = _props$md === void 0 ? false : _props$md,\n      _props$sm = props.sm,\n      sm = _props$sm === void 0 ? false : _props$sm,\n      _props$spacing = props.spacing,\n      spacing = _props$spacing === void 0 ? 0 : _props$spacing,\n      _props$wrap = props.wrap,\n      wrap = _props$wrap === void 0 ? 'wrap' : _props$wrap,\n      _props$xl = props.xl,\n      xl = _props$xl === void 0 ? false : _props$xl,\n      _props$xs = props.xs,\n      xs = _props$xs === void 0 ? false : _props$xs,\n      _props$zeroMinWidth = props.zeroMinWidth,\n      zeroMinWidth = _props$zeroMinWidth === void 0 ? false : _props$zeroMinWidth,\n      other = _objectWithoutProperties(props, [\"alignContent\", \"alignItems\", \"classes\", \"className\", \"component\", \"container\", \"direction\", \"item\", \"justify\", \"lg\", \"md\", \"sm\", \"spacing\", \"wrap\", \"xl\", \"xs\", \"zeroMinWidth\"]);\n\n  var className = clsx(classes.root, classNameProp, container && [classes.container, spacing !== 0 && classes[\"spacing-xs-\".concat(String(spacing))]], item && classes.item, zeroMinWidth && classes.zeroMinWidth, direction !== 'row' && classes[\"direction-xs-\".concat(String(direction))], wrap !== 'wrap' && classes[\"wrap-xs-\".concat(String(wrap))], alignItems !== 'stretch' && classes[\"align-items-xs-\".concat(String(alignItems))], alignContent !== 'stretch' && classes[\"align-content-xs-\".concat(String(alignContent))], justify !== 'flex-start' && classes[\"justify-xs-\".concat(String(justify))], xs !== false && classes[\"grid-xs-\".concat(String(xs))], sm !== false && classes[\"grid-sm-\".concat(String(sm))], md !== false && classes[\"grid-md-\".concat(String(md))], lg !== false && classes[\"grid-lg-\".concat(String(lg))], xl !== false && classes[\"grid-xl-\".concat(String(xl))]);\n  return /*#__PURE__*/React.createElement(Component, _extends({\n    className: className,\n    ref: ref\n  }, other));\n});\nprocess.env.NODE_ENV !== \"production\" ? void 0 : void 0;\nvar StyledGrid = withStyles(styles, {\n  name: 'MuiGrid'\n})(Grid);\n\nif (process.env.NODE_ENV !== 'production') {\n  var requireProp = requirePropFactory('Grid');\n  StyledGrid.propTypes = _extends({}, StyledGrid.propTypes, {\n    alignContent: requireProp('container'),\n    alignItems: requireProp('container'),\n    direction: requireProp('container'),\n    justify: requireProp('container'),\n    lg: requireProp('item'),\n    md: requireProp('item'),\n    sm: requireProp('item'),\n    spacing: requireProp('container'),\n    wrap: requireProp('container'),\n    xs: requireProp('item'),\n    zeroMinWidth: requireProp('item')\n  });\n}\n\nexport default StyledGrid;","import React from \"react\"\nimport { Typography, Box } from \"@material-ui/core\"\nimport Img from \"gatsby-image\"\nimport { Link as GatsbyLink } from \"gatsby\"\n\nimport ItemTags from \"./item-tags\"\nimport Link from \"./Link\"\n\nexport default function ({\n  title,\n  date,\n  timeToRead,\n  excerpt,\n  tags,\n  banner,\n  summary,\n  frontmatter,\n  childrenMdxPost\n}) {\n  \n  if (frontmatter) {\n    banner = frontmatter.banner\n    tags = frontmatter.tags\n    title = frontmatter.title\n  }\n  const slug = childrenMdxPost ? childrenMdxPost[0].slug : \"\"\n  const bannerFluid = banner ? banner.childImageSharp.fluid : null\n\n  return (\n    <Box display=\"flex\" flexDirection=\"column\" flexWrap=\"wrap\" marginBottom={2}>\n      <Box width=\"100%\">\n        {bannerFluid ? (\n          <GatsbyLink to={slug}>\n            <Img sizes={{ ...bannerFluid, aspectRatio: 3 / 2 }} alt={title} />\n          </GatsbyLink>\n        ) : null}\n      </Box>\n\n      <Box paddingTop={2}>\n        <ItemTags tags={tags} />\n      </Box>\n      <Typography\n        color=\"textPrimary\"\n        variant=\"h6\"\n        component=\"h3\"\n        style={{ paddingTop: \"1rem\" }}\n      >\n        <Link to={slug}>{title}</Link>\n      </Typography>\n      <Typography variant=\"body1\" color=\"textSecondary\">\n        {excerpt} <ReadTime timeToRead={timeToRead} slug={slug} />\n      </Typography>\n    </Box>\n  )\n}\n\nconst ReadTime = ({ timeToRead, slug }) => (\n  <Box fontSize=\"1rem\" color=\"#bdbdbd\" component=\"span\" whiteSpace=\"nowrap\">\n    <Link to={slug}>{` — ${timeToRead} min read`}</Link>\n  </Box>\n)\n","import React from \"react\"\nimport { Grid, useTheme } from \"@material-ui/core\"\nimport BlogEntryCard from \"./blog-entry-card\"\nexport default function Listing({ posts }) {\n  const theme = useTheme()\n  return (\n    <section>\n      <Grid container spacing={4} style={{ paddingTop: theme.spacing(2) }}>\n        {posts?.map(post => (\n          <Grid item xs={12} key={post.slug} sm={6} md={4}>\n            <BlogEntryCard {...post} />\n          </Grid>\n        ))}\n      </Grid>\n    </section>\n  )\n}\n"],"sourceRoot":""}