{"componentChunkName":"component---src-components-gc-mdx-layout-js","path":"/blog/playground","result":{"data":{"mdx":{"id":"29795071-fbcb-5f6f-bf1c-70fd127303e3","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  \"path\": \"/blog/playground\",\n  \"date\": \"2020-04-13\",\n  \"title\": \"Playground\",\n  \"featuredImage\": \"../images/playground.png\"\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, \"The Purpose\"), mdx(\"p\", null, \"The playground is a space of creativity, fun, problem solving, and expression. Creating something great is not easy, but it \", mdx(\"em\", {\n    parentName: \"p\"\n  }, \"is possible\"), \", it can also be fun and rewarding with the right spirit.\"), mdx(\"p\", null, \"I always loved going to the playground as a kid. Some activities at the playground can be quite physically challenging, but the challenges never diminished the joy. I feel like an important lesson can be learn at the ground. \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Never let difficulty get in the way of the fun.\"), \" If you have a passion for something, pursue it. Greatness comes from failing over and over again, learning to embrace and learn from failures is the only way to find true success.\"), mdx(\"h2\", null, \"This is an Example of Code Highlighting Using PrismJS\"), mdx(\"div\", {\n    \"className\": \"gatsby-highlight\",\n    \"data-language\": \"go\"\n  }, mdx(\"pre\", _extends({\n    parentName: \"div\"\n  }, {\n    \"style\": {\n      \"counterReset\": \"linenumber 0\"\n    },\n    \"className\": \"language-go line-numbers\"\n  }), mdx(\"code\", _extends({\n    parentName: \"pre\"\n  }, {\n    \"className\": \"language-go\"\n  }), mdx(\"span\", _extends({\n    parentName: \"code\"\n  }, {\n    \"className\": \"token keyword\"\n  }), \"import\"), mdx(\"span\", _extends({\n    parentName: \"code\"\n  }, {\n    \"className\": \"token punctuation\"\n  }), \"(\"), \"\\n    \", mdx(\"span\", _extends({\n    parentName: \"code\"\n  }, {\n    \"className\": \"token string\"\n  }), \"\\\"fmt\\\"\"), \"\\n\", mdx(\"span\", _extends({\n    parentName: \"code\"\n  }, {\n    \"className\": \"token punctuation\"\n  }), \")\"), \"\\n\\n\", mdx(\"span\", _extends({\n    parentName: \"code\"\n  }, {\n    \"className\": \"token keyword\"\n  }), \"func\"), \" \", mdx(\"span\", _extends({\n    parentName: \"code\"\n  }, {\n    \"className\": \"token function\"\n  }), \"main\"), mdx(\"span\", _extends({\n    parentName: \"code\"\n  }, {\n    \"className\": \"token punctuation\"\n  }), \"(\"), mdx(\"span\", _extends({\n    parentName: \"code\"\n  }, {\n    \"className\": \"token punctuation\"\n  }), \")\"), \" \", mdx(\"span\", _extends({\n    parentName: \"code\"\n  }, {\n    \"className\": \"token punctuation\"\n  }), \"{\"), \"\\n    fmt\", mdx(\"span\", _extends({\n    parentName: \"code\"\n  }, {\n    \"className\": \"token punctuation\"\n  }), \".\"), mdx(\"span\", _extends({\n    parentName: \"code\"\n  }, {\n    \"className\": \"token function\"\n  }), \"Println\"), mdx(\"span\", _extends({\n    parentName: \"code\"\n  }, {\n    \"className\": \"token punctuation\"\n  }), \"(\"), mdx(\"span\", _extends({\n    parentName: \"code\"\n  }, {\n    \"className\": \"token string\"\n  }), \"\\\"Hello World\\\"\"), mdx(\"span\", _extends({\n    parentName: \"code\"\n  }, {\n    \"className\": \"token punctuation\"\n  }), \")\"), \"\\n\", mdx(\"span\", _extends({\n    parentName: \"code\"\n  }, {\n    \"className\": \"token punctuation\"\n  }), \"}\")), mdx(\"span\", _extends({\n    parentName: \"pre\"\n  }, {\n    \"aria-hidden\": \"true\",\n    \"className\": \"line-numbers-rows\",\n    \"style\": {\n      \"whiteSpace\": \"normal\",\n      \"width\": \"auto\",\n      \"left\": \"0\"\n    }\n  }), mdx(\"span\", {\n    parentName: \"span\"\n  }), mdx(\"span\", {\n    parentName: \"span\"\n  }), mdx(\"span\", {\n    parentName: \"span\"\n  }), mdx(\"span\", {\n    parentName: \"span\"\n  }), mdx(\"span\", {\n    parentName: \"span\"\n  }), mdx(\"span\", {\n    parentName: \"span\"\n  }), mdx(\"span\", {\n    parentName: \"span\"\n  })))), mdx(\"div\", {\n    \"className\": \"gatsby-highlight\",\n    \"data-language\": \"shell\"\n  }, mdx(\"pre\", _extends({\n    parentName: \"div\"\n  }, {\n    \"className\": \"language-shell\"\n  }), mdx(\"code\", _extends({\n    parentName: \"pre\"\n  }, {\n    \"className\": \"language-shell\"\n  }), \"hello world\"))), mdx(\"p\", null, \"I love is.\"), mdx(\"h2\", null, \"This is an Example of MDX Content\"), mdx(\"p\", null, \"Go ahead and click the \", mdx(\"code\", _extends({\n    parentName: \"p\"\n  }, {\n    \"className\": \"language-text\"\n  }), \"-1\"), \" and \", mdx(\"code\", _extends({\n    parentName: \"p\"\n  }, {\n    \"className\": \"language-text\"\n  }), \"+1\"), \" buttons.\"), mdx(GcCounter, {\n    initialvalue: \"20\",\n    mdxType: \"GcCounter\"\n  }), mdx(\"h2\", null, \"MDX Image\"), mdx(\"p\", null, \"Just an example of throwing down an image.\"), mdx(\"p\", null, mdx(\"span\", _extends({\n    parentName: \"p\"\n  }, {\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"auto\",\n      \"maxWidth\": \"1035px\"\n    }\n  }), \"\\n      \", mdx(\"a\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"gatsby-resp-image-link\",\n    \"href\": \"/static/4f6e076f97c7a378670d441f6cf50856/c2d13/code.png\",\n    \"style\": {\n      \"display\": \"block\"\n    },\n    \"target\": \"_blank\",\n    \"rel\": [\"noopener\"]\n  }), \"\\n    \", mdx(\"span\", _extends({\n    parentName: \"a\"\n  }, {\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"56.37065637065637%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"backgroundImage\": \"url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAYAAAB/Ca1DAAAACXBIWXMAAAsSAAALEgHS3X78AAABVUlEQVQoz5WSzUoDMRSFs/EH1OJCcOEkmWSS+R+ZmbajFATfxqKioG/jE2hRdz7f8SbTFhHtz+IjgSQn59x7WTeZoKlrWGNhoghCCAjOPXxLjDFgXdegqkoorVEUKYosRhYbxEYjDENC+lUR7jPORf/pL5yg02DjIQmWJbSOkKQJ0jxFFCkSkJBSQM4fSPG30E9B7QVHNfI8h6a4Jk68bedGK71S4F/BUdtS5AqKBOI0JZeWrIfkrncoxPraLert3rBhM6TIlY+c5RlFTsit7i9u4XABaxrXlHMqvFpa7xFbd9kL5kUJaxMfmZPlUCnIeUc3pZ8GeuMiZwlFlNSEPEZ90foRihQdBmcb4yZCuYngAVh7OUFZj6GpOeOra9qPwHWMQFkEej3crcou77PT5xecPH1h8PCO48dPHN5/YG86w87NK3ZX4M73p28Y3M1wRBzc9nwDwWk/OlWPGsQAAAAASUVORK5CYII=')\",\n      \"backgroundSize\": \"cover\",\n      \"display\": \"block\"\n    }\n  })), \"\\n  \", mdx(\"img\", _extends({\n    parentName: \"a\"\n  }, {\n    \"className\": \"gatsby-resp-image-image\",\n    \"alt\": \"image of code in a IDE\",\n    \"title\": \"image of code in a IDE\",\n    \"src\": \"/static/4f6e076f97c7a378670d441f6cf50856/e3189/code.png\",\n    \"srcSet\": [\"/static/4f6e076f97c7a378670d441f6cf50856/a2ead/code.png 259w\", \"/static/4f6e076f97c7a378670d441f6cf50856/6b9fd/code.png 518w\", \"/static/4f6e076f97c7a378670d441f6cf50856/e3189/code.png 1035w\", \"/static/4f6e076f97c7a378670d441f6cf50856/44d59/code.png 1553w\", \"/static/4f6e076f97c7a378670d441f6cf50856/a6d66/code.png 2070w\", \"/static/4f6e076f97c7a378670d441f6cf50856/c2d13/code.png 2560w\"],\n    \"sizes\": \"(max-width: 1035px) 100vw, 1035px\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"100%\",\n      \"margin\": \"0\",\n      \"verticalAlign\": \"middle\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\"\n    },\n    \"loading\": \"lazy\"\n  })), \"\\n  \"), \"\\n    \")));\n}\n;\nMDXContent.isMDXComponent = true;","frontmatter":{"date":"13 April, 2020","title":"Playground","featuredImage":{"childImageSharp":{"fluid":{"base64":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAPCAYAAADkmO9VAAAACXBIWXMAAC4jAAAuIwF4pT92AAAER0lEQVQ4yyWTa0yTZxTHj7fp1CV+3pIlyzb94KdlcZkzLjEuzssWtw9bdsNL4mWIdx2KVebmhQEFhJVLBVGBUlrKpbUXWjtoaSmUIqhg0fLWUkFB6kSQa9/3ff57dCf55Z/nf/7PyflyiM62zqfffWs4CXTae51Oezyk8KaRwuPgPOR0zlV4BDrZXE4n3L43Ur09dNzlpGS3QKeawRnlf3x0piX/9RxS3l5OGV2zlPsAlBsCZQexVN2P+Xn3Qcq7oJx7mMN1oyGK6tAY2oYmkd0Rw2oNz6d3MlLeAWV1g4qfgjI6a2luastCKhZic0ojILUQX1UbleyRsXjRnZi0Ut8vkzok0+WQvKK6X9zlHZHW2wblLY5B6Z3KMPcFUInAOLNU9pgPFXbRnPqRr8kwJJNhGBz2Zv0IW2aKsWWWMSw1PgHVvOSMg/R8A80QSMup5Fn9v9znXs0I44hkmwbVxk7SvIapggWtwAK7GF/YMI1FDS8wr2ESH2jN+L78AD6ymPCp3YDFjgm85RjDEvtLLLv5HG87+rDIPoHF9rFXiEu84L2xOvrsn2DVt24jtrmV0lq3n73XDHxi6ULSxXU4cu5zHP97LVLKN+BjZy8+dE/jffcMNhmv4VDdj1jpGsFy1wRb4RqXV7TM4N3G8Q20r16FzNI1UOpWs1THNmxoH8VWVxi/5fyAxEIFtldWIUFbhC3eKL4IiNjkiyGh5Dj2FXyFbzxBrOuQ2fr2KfnLzji2BCYrKMVUWp2hOwRFmUI8q0tgBzsfYncQ2O+PItl0E8k3PEgKxLDnnojEnhnstDrxXdZOXMj4CdkNTUi+/ZQzzJJ649jTPTVB2QPQqgYkXHJ4xZzQM5YeiiKrX0LWMJDb9QiqGj2UUQlKYRJZERF/dIVxTHUYKk0ertqdKGjvZcX+Lkk1BGSGp01UOzTzqD46iuumcrmw6RpLr9iKYlcB1B41LtsLobEacWNwHMbwMEzR57AOz8LodEJ/qxt1/lu42nYPxT3PJFMMsL5AE9nK97urVD8j5dhG6fyZzcjP3YuUtCSkpf+CsuzN0Kl2wFyVCpPmBGyGTDTUFMKQuxu6ywegvX4OOn0Bqq0VzGgugqux9BkFK7cnPrEeRUX+Uaki/wgzlxxGyZU8+AxpiNQfhFCTiF7LBXTUnYfvym4E9Kcg2P5Ep2YvHJWnmLXsJLOW7GONOgXuaH8dJtahakUgD6xNKUqtmeJo4/m4tuisONuuEtF+SZ71ZbMJvxoD/ir2wKFiwZtqebwlR463XXqtg86/WNicGp8OqDDlz+8guUfzGI/N4KsAAzeAQTMizYVAqBoIcy9YBeluOZvsroYU1KPPq8MjV9H/vVeZ+zogUsdz/IS6y84RE2yrWJ/FzgRrI9cy9FnSEXXkQ7DW8ncAD+3jsVuVCFiymM+YJrtqLkYeNBUHELZ1yH3W+7Jge8qVSX3WHcTrP37mSVAnBPPLAAAAAElFTkSuQmCC","aspectRatio":1.3157894736842106,"src":"/static/5ddbc40bc887d4ea9957d82b9efc75c9/ee604/playground.png","srcSet":"/static/5ddbc40bc887d4ea9957d82b9efc75c9/69585/playground.png 200w,\n/static/5ddbc40bc887d4ea9957d82b9efc75c9/497c6/playground.png 400w,\n/static/5ddbc40bc887d4ea9957d82b9efc75c9/ee604/playground.png 800w,\n/static/5ddbc40bc887d4ea9957d82b9efc75c9/f3583/playground.png 1200w,\n/static/5ddbc40bc887d4ea9957d82b9efc75c9/5707d/playground.png 1600w,\n/static/5ddbc40bc887d4ea9957d82b9efc75c9/eeb1b/playground.png 1920w","sizes":"(max-width: 800px) 100vw, 800px"}}}}}},"pageContext":{"id":"29795071-fbcb-5f6f-bf1c-70fd127303e3"}}}