{"componentChunkName":"component---src-templates-blog-post-js","path":"/code-blocks/","result":{"data":{"site":{"siteMetadata":{"title":"Dogrose","author":"mcdog"}},"mdx":{"id":"0100b5a6-657f-5cde-bf42-9fec0b7484e6","excerpt":"Yes! Some code! Here is the  Dump  component!","frontmatter":{"title":"Code Blocks","date":"July 01, 2019","cover":{"childImageSharp":{"sizes":{"base64":"data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAANABQDASIAAhEBAxEB/8QAGAAAAwEBAAAAAAAAAAAAAAAAAAEEAgX/xAAUAQEAAAAAAAAAAAAAAAAAAAAA/9oADAMBAAIQAxAAAAHT5tIyoP/EAB0QAAMAAAcAAAAAAAAAAAAAAAABAgMEEhMUISL/2gAIAQEAAQUCcqDxpdyN9ZfD3TiQf//EABURAQEAAAAAAAAAAAAAAAAAABAR/9oACAEDAQE/Aaf/xAAUEQEAAAAAAAAAAAAAAAAAAAAQ/9oACAECAQE/AT//xAAeEAACAAYDAAAAAAAAAAAAAAAAAQIQESEiMTJCof/aAAgBAQAGPwLJnPw7SdXZG4j/xAAcEAEAAQQDAAAAAAAAAAAAAAABABEhQWEQgcH/2gAIAQEAAT8hsBDqV39QN8UOCNzMBmKNi7n/2gAMAwEAAgADAAAAEAcP/8QAFhEBAQEAAAAAAAAAAAAAAAAAACEx/9oACAEDAQE/ENK//8QAFhEBAQEAAAAAAAAAAAAAAAAAABEh/9oACAECAQE/EIx//8QAHRABAAICAgMAAAAAAAAAAAAAAQARIVFBgTGRwf/aAAgBAQABPxAM0FZO2ojbK9g7nuopLdbh6zGttrMMSRny9uIkQHij8n//2Q==","aspectRatio":1.5,"src":"/static/27b600557e7fb95324105905c480bd4f/da4d3/cover.jpg","srcSet":"/static/27b600557e7fb95324105905c480bd4f/5f64f/cover.jpg 158w,\n/static/27b600557e7fb95324105905c480bd4f/981d4/cover.jpg 315w,\n/static/27b600557e7fb95324105905c480bd4f/da4d3/cover.jpg 630w,\n/static/27b600557e7fb95324105905c480bd4f/6bc71/cover.jpg 945w,\n/static/27b600557e7fb95324105905c480bd4f/dd746/cover.jpg 1260w,\n/static/27b600557e7fb95324105905c480bd4f/6e782/cover.jpg 5184w","sizes":"(max-width: 630px) 100vw, 630px"}}}},"body":"function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsx mdx */\nvar _frontmatter = {\n  \"title\": \"Code Blocks\",\n  \"date\": \"2019-07-01T00:00:00.000Z\",\n  \"published\": true,\n  \"cover\": \"./cover.jpg\",\n  \"coverby\": null,\n  \"template\": \"blogPost\"\n};\n\nvar makeShortcode = function makeShortcode(name) {\n  return function MDXDefaultShortcode(props) {\n    console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n    return mdx(\"div\", props);\n  };\n};\n\nvar layoutProps = {\n  _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n  var components = _ref.components,\n      props = _objectWithoutProperties(_ref, [\"components\"]);\n\n  return mdx(MDXLayout, _extends({}, layoutProps, props, {\n    components: components,\n    mdxType: \"MDXLayout\"\n  }), mdx(\"h2\", null, \"Yes! Some code!\"), mdx(\"p\", null, \"Here is the \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"Dump\"), \" component!\"), mdx(\"pre\", null, mdx(\"code\", _extends({\n    parentName: \"pre\"\n  }, {\n    \"className\": \"language-jsx\",\n    \"metastring\": \"react-live\",\n    \"react-live\": true\n  }), \"\\nconst Dump = props => (\\n  <div\\n    style={{\\n      fontSize: 20,\\n      border: '1px solid #efefef',\\n      padding: 10,\\n      background: 'white',\\n    }}>\\n    {Object.entries(props).map(([key, val]) => (\\n      <pre key={key}>\\n        <strong style={{ color: 'white', background: 'red' }}>\\n          {key} \\uD83D\\uDCA9\\n        </strong>\\n        {JSON.stringify(val, '', ' ')}\\n      </pre>\\n    ))}\\n  </div>\\n);\\n\\nrender(<Dump props={['One', 'Two', 'Three', 'Four']} />);\\n\")));\n}\n;\nMDXContent.isMDXComponent = true;"}},"pageContext":{"slug":"/code-blocks/","previous":null,"next":{"id":"354b48d2-7fee-5ae3-8af7-56ff68b2d1be","fileAbsolutePath":"/home/kelvin/Desktop/dogrose/content/blog/todo/index.mdx","fields":{"slug":"/todo/"},"frontmatter":{"title":"ToDo","template":"blogPost"},"body":"function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsx mdx */\nvar _frontmatter = {\n  \"title\": \"ToDo\",\n  \"slug\": \"todo\",\n  \"date\": \"2019-10-18T00:00:00.000Z\",\n  \"cover\": \"./cover.jpg\",\n  \"coverby\": \"Photo by Glenn Carstens-Peters on Unsplash\",\n  \"template\": \"blogPost\"\n};\n\nvar makeShortcode = function makeShortcode(name) {\n  return function MDXDefaultShortcode(props) {\n    console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n    return mdx(\"div\", props);\n  };\n};\n\nvar layoutProps = {\n  _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n  var components = _ref.components,\n      props = _objectWithoutProperties(_ref, [\"components\"]);\n\n  return mdx(MDXLayout, _extends({}, layoutProps, props, {\n    components: components,\n    mdxType: \"MDXLayout\"\n  }), mdx(\"ul\", {\n    \"className\": \"contains-task-list\"\n  }, mdx(\"li\", _extends({\n    parentName: \"ul\"\n  }, {\n    \"className\": \"task-list-item\"\n  }), mdx(\"input\", _extends({\n    parentName: \"li\"\n  }, {\n    \"type\": \"checkbox\",\n    \"checked\": false,\n    \"disabled\": true\n  })), \" \", \"responsive column structure\"), mdx(\"li\", _extends({\n    parentName: \"ul\"\n  }, {\n    \"className\": \"task-list-item\"\n  }), mdx(\"input\", _extends({\n    parentName: \"li\"\n  }, {\n    \"type\": \"checkbox\",\n    \"checked\": false,\n    \"disabled\": true\n  })), \" \", \"video display\"), mdx(\"li\", _extends({\n    parentName: \"ul\"\n  }, {\n    \"className\": \"task-list-item\"\n  }), mdx(\"input\", _extends({\n    parentName: \"li\"\n  }, {\n    \"type\": \"checkbox\",\n    \"checked\": false,\n    \"disabled\": true\n  })), \" \", \"photo gallery display\")));\n}\n;\nMDXContent.isMDXComponent = true;"}}}}