{"componentChunkName":"component---src-templates-blog-post-js","path":"/blog/example2/","result":{"data":{"site":{"siteMetadata":{"title":"413Now","author":"EDR"}},"mdx":{"id":"3e0b6d48-5ab7-5c2b-a7ea-79f00a192847","excerpt":"This is a post showing MDX in action. This starter now comes with MDX out-of-the-box! MDX MDX lets you write JSX embedded inside markdown, perfect for technical…","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\": \"Eddy!\",\n  \"date\": \"2019-10-22\",\n  \"description\": \"A post showing MDX in action\"\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(\"p\", null, \"This is a post showing MDX in action. This starter now comes with MDX out-of-the-box!\"), mdx(\"pre\", {\n    \"className\": \"default-dark vscode-highlight\",\n    \"data-language\": \"js\"\n  }, mdx(\"code\", _extends({\n    parentName: \"pre\"\n  }, {\n    \"className\": \"vscode-highlight-code\"\n  }), mdx(\"span\", _extends({\n    parentName: \"code\"\n  }, {\n    \"className\": \"vscode-highlight-line\"\n  }), mdx(\"span\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"mtk3\"\n  }), \"// you can write JSX in your Markdown!\")), \"\\n\", mdx(\"span\", _extends({\n    parentName: \"code\"\n  }, {\n    \"className\": \"vscode-highlight-line\"\n  }), mdx(\"span\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"mtk17\"\n  }), \"<\"), mdx(\"span\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"mtk4\"\n  }), \"button\"), mdx(\"span\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"mtk17\"\n  }), \">\"), mdx(\"span\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"mtk1\"\n  }), \"test\"), mdx(\"span\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"mtk17\"\n  }), \"</\"), mdx(\"span\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"mtk4\"\n  }), \"button\"), mdx(\"span\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"mtk17\"\n  }), \">\")))), mdx(\"button\", null, \"test\"), mdx(\"h2\", null, \"MDX\"), mdx(\"p\", null, \"MDX lets you write JSX embedded inside markdown, perfect for technical blogs. MDX works with Gatsby through \", mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"https://www.gatsbyjs.org/packages/gatsby-plugin-mdx/\"\n  }), \"gatsby-plugin-mdx\"), \". You can learn more about it in the Gatsby docs: \", mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"https://www.gatsbyjs.org/docs/mdx/getting-started/\"\n  }), \"Getting Started with MDX\"), \".\"), mdx(\"style\", {\n    \"className\": \"vscode-highlight-styles\"\n  }, \"\\n  :root {\\n  --vscode-highlight-padding-v: 1rem;\\n  --vscode-highlight-padding-h: 1.5rem;\\n  --vscode-highlight-padding-top: var(--vscode-highlight-padding-v);\\n  --vscode-highlight-padding-right: var(--vscode-highlight-padding-h);\\n  --vscode-highlight-padding-bottom: var(--vscode-highlight-padding-v);\\n  --vscode-highlight-padding-left: var(--vscode-highlight-padding-h);\\n  --vscode-highlight-border-radius: 8px;\\n\\n  --vscode-highlight-line-highlighted-background-color: transparent;\\n  --vscode-highlight-line-highlighted-border-width: 4px;\\n  --vscode-highlight-line-highlighted-border-color: transparent;\\n}\\n\\n.vscode-highlight {\\n  overflow: auto;\\n  -webkit-overflow-scrolling: touch;\\n  padding-top: 1rem;\\n  padding-top: var(--vscode-highlight-padding-top);\\n  padding-bottom: 1rem;\\n  padding-bottom: var(--vscode-highlight-padding-bottom);\\n  border-radius: 8px;\\n  border-radius: var(--vscode-highlight-border-radius);\\n  font-feature-settings: normal;\\n}\\n\\n.vscode-highlight-code {\\n  display: inline-block;\\n  min-width: 100%;\\n}\\n\\n.vscode-highlight-line {\\n  display: inline-block;\\n  box-sizing: border-box;\\n  width: 100%;\\n  padding-left: 1.5rem;\\n  padding-left: var(--vscode-highlight-padding-left);\\n  padding-right: 1.5rem;\\n  padding-right: var(--vscode-highlight-padding-right);\\n}\\n\\n.vscode-highlight-line-highlighted {\\n  background-color: var(--vscode-highlight-line-highlighted-background-color);\\n  box-shadow: inset var(--vscode-highlight-line-highlighted-border-width) 0 0 0 var(--vscode-highlight-line-highlighted-border-color);\\n}\\n\\n  .default-dark {\\nbackground-color: #1E1E1E;\\ncolor: #D4D4D4;\\n}\\n\\n.default-dark .mtk1 { color: #D4D4D4; }\\n.default-dark .mtk2 { color: #1E1E1E; }\\n.default-dark .mtk3 { color: #6A9955; }\\n.default-dark .mtk4 { color: #569CD6; }\\n.default-dark .mtk5 { color: #D16969; }\\n.default-dark .mtk6 { color: #D7BA7D; }\\n.default-dark .mtk7 { color: #B5CEA8; }\\n.default-dark .mtk8 { color: #CE9178; }\\n.default-dark .mtk9 { color: #646695; }\\n.default-dark .mtk10 { color: #4EC9B0; }\\n.default-dark .mtk11 { color: #DCDCAA; }\\n.default-dark .mtk12 { color: #9CDCFE; }\\n.default-dark .mtk13 { color: #000080; }\\n.default-dark .mtk14 { color: #F44747; }\\n.default-dark .mtk15 { color: #C586C0; }\\n.default-dark .mtk16 { color: #6796E6; }\\n.default-dark .mtk17 { color: #808080; }\\n.default-dark .mtki { font-style: italic; }\\n.default-dark .mtkb { font-weight: bold; }\\n.default-dark .mtku { text-decoration: underline; text-underline-position: under; }\\n\"));\n}\n;\nMDXContent.isMDXComponent = true;","frontmatter":{"title":"Eddy!","date":"October 22, 2019","description":"A post showing MDX in action"}}},"pageContext":{"slug":"/example2/","previous":{"fields":{"slug":"/eddypost/example2/"},"frontmatter":{"title":"MDX!"}},"next":{"fields":{"slug":"/ex3/"},"frontmatter":{"title":"number 3!"}}}}}