{"componentChunkName":"component---node-modules-gatsby-theme-chronoblog-src-templates-note-js","path":"/notes/codepen/","result":{"data":{"mdx":{"id":"562cc175-5791-5724-a125-60b681229754","excerpt":"Embed Codepen code in note.","frontmatter":{"title":"Codepen example","date":"2018-10-02T00:00:00.000Z","tags":["note","code"],"cover":null},"fields":{"slug":"/notes/codepen/"},"body":"var _excluded = [\"components\"];\n\nfunction _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/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {\n  \"title\": \"Codepen example\",\n  \"date\": \"2018-10-02T00:00:00.000Z\",\n  \"tags\": [\"note\", \"code\"],\n  \"hide\": true\n};\nvar layoutProps = {\n  _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n  var components = _ref.components,\n      props = _objectWithoutProperties(_ref, _excluded);\n\n  return mdx(MDXLayout, _extends({}, layoutProps, props, {\n    components: components,\n    mdxType: \"MDXLayout\"\n  }), mdx(\"iframe\", {\n    height: \"565\",\n    style: {\n      \"width\": \"100%\"\n    },\n    scrolling: \"no\",\n    title: \"Liquid button\",\n    src: \"https://codepen.io/electerious/embed/gOOLgjd?height=265&theme-id=default&default-tab=js,result\",\n    frameBorder: \"no\",\n    allowtransparency: \"true\",\n    allowFullScreen: \"true\"\n  }, \"See the Pen \", mdx(\"a\", {\n    href: \"https://codepen.io/electerious/pen/gOOLgjd\"\n  }, \"Liquid button\"), \" by Tobias Reich (\", mdx(\"a\", {\n    href: \"https://codepen.io/electerious\"\n  }, \"@electerious\"), \") on \", mdx(\"a\", {\n    href: \"https://codepen.io\"\n  }, \"CodePen\"), \".\"), mdx(\"p\", null, \"Embed Codepen code in note.\"));\n}\n;\nMDXContent.isMDXComponent = true;"}},"pageContext":{"id":"562cc175-5791-5724-a125-60b681229754"}},"staticQueryHashes":["1961101537","2542493696"]}