{"componentChunkName":"component---packages-core-src-templates-post-js","path":"/markdown-language-sample-blog/","result":{"data":{"post":{"__typename":"MdxArticle","id":"7e8cb3b5-4981-5746-b563-2d821d6b54ca","title":"Markdown Language Sample Blog","slug":"/markdown-language-sample-blog/","link":null,"excerpt":"Markdown is a lightweight markup language with plain-text-formatting syntax. Its design allows it to…","timeToRead":2,"featured":true,"thumbnailText":null,"date":"May 15, 2020","category":{"__typename":"CategoriesJson","id":"9868e716-d254-5302-99cf-4cfd0af0c67b","name":"Advertising","slug":"/category/advertising/","color":null,"icon":{"__typename":"File","publicURL":"/static/93c9c75517e1a6e95deaecabf3d1d050/advertising.svg"}},"author":{"__typename":"AuthorsJson","id":"0f2d2ae3-0c8a-5703-8479-863749647ab8","name":"Jane Smith","slug":"/author/jane-smith/","title":"Creative Designer","description":"Sed commodo, est quis maximus fermentum, massa ipsum euismod neque, in varius risus tellus quis lacus. Sed ac bibendum odio.","skills":["UI/UX","Javascript","Graphic Design"],"social":[{"name":"Github","url":"https://github.com/github"},{"name":"Twitter","url":"https://twitter.com/twitter"},{"name":"Website","url":"https://example.com"}],"thumbnail":{"__typename":"ImageSharp","regular":{"aspectRatio":1,"width":150,"src":"/static/ec552a7c1f96030de0601b3b204b16cf/97df7/jane-smith.png","srcSet":"/static/ec552a7c1f96030de0601b3b204b16cf/97df7/jane-smith.png 1x,\n/static/ec552a7c1f96030de0601b3b204b16cf/81b80/jane-smith.png 1.5x,\n/static/ec552a7c1f96030de0601b3b204b16cf/bb938/jane-smith.png 2x"}}},"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\": \"Markdown Language Sample Blog\",\n  \"category\": \"Advertising\",\n  \"author\": \"Jane Smith\",\n  \"tags\": [\"#tutorial\", \"technology\"],\n  \"date\": \"2020-05-15T00:00:00.000Z\",\n  \"thumbnail\": \"image.jpg\",\n  \"featured\": true\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, \"Markdown is a lightweight markup language with plain-text-formatting syntax. Its design allows it to be converted to many output formats, but the original tool by the same name only supports HTML. Markdown is often used to format readme files, for writing messages in online discussion forums, and to create rich text using a plain text editor.\"), mdx(\"h2\", {\n    \"id\": \"emphasis\"\n  }, \"Emphasis\"), mdx(\"hr\", null), mdx(\"p\", null, \"Emphasis, aka italics, with \", mdx(\"em\", {\n    parentName: \"p\"\n  }, \"asterisks\"), \" or \", mdx(\"em\", {\n    parentName: \"p\"\n  }, \"underscores\"), \".\"), mdx(\"p\", null, \"Strong emphasis, aka bold, with \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"asterisks\"), \" or \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"underscores\"), \".\"), mdx(\"p\", null, \"Combined emphasis with \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"asterisks and \", mdx(\"em\", {\n    parentName: \"strong\"\n  }, \"underscores\")), \".\"), mdx(\"p\", null, \"Strikethrough uses two tildes. \", mdx(\"del\", {\n    parentName: \"p\"\n  }, \"Scratch this.\")), mdx(\"h2\", {\n    \"id\": \"code-and-syntax-highlighting\"\n  }, \"Code and Syntax Highlighting\"), mdx(\"hr\", null), mdx(\"p\", null, \"Inline \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"code\"), \" has \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"back-ticks around\"), \" it.\"), mdx(\"p\", null, \"Blocks of code are either fenced by lines with three back-ticks ```, or are indented with four spaces. I recommend only using the fenced code blocks \\u2014 they\\u2019re easier and only they support syntax highlighting.\"), mdx(\"pre\", null, mdx(\"code\", _extends({\n    parentName: \"pre\"\n  }, {\n    \"className\": \"language-javascript\"\n  }), \"var args = []; // Empty array, at first.\\nfor (var i = 0; i < arguments.length; i++) {\\n  args.push(arguments[i])\\n} // Now 'args' is an array that holds your arguments.\\nconsole.log(args);\\n\")), mdx(\"pre\", null, mdx(\"code\", _extends({\n    parentName: \"pre\"\n  }, {}), \"No language indicated, so no syntax highlighting.\\nBut let's throw in a <b>tag</b>.\\n\")), mdx(\"h2\", {\n    \"id\": \"blockquotes\"\n  }, \"Blockquotes\"), mdx(\"hr\", null), mdx(\"blockquote\", null, mdx(\"p\", {\n    parentName: \"blockquote\"\n  }, \"Blockquotes are very handy in email to emulate reply text.\\nThis line is part of the same quote.\")), mdx(\"p\", null, \"Quote break.\"), mdx(\"blockquote\", null, mdx(\"p\", {\n    parentName: \"blockquote\"\n  }, \"This is a very long line that will still be quoted properly when it wraps. Oh boy let\\u2019s keep writing to make sure this is long enough to actually wrap for everyone. Oh, you can \", mdx(\"em\", {\n    parentName: \"p\"\n  }, \"put\"), \" \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Markdown\"), \" into a blockquote.\")), mdx(\"h2\", {\n    \"id\": \"tables\"\n  }, \"Tables\"), mdx(\"hr\", null), mdx(\"table\", null, mdx(\"thead\", {\n    parentName: \"table\"\n  }, mdx(\"tr\", {\n    parentName: \"thead\"\n  }, mdx(\"th\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"align\": null\n  }), \"Order ID\"), mdx(\"th\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"align\": null\n  }), \"Name\"), mdx(\"th\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"align\": null\n  }), \"Price\"), mdx(\"th\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"align\": null\n  }), \"Color\"), mdx(\"th\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"align\": null\n  })))), mdx(\"tbody\", {\n    parentName: \"table\"\n  }, mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"align\": null\n  }), \"200398\"), mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"align\": null\n  }), \"iPhone X 64Gb Grey\"), mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"align\": null\n  }), \"$999.00\"), mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"align\": null\n  }), \"White\"), mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"align\": null\n  }))), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"align\": null\n  }), \"205457\"), mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"align\": null\n  }), \"Samsung S8 Black\"), mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"align\": null\n  }), \"$756.00\"), mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"align\": null\n  }), \"Black\"), mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"align\": null\n  }))), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"align\": null\n  }), \"357895\"), mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"align\": null\n  }), \"Game Console Controller\"), mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"align\": null\n  }), \"$22.00\"), mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"align\": null\n  }), \"Red\"), mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"align\": null\n  }))), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"align\": null\n  }), \"345677\"), mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"align\": null\n  }), \"USB 3.0 Cable\"), mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"align\": null\n  }), \"$199.00\"), mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"align\": null\n  }), \"Gold\"), mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"align\": null\n  }))), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"align\": null\n  }), \"577633\"), mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"align\": null\n  }), \"Smartwatch 4.0 LTE Wifi\"), mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"align\": null\n  }), \"$395.00\"), mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"align\": null\n  }), \"Blue\"), mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"align\": null\n  }))))), mdx(\"p\", null, \"There must be at least 3 dashes separating each header cell.\\nThe outer pipes (|) are optional, and you don\\u2019t need to make the\\nraw Markdown line up prettily. You can also use inline Markdown.\"), mdx(\"h2\", {\n    \"id\": \"lists\"\n  }, \"Lists\"), mdx(\"hr\", null), mdx(\"ol\", null, mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"First ordered list item\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Another item\"), mdx(\"ul\", {\n    parentName: \"li\"\n  }, mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"Unordered sub-list.\"))), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Actual numbers don\\u2019t matter, just that it\\u2019s a number\"), mdx(\"ol\", {\n    parentName: \"li\"\n  }, mdx(\"li\", {\n    parentName: \"ol\"\n  }, \"Ordered sub-list\"), mdx(\"li\", {\n    parentName: \"ol\"\n  }, \"And another item.\")), mdx(\"p\", {\n    parentName: \"li\"\n  }, \"You can have properly indented paragraphs within list items. Notice the blank line above, and the leading spaces (at least one, but we\\u2019ll use three here to also align the raw Markdown).\"), mdx(\"p\", {\n    parentName: \"li\"\n  }, \"To have a line break without a paragraph, you will need to use two trailing spaces.\\nNote that this line is separate, but within the same paragraph.\\n(This is contrary to the typical GFM line break behaviour, where trailing spaces are not required.)\"))), mdx(\"ul\", null, mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"Unordered list can use asterisks\")), mdx(\"ul\", null, mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"Or minuses\")), mdx(\"ul\", null, mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"Or pluses\")), mdx(\"h2\", {\n    \"id\": \"images\"\n  }, \"Images\"), mdx(\"hr\", null), mdx(\"p\", null, \"Here\\u2019s our logo (hover to see the title text):\"), mdx(\"p\", null, \"Inline-style:\\n\", mdx(\"figure\", _extends({\n    parentName: \"p\"\n  }, {\n    \"className\": \"gatsby-resp-image-figure\",\n    \"style\": {}\n  }), \"\\n    \", mdx(\"span\", _extends({\n    parentName: \"figure\"\n  }, {\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"auto\",\n      \"maxWidth\": \"1140px\"\n    }\n  }), \"\\n      \", mdx(\"span\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"75.08771929824562%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"backgroundImage\": \"url('data:image/jpeg;base64,/9j/2wBDAAUDBAQEAwUEBAQFBQUGBwwIBwcHBw8LCwkMEQ8SEhEPERETFhwXExQaFRERGCEYGh0dHx8fExciJCIeJBweHx7/2wBDAQUFBQcGBw4ICA4eFBEUHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh7/wgARCAAPABQDASIAAhEBAxEB/8QAGQAAAgMBAAAAAAAAAAAAAAAAAAgEBQYH/8QAFgEBAQEAAAAAAAAAAAAAAAAAAwEC/9oADAMBAAIQAxAAAAHVWq/SWrDnBQtf/8QAGhAAAwADAQAAAAAAAAAAAAAAAQIDAAQRBf/aAAgBAQABBQLsZic0OCU+NJiINZcbc9In/8QAGhEAAgIDAAAAAAAAAAAAAAAAAAEREhMUUv/aAAgBAwEBPwHApiprrk//xAAZEQEAAgMAAAAAAAAAAAAAAAABAAQTMVL/2gAIAQIBAT8BbKm5nep//8QAHxAAAgIABwEAAAAAAAAAAAAAAQMAAhASIzRBUWGS/9oACAEBAAY/AgWMrQemcHDNdpIHc0XXE37/AKn/xAAbEAEBAQACAwAAAAAAAAAAAAABEQBBwSFRcf/aAAgBAQABPyG60YMq44RD2bgDBfACi96QqnFTvWUfiO9//9oADAMBAAIAAwAAABBsP//EABgRAAIDAAAAAAAAAAAAAAAAAAABEcHw/9oACAEDAQE/EG26jCD/xAAYEQACAwAAAAAAAAAAAAAAAAAAEQGx8P/aAAgBAgEBPxBsrJoz/8QAGxABAQACAwEAAAAAAAAAAAAAAREAITFRgcH/2gAIAQEAAT8Qil40E0BecbLOEEfTJ2/zNGQio7Ar5gyo7MkdSAy3wgAZj//Z')\",\n      \"backgroundSize\": \"cover\",\n      \"display\": \"block\"\n    }\n  })), \"\\n  \", mdx(\"img\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"gatsby-resp-image-image\",\n    \"alt\": \"Photo by Mads Schmidt Rasmussen\",\n    \"title\": \"Photo by Mads Schmidt Rasmussen on Unsplash\",\n    \"src\": \"/static/627d2171ced285eeda8912f7e4623947/39ede/image-markdown.jpg\",\n    \"srcSet\": [\"/static/627d2171ced285eeda8912f7e4623947/a43c0/image-markdown.jpg 285w\", \"/static/627d2171ced285eeda8912f7e4623947/3ded1/image-markdown.jpg 570w\", \"/static/627d2171ced285eeda8912f7e4623947/39ede/image-markdown.jpg 1140w\", \"/static/627d2171ced285eeda8912f7e4623947/a841c/image-markdown.jpg 1710w\", \"/static/627d2171ced285eeda8912f7e4623947/d9451/image-markdown.jpg 1867w\"],\n    \"sizes\": \"(max-width: 1140px) 100vw, 1140px\",\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    \", mdx(\"figcaption\", _extends({\n    parentName: \"figure\"\n  }, {\n    \"className\": \"gatsby-resp-image-figcaption\"\n  }), \"Photo by Mads Schmidt Rasmussen on Unsplash\"), \"\\n  \")), mdx(\"p\", null, \"Reference-style:\\n\", mdx(\"figure\", _extends({\n    parentName: \"p\"\n  }, {\n    \"className\": \"gatsby-resp-image-figure\",\n    \"style\": {}\n  }), \"\\n    \", mdx(\"span\", _extends({\n    parentName: \"figure\"\n  }, {\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"auto\",\n      \"maxWidth\": \"1140px\"\n    }\n  }), \"\\n      \", mdx(\"span\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"75.08771929824562%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"backgroundImage\": \"url('data:image/jpeg;base64,/9j/2wBDAAUDBAQEAwUEBAQFBQUGBwwIBwcHBw8LCwkMEQ8SEhEPERETFhwXExQaFRERGCEYGh0dHx8fExciJCIeJBweHx7/2wBDAQUFBQcGBw4ICA4eFBEUHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh7/wgARCAAPABQDASIAAhEBAxEB/8QAGQAAAgMBAAAAAAAAAAAAAAAAAAgEBQYH/8QAFgEBAQEAAAAAAAAAAAAAAAAAAwEC/9oADAMBAAIQAxAAAAHVWq/SWrDnBQtf/8QAGhAAAwADAQAAAAAAAAAAAAAAAQIDAAQRBf/aAAgBAQABBQLsZic0OCU+NJiINZcbc9In/8QAGhEAAgIDAAAAAAAAAAAAAAAAAAEREhMUUv/aAAgBAwEBPwHApiprrk//xAAZEQEAAgMAAAAAAAAAAAAAAAABAAQTMVL/2gAIAQIBAT8BbKm5nep//8QAHxAAAgIABwEAAAAAAAAAAAAAAQMAAhASIzRBUWGS/9oACAEBAAY/AgWMrQemcHDNdpIHc0XXE37/AKn/xAAbEAEBAQACAwAAAAAAAAAAAAABEQBBwSFRcf/aAAgBAQABPyG60YMq44RD2bgDBfACi96QqnFTvWUfiO9//9oADAMBAAIAAwAAABBsP//EABgRAAIDAAAAAAAAAAAAAAAAAAABEcHw/9oACAEDAQE/EG26jCD/xAAYEQACAwAAAAAAAAAAAAAAAAAAEQGx8P/aAAgBAgEBPxBsrJoz/8QAGxABAQACAwEAAAAAAAAAAAAAAREAITFRgcH/2gAIAQEAAT8Qil40E0BecbLOEEfTJ2/zNGQio7Ar5gyo7MkdSAy3wgAZj//Z')\",\n      \"backgroundSize\": \"cover\",\n      \"display\": \"block\"\n    }\n  })), \"\\n  \", mdx(\"img\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"gatsby-resp-image-image\",\n    \"alt\": \"Photo by Mads Schmidt Rasmussen\",\n    \"title\": \"Photo by Mads Schmidt Rasmussen on Unsplash\",\n    \"src\": \"/static/627d2171ced285eeda8912f7e4623947/39ede/image-markdown.jpg\",\n    \"srcSet\": [\"/static/627d2171ced285eeda8912f7e4623947/a43c0/image-markdown.jpg 285w\", \"/static/627d2171ced285eeda8912f7e4623947/3ded1/image-markdown.jpg 570w\", \"/static/627d2171ced285eeda8912f7e4623947/39ede/image-markdown.jpg 1140w\", \"/static/627d2171ced285eeda8912f7e4623947/a841c/image-markdown.jpg 1710w\", \"/static/627d2171ced285eeda8912f7e4623947/d9451/image-markdown.jpg 1867w\"],\n    \"sizes\": \"(max-width: 1140px) 100vw, 1140px\",\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    \", mdx(\"figcaption\", _extends({\n    parentName: \"figure\"\n  }, {\n    \"className\": \"gatsby-resp-image-figcaption\"\n  }), \"Photo by Mads Schmidt Rasmussen on Unsplash\"), \"\\n  \")), mdx(\"h2\", {\n    \"id\": \"embed-videos\"\n  }, \"Embed Videos\"), mdx(\"hr\", null), mdx(\"p\", null, \"With the use of \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"gatsby-remark-embed-video\"), \" plugin you can easily embed videos from Youtube, Vimeo, Twitch and more sources.\"), mdx(\"p\", null, mdx(\"div\", _extends({\n    parentName: \"p\"\n  }, {\n    \"className\": \"gatsby-resp-iframe-wrapper\",\n    \"style\": {\n      \"paddingBottom\": \"56.49999999999999%\",\n      \"position\": \"relative\",\n      \"height\": \"0\",\n      \"overflow\": \"hidden\"\n    }\n  }), \" \", mdx(\"div\", _extends({\n    parentName: \"div\"\n  }, {\n    \"className\": \"embedVideo-container\"\n  }), \" \", mdx(\"iframe\", _extends({\n    parentName: \"div\"\n  }, {\n    \"src\": \"https://www.youtube.com/embed/v88snd6EUaY?rel=0\",\n    \"className\": \"embedVideo-iframe\",\n    \"style\": {\n      \"border\": \"0\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\",\n      \"width\": \"100%\",\n      \"height\": \"100%\"\n    },\n    \"allowFullScreen\": true\n  })), \" \"), \" \")), mdx(\"h2\", {\n    \"id\": \"task-list\"\n  }, \"Task List\"), mdx(\"hr\", null), 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\": true,\n    \"disabled\": true\n  })), \" \", \"this is a complete item\"), 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  })), \" \", \"this is an incomplete item\"), 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\": true,\n    \"disabled\": true\n  })), \" \", \"@mentions, #refs, \", mdx(\"a\", _extends({\n    parentName: \"li\"\n  }, {\n    \"href\": \"\"\n  }), \"links\"), \",\\n\", mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"formatting\"), \", and \", mdx(\"del\", null, \"tags\"), \"\\nsupported\"), 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\": true,\n    \"disabled\": true\n  })), \" \", \"list syntax required (any\\nunordered or ordered list\\nsupported)\")), mdx(\"h2\", {\n    \"id\": \"headers\"\n  }, \"Headers\"), mdx(\"hr\", null), mdx(\"h1\", {\n    \"id\": \"h1\"\n  }, \"H1\"), mdx(\"h2\", {\n    \"id\": \"h2\"\n  }, \"H2\"), mdx(\"h3\", {\n    \"id\": \"h3\"\n  }, \"H3\"), mdx(\"h4\", {\n    \"id\": \"h4\"\n  }, \"H4\"), mdx(\"h5\", {\n    \"id\": \"h5\"\n  }, \"H5\"), mdx(\"h6\", {\n    \"id\": \"h6\"\n  }, \"H6\"), mdx(\"p\", null, \"Alternatively, for H1 and H2, an underline-ish style:\"), mdx(\"h1\", {\n    \"id\": \"alt-h1\"\n  }, \"Alt-H1\"), mdx(\"h2\", {\n    \"id\": \"alt-h2\"\n  }, \"Alt-H2\"), mdx(\"h2\", {\n    \"id\": \"links\"\n  }, \"Links\"), mdx(\"hr\", null), mdx(\"p\", null, mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"https://www.google.com\"\n  }), \"I\\u2019m an inline-style link\")), mdx(\"p\", null, mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"https://www.google.com\",\n    \"title\": \"Google's Homepage\"\n  }), \"I\\u2019m an inline-style link with title\")), mdx(\"p\", null, mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"https://www.mozilla.org\"\n  }), \"I\\u2019m a reference-style link\")), mdx(\"p\", null, mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"../contact\"\n  }), \"I\\u2019m a relative reference to an internal page\")), mdx(\"p\", null, mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"http://slashdot.org\"\n  }), \"You can use numbers for reference-style link definitions\")), mdx(\"p\", null, \"Or leave it empty and use the \", mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"http://www.reddit.com\"\n  }), \"link text itself\"), \".\"), mdx(\"p\", null, \"URLs and URLs in angle brackets will automatically get turned into links.\\n\", mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"http://www.example.com\"\n  }), \"http://www.example.com\"), \" or \", mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"http://www.example.com\"\n  }), \"http://www.example.com\"), \" and sometimes\\nexample.com (but not on Github, for example).\"), mdx(\"p\", null, \"Some text to show that the reference links can follow later.\"));\n}\n;\nMDXContent.isMDXComponent = true;","keywords":null,"tags":[{"id":"cea87707-7c3e-5bff-81ef-df2255c0322a","name":"#tutorial","slug":"/tag/tutorial/"},{"id":"188cf31a-0fe6-5643-a7cd-f21c1cdc7c0f","name":"technology","slug":"/tag/technology/"}],"thumbnail":{"__typename":"ImageSharp","vertical":{"aspectRatio":1.3103448275862069,"src":"/static/a381cbe123484c239b97a005d5ce4a00/8f7be/image.jpg","srcSet":"/static/a381cbe123484c239b97a005d5ce4a00/8f7be/image.jpg 1x,\n/static/a381cbe123484c239b97a005d5ce4a00/1af80/image.jpg 1.5x,\n/static/a381cbe123484c239b97a005d5ce4a00/1acf6/image.jpg 2x","srcWebp":"/static/a381cbe123484c239b97a005d5ce4a00/03323/image.webp","srcSetWebp":"/static/a381cbe123484c239b97a005d5ce4a00/03323/image.webp 1x,\n/static/a381cbe123484c239b97a005d5ce4a00/c8e9c/image.webp 1.5x,\n/static/a381cbe123484c239b97a005d5ce4a00/e7f4c/image.webp 2x"},"hero":{"aspectRatio":2.4615384615384617,"src":"/static/a381cbe123484c239b97a005d5ce4a00/a8483/image.jpg","srcSet":"/static/a381cbe123484c239b97a005d5ce4a00/a8483/image.jpg 1x","srcWebp":"/static/a381cbe123484c239b97a005d5ce4a00/7330c/image.webp","srcSetWebp":"/static/a381cbe123484c239b97a005d5ce4a00/7330c/image.webp 1x"}}},"tagCategoryPosts":{"nodes":[]},"tagPosts":{"nodes":[{"__typename":"MdxArticle","id":"6ed8f157-2cab-542a-a3b6-8e5411ee12f1","title":"How to become fullstack developer?","slug":"/how-to-become-fullstack-developer/","link":null,"excerpt":"According to the Stack Overflow 2018 Developer Survey, full stack development using JavaScript is…","timeToRead":3,"featured":true,"thumbnailText":null,"date":"July 20, 2020","category":{"__typename":"CategoriesJson","id":"dc35fbe1-6270-5276-84f5-bd6172aea926","name":"Javascript","slug":"/category/javascript/","color":null,"icon":{"__typename":"File","publicURL":"/static/5b54675950638dd95de282256b5cf7c4/javascript.svg"}},"author":{"__typename":"AuthorsJson","id":"6066f8e8-edff-5bea-8ffa-3baaf0e6dba7","name":"Ani","slug":"/author/ani/","title":"CO FOUNDER & TRAINER","description":"Aniruddha SG – Full Stack Web Development Trainer. My main areas of expertise are in Javascript, NodeJS, ReactJS, ExpressJS, MongoDB, API, Ruby, and other front-end technologies.","skills":["Javascript","Ruby on Rails"],"social":[{"name":"Github","url":"https://github.com/dctacademy"},{"name":"Twitter","url":"https://twitter.com/dct_academy"},{"name":"Website","url":"https://dctacademy.com"}],"thumbnail":{"__typename":"ImageSharp","regular":{"aspectRatio":1,"width":150,"src":"/static/b66de36b2269cc37d671ea79918a1327/a9ab2/admin.jpg","srcSet":"/static/b66de36b2269cc37d671ea79918a1327/a9ab2/admin.jpg 1x,\n/static/b66de36b2269cc37d671ea79918a1327/3fb33/admin.jpg 1.5x,\n/static/b66de36b2269cc37d671ea79918a1327/d7080/admin.jpg 2x"}}},"thumbnail":{"__typename":"ImageSharp","vertical":{"aspectRatio":1.3103448275862069,"src":"/static/9eae7b40f451ff3f6fe3d155bf14cdb0/3748c/fs-developer.png","srcSet":"/static/9eae7b40f451ff3f6fe3d155bf14cdb0/3748c/fs-developer.png 1x,\n/static/9eae7b40f451ff3f6fe3d155bf14cdb0/ae358/fs-developer.png 1.5x,\n/static/9eae7b40f451ff3f6fe3d155bf14cdb0/0a73c/fs-developer.png 2x","srcWebp":"/static/9eae7b40f451ff3f6fe3d155bf14cdb0/03323/fs-developer.webp","srcSetWebp":"/static/9eae7b40f451ff3f6fe3d155bf14cdb0/03323/fs-developer.webp 1x,\n/static/9eae7b40f451ff3f6fe3d155bf14cdb0/c8e9c/fs-developer.webp 1.5x,\n/static/9eae7b40f451ff3f6fe3d155bf14cdb0/e7f4c/fs-developer.webp 2x"},"hero":{"aspectRatio":2.4615384615384617,"src":"/static/9eae7b40f451ff3f6fe3d155bf14cdb0/20e73/fs-developer.png","srcSet":"/static/9eae7b40f451ff3f6fe3d155bf14cdb0/20e73/fs-developer.png 1x","srcWebp":"/static/9eae7b40f451ff3f6fe3d155bf14cdb0/7330c/fs-developer.webp","srcSetWebp":"/static/9eae7b40f451ff3f6fe3d155bf14cdb0/7330c/fs-developer.webp 1x"}}},{"__typename":"MdxArticle","id":"38ce91ef-8276-5074-8c0c-5bbb6d0012d4","title":"syntax of arrow function","slug":"/syntax-of-arrow-function/","link":null,"excerpt":"","timeToRead":null,"featured":true,"thumbnailText":null,"date":"July 20, 2020","category":{"__typename":"CategoriesJson","id":"dc35fbe1-6270-5276-84f5-bd6172aea926","name":"Javascript","slug":"/category/javascript/","color":null,"icon":{"__typename":"File","publicURL":"/static/5b54675950638dd95de282256b5cf7c4/javascript.svg"}},"author":null,"thumbnail":{"__typename":"ImageSharp","vertical":{"aspectRatio":1.3103448275862069,"src":"/static/a381cbe123484c239b97a005d5ce4a00/3748c/image.png","srcSet":"/static/a381cbe123484c239b97a005d5ce4a00/3748c/image.png 1x,\n/static/a381cbe123484c239b97a005d5ce4a00/ae358/image.png 1.5x,\n/static/a381cbe123484c239b97a005d5ce4a00/0a73c/image.png 2x","srcWebp":"/static/a381cbe123484c239b97a005d5ce4a00/03323/image.webp","srcSetWebp":"/static/a381cbe123484c239b97a005d5ce4a00/03323/image.webp 1x,\n/static/a381cbe123484c239b97a005d5ce4a00/c8e9c/image.webp 1.5x,\n/static/a381cbe123484c239b97a005d5ce4a00/e7f4c/image.webp 2x"},"hero":{"aspectRatio":2.4615384615384617,"src":"/static/a381cbe123484c239b97a005d5ce4a00/20e73/image.png","srcSet":"/static/a381cbe123484c239b97a005d5ce4a00/20e73/image.png 1x","srcWebp":"/static/a381cbe123484c239b97a005d5ce4a00/7330c/image.webp","srcSetWebp":"/static/a381cbe123484c239b97a005d5ce4a00/7330c/image.webp 1x"}}}]},"categoryPosts":{"nodes":[{"__typename":"MdxArticle","id":"595b4285-b816-58c9-b40d-28a6c17a0b8d","title":"An introduction to the third-party cookie crackdown","slug":"/an-introduction-to-the-third-party-cookie-crackdown/","link":null,"excerpt":"Primo in altis pelle alumnae Lorem markdownum obvius in seque opus, est bicorni forte; laeva…","timeToRead":1,"featured":null,"thumbnailText":null,"date":"April 16, 2019","category":{"__typename":"CategoriesJson","id":"9868e716-d254-5302-99cf-4cfd0af0c67b","name":"Advertising","slug":"/category/advertising/","color":null,"icon":{"__typename":"File","publicURL":"/static/93c9c75517e1a6e95deaecabf3d1d050/advertising.svg"}},"author":{"__typename":"AuthorsJson","id":"0f2d2ae3-0c8a-5703-8479-863749647ab8","name":"Jane Smith","slug":"/author/jane-smith/","title":"Creative Designer","description":"Sed commodo, est quis maximus fermentum, massa ipsum euismod neque, in varius risus tellus quis lacus. Sed ac bibendum odio.","skills":["UI/UX","Javascript","Graphic Design"],"social":[{"name":"Github","url":"https://github.com/github"},{"name":"Twitter","url":"https://twitter.com/twitter"},{"name":"Website","url":"https://example.com"}],"thumbnail":{"__typename":"ImageSharp","regular":{"aspectRatio":1,"width":150,"src":"/static/ec552a7c1f96030de0601b3b204b16cf/97df7/jane-smith.png","srcSet":"/static/ec552a7c1f96030de0601b3b204b16cf/97df7/jane-smith.png 1x,\n/static/ec552a7c1f96030de0601b3b204b16cf/81b80/jane-smith.png 1.5x,\n/static/ec552a7c1f96030de0601b3b204b16cf/bb938/jane-smith.png 2x"}}},"thumbnail":{"__typename":"ImageSharp","vertical":{"aspectRatio":1.3103448275862069,"src":"/static/a381cbe123484c239b97a005d5ce4a00/8f7be/image.jpg","srcSet":"/static/a381cbe123484c239b97a005d5ce4a00/8f7be/image.jpg 1x,\n/static/a381cbe123484c239b97a005d5ce4a00/1af80/image.jpg 1.5x,\n/static/a381cbe123484c239b97a005d5ce4a00/1acf6/image.jpg 2x","srcWebp":"/static/a381cbe123484c239b97a005d5ce4a00/03323/image.webp","srcSetWebp":"/static/a381cbe123484c239b97a005d5ce4a00/03323/image.webp 1x,\n/static/a381cbe123484c239b97a005d5ce4a00/c8e9c/image.webp 1.5x,\n/static/a381cbe123484c239b97a005d5ce4a00/e7f4c/image.webp 2x"},"hero":{"aspectRatio":2.4615384615384617,"src":"/static/a381cbe123484c239b97a005d5ce4a00/a8483/image.jpg","srcSet":"/static/a381cbe123484c239b97a005d5ce4a00/a8483/image.jpg 1x","srcWebp":"/static/a381cbe123484c239b97a005d5ce4a00/7330c/image.webp","srcSetWebp":"/static/a381cbe123484c239b97a005d5ce4a00/7330c/image.webp 1x"}}},{"__typename":"MdxArticle","id":"46aa45a8-9ed7-58a5-b035-0b4eda9a846a","title":"Four ways to unlock the true power of TV through programmatic","slug":"/four-ways-to-unlock-the-true-power-of-tv-through-programmatic/","link":null,"excerpt":"Dona curvo sub evertere quam ultimus aridus Lorem markdownum , sub tecumque, posceret revertar…","timeToRead":1,"featured":null,"thumbnailText":null,"date":"April 16, 2019","category":{"__typename":"CategoriesJson","id":"9868e716-d254-5302-99cf-4cfd0af0c67b","name":"Advertising","slug":"/category/advertising/","color":null,"icon":{"__typename":"File","publicURL":"/static/93c9c75517e1a6e95deaecabf3d1d050/advertising.svg"}},"author":{"__typename":"AuthorsJson","id":"0f2d2ae3-0c8a-5703-8479-863749647ab8","name":"Jane Smith","slug":"/author/jane-smith/","title":"Creative Designer","description":"Sed commodo, est quis maximus fermentum, massa ipsum euismod neque, in varius risus tellus quis lacus. Sed ac bibendum odio.","skills":["UI/UX","Javascript","Graphic Design"],"social":[{"name":"Github","url":"https://github.com/github"},{"name":"Twitter","url":"https://twitter.com/twitter"},{"name":"Website","url":"https://example.com"}],"thumbnail":{"__typename":"ImageSharp","regular":{"aspectRatio":1,"width":150,"src":"/static/ec552a7c1f96030de0601b3b204b16cf/97df7/jane-smith.png","srcSet":"/static/ec552a7c1f96030de0601b3b204b16cf/97df7/jane-smith.png 1x,\n/static/ec552a7c1f96030de0601b3b204b16cf/81b80/jane-smith.png 1.5x,\n/static/ec552a7c1f96030de0601b3b204b16cf/bb938/jane-smith.png 2x"}}},"thumbnail":{"__typename":"ImageSharp","vertical":{"aspectRatio":1.3103448275862069,"src":"/static/a381cbe123484c239b97a005d5ce4a00/8f7be/image.jpg","srcSet":"/static/a381cbe123484c239b97a005d5ce4a00/8f7be/image.jpg 1x,\n/static/a381cbe123484c239b97a005d5ce4a00/1af80/image.jpg 1.5x,\n/static/a381cbe123484c239b97a005d5ce4a00/1acf6/image.jpg 2x","srcWebp":"/static/a381cbe123484c239b97a005d5ce4a00/03323/image.webp","srcSetWebp":"/static/a381cbe123484c239b97a005d5ce4a00/03323/image.webp 1x,\n/static/a381cbe123484c239b97a005d5ce4a00/c8e9c/image.webp 1.5x,\n/static/a381cbe123484c239b97a005d5ce4a00/e7f4c/image.webp 2x"},"hero":{"aspectRatio":2.4615384615384617,"src":"/static/a381cbe123484c239b97a005d5ce4a00/a8483/image.jpg","srcSet":"/static/a381cbe123484c239b97a005d5ce4a00/a8483/image.jpg 1x","srcWebp":"/static/a381cbe123484c239b97a005d5ce4a00/7330c/image.webp","srcSetWebp":"/static/a381cbe123484c239b97a005d5ce4a00/7330c/image.webp 1x"}}},{"__typename":"MdxArticle","id":"7e72f168-5be2-587c-802f-3dca008e3ba4","title":"Getting to Grips with Digital Advertising Best Practice Guide","slug":"/getting-to-grips-with-digital-advertising-best-practice-guide/","link":null,"excerpt":"Lorem markdownum transitque nondum, Peliaeque at poterat exegit, urbis quo;\ntibi. Cursus mecum adit…","timeToRead":1,"featured":null,"thumbnailText":null,"date":"April 16, 2019","category":{"__typename":"CategoriesJson","id":"9868e716-d254-5302-99cf-4cfd0af0c67b","name":"Advertising","slug":"/category/advertising/","color":null,"icon":{"__typename":"File","publicURL":"/static/93c9c75517e1a6e95deaecabf3d1d050/advertising.svg"}},"author":{"__typename":"AuthorsJson","id":"0f2d2ae3-0c8a-5703-8479-863749647ab8","name":"Jane Smith","slug":"/author/jane-smith/","title":"Creative Designer","description":"Sed commodo, est quis maximus fermentum, massa ipsum euismod neque, in varius risus tellus quis lacus. Sed ac bibendum odio.","skills":["UI/UX","Javascript","Graphic Design"],"social":[{"name":"Github","url":"https://github.com/github"},{"name":"Twitter","url":"https://twitter.com/twitter"},{"name":"Website","url":"https://example.com"}],"thumbnail":{"__typename":"ImageSharp","regular":{"aspectRatio":1,"width":150,"src":"/static/ec552a7c1f96030de0601b3b204b16cf/97df7/jane-smith.png","srcSet":"/static/ec552a7c1f96030de0601b3b204b16cf/97df7/jane-smith.png 1x,\n/static/ec552a7c1f96030de0601b3b204b16cf/81b80/jane-smith.png 1.5x,\n/static/ec552a7c1f96030de0601b3b204b16cf/bb938/jane-smith.png 2x"}}},"thumbnail":{"__typename":"ImageSharp","vertical":{"aspectRatio":1.3103448275862069,"src":"/static/a381cbe123484c239b97a005d5ce4a00/8f7be/image.jpg","srcSet":"/static/a381cbe123484c239b97a005d5ce4a00/8f7be/image.jpg 1x,\n/static/a381cbe123484c239b97a005d5ce4a00/1af80/image.jpg 1.5x,\n/static/a381cbe123484c239b97a005d5ce4a00/1acf6/image.jpg 2x","srcWebp":"/static/a381cbe123484c239b97a005d5ce4a00/03323/image.webp","srcSetWebp":"/static/a381cbe123484c239b97a005d5ce4a00/03323/image.webp 1x,\n/static/a381cbe123484c239b97a005d5ce4a00/c8e9c/image.webp 1.5x,\n/static/a381cbe123484c239b97a005d5ce4a00/e7f4c/image.webp 2x"},"hero":{"aspectRatio":2.4615384615384617,"src":"/static/a381cbe123484c239b97a005d5ce4a00/a8483/image.jpg","srcSet":"/static/a381cbe123484c239b97a005d5ce4a00/a8483/image.jpg 1x","srcWebp":"/static/a381cbe123484c239b97a005d5ce4a00/7330c/image.webp","srcSetWebp":"/static/a381cbe123484c239b97a005d5ce4a00/7330c/image.webp 1x"}}},{"__typename":"MdxArticle","id":"e4c06617-506a-5967-8b76-5f0031f9116c","title":"A Marketer’s Guide to Price Comparison Websites","slug":"/a-marketer's-guide-to-price-comparison-websites/","link":null,"excerpt":"Lorem markdownum suarum successibus Auram illud. Aqua exegit silvae exiguam\ntempli, cui linquit…","timeToRead":1,"featured":null,"thumbnailText":null,"date":"April 16, 2019","category":{"__typename":"CategoriesJson","id":"9868e716-d254-5302-99cf-4cfd0af0c67b","name":"Advertising","slug":"/category/advertising/","color":null,"icon":{"__typename":"File","publicURL":"/static/93c9c75517e1a6e95deaecabf3d1d050/advertising.svg"}},"author":{"__typename":"AuthorsJson","id":"0f2d2ae3-0c8a-5703-8479-863749647ab8","name":"Jane Smith","slug":"/author/jane-smith/","title":"Creative Designer","description":"Sed commodo, est quis maximus fermentum, massa ipsum euismod neque, in varius risus tellus quis lacus. Sed ac bibendum odio.","skills":["UI/UX","Javascript","Graphic Design"],"social":[{"name":"Github","url":"https://github.com/github"},{"name":"Twitter","url":"https://twitter.com/twitter"},{"name":"Website","url":"https://example.com"}],"thumbnail":{"__typename":"ImageSharp","regular":{"aspectRatio":1,"width":150,"src":"/static/ec552a7c1f96030de0601b3b204b16cf/97df7/jane-smith.png","srcSet":"/static/ec552a7c1f96030de0601b3b204b16cf/97df7/jane-smith.png 1x,\n/static/ec552a7c1f96030de0601b3b204b16cf/81b80/jane-smith.png 1.5x,\n/static/ec552a7c1f96030de0601b3b204b16cf/bb938/jane-smith.png 2x"}}},"thumbnail":{"__typename":"ImageSharp","vertical":{"aspectRatio":1.3103448275862069,"src":"/static/a381cbe123484c239b97a005d5ce4a00/8f7be/image.jpg","srcSet":"/static/a381cbe123484c239b97a005d5ce4a00/8f7be/image.jpg 1x,\n/static/a381cbe123484c239b97a005d5ce4a00/1af80/image.jpg 1.5x,\n/static/a381cbe123484c239b97a005d5ce4a00/1acf6/image.jpg 2x","srcWebp":"/static/a381cbe123484c239b97a005d5ce4a00/03323/image.webp","srcSetWebp":"/static/a381cbe123484c239b97a005d5ce4a00/03323/image.webp 1x,\n/static/a381cbe123484c239b97a005d5ce4a00/c8e9c/image.webp 1.5x,\n/static/a381cbe123484c239b97a005d5ce4a00/e7f4c/image.webp 2x"},"hero":{"aspectRatio":2.4615384615384617,"src":"/static/a381cbe123484c239b97a005d5ce4a00/a8483/image.jpg","srcSet":"/static/a381cbe123484c239b97a005d5ce4a00/a8483/image.jpg 1x","srcWebp":"/static/a381cbe123484c239b97a005d5ce4a00/7330c/image.webp","srcSetWebp":"/static/a381cbe123484c239b97a005d5ce4a00/7330c/image.webp 1x"}}},{"__typename":"MdxArticle","id":"1c067eda-4a34-5bc2-90a4-8c61abcbd22a","title":"The Best Digital Marketing Stats We’ve Seen This Week","slug":"/the-best-digital-marketing-stats-we've-seen-this-week/","link":null,"excerpt":"Dona curvo sub evertere quam ultimus aridus Lorem markdownum , sub tecumque, posceret revertar…","timeToRead":1,"featured":null,"thumbnailText":null,"date":"April 16, 2019","category":{"__typename":"CategoriesJson","id":"9868e716-d254-5302-99cf-4cfd0af0c67b","name":"Advertising","slug":"/category/advertising/","color":null,"icon":{"__typename":"File","publicURL":"/static/93c9c75517e1a6e95deaecabf3d1d050/advertising.svg"}},"author":{"__typename":"AuthorsJson","id":"0f2d2ae3-0c8a-5703-8479-863749647ab8","name":"Jane Smith","slug":"/author/jane-smith/","title":"Creative Designer","description":"Sed commodo, est quis maximus fermentum, massa ipsum euismod neque, in varius risus tellus quis lacus. Sed ac bibendum odio.","skills":["UI/UX","Javascript","Graphic Design"],"social":[{"name":"Github","url":"https://github.com/github"},{"name":"Twitter","url":"https://twitter.com/twitter"},{"name":"Website","url":"https://example.com"}],"thumbnail":{"__typename":"ImageSharp","regular":{"aspectRatio":1,"width":150,"src":"/static/ec552a7c1f96030de0601b3b204b16cf/97df7/jane-smith.png","srcSet":"/static/ec552a7c1f96030de0601b3b204b16cf/97df7/jane-smith.png 1x,\n/static/ec552a7c1f96030de0601b3b204b16cf/81b80/jane-smith.png 1.5x,\n/static/ec552a7c1f96030de0601b3b204b16cf/bb938/jane-smith.png 2x"}}},"thumbnail":{"__typename":"ImageSharp","vertical":{"aspectRatio":1.3103448275862069,"src":"/static/a381cbe123484c239b97a005d5ce4a00/8f7be/image.jpg","srcSet":"/static/a381cbe123484c239b97a005d5ce4a00/8f7be/image.jpg 1x,\n/static/a381cbe123484c239b97a005d5ce4a00/1af80/image.jpg 1.5x,\n/static/a381cbe123484c239b97a005d5ce4a00/1acf6/image.jpg 2x","srcWebp":"/static/a381cbe123484c239b97a005d5ce4a00/03323/image.webp","srcSetWebp":"/static/a381cbe123484c239b97a005d5ce4a00/03323/image.webp 1x,\n/static/a381cbe123484c239b97a005d5ce4a00/c8e9c/image.webp 1.5x,\n/static/a381cbe123484c239b97a005d5ce4a00/e7f4c/image.webp 2x"},"hero":{"aspectRatio":2.4615384615384617,"src":"/static/a381cbe123484c239b97a005d5ce4a00/a8483/image.jpg","srcSet":"/static/a381cbe123484c239b97a005d5ce4a00/a8483/image.jpg 1x","srcWebp":"/static/a381cbe123484c239b97a005d5ce4a00/7330c/image.webp","srcSetWebp":"/static/a381cbe123484c239b97a005d5ce4a00/7330c/image.webp 1x"}}},{"__typename":"MdxArticle","id":"b5eccfd4-2fac-536f-b40b-dabf1308ebff","title":"The Consultancy Vs. Agency Debate It’s All About Effectiveness","slug":"/the-consultancy-vs.-agency-debate-it's-all-about-effectiveness/","link":null,"excerpt":"Lorem markdownum illic venturi instructa nobis Echidnae,  cum  quid magna\nfatebor. Levat placetque…","timeToRead":1,"featured":null,"thumbnailText":null,"date":"April 16, 2019","category":{"__typename":"CategoriesJson","id":"9868e716-d254-5302-99cf-4cfd0af0c67b","name":"Advertising","slug":"/category/advertising/","color":null,"icon":{"__typename":"File","publicURL":"/static/93c9c75517e1a6e95deaecabf3d1d050/advertising.svg"}},"author":{"__typename":"AuthorsJson","id":"0f2d2ae3-0c8a-5703-8479-863749647ab8","name":"Jane Smith","slug":"/author/jane-smith/","title":"Creative Designer","description":"Sed commodo, est quis maximus fermentum, massa ipsum euismod neque, in varius risus tellus quis lacus. Sed ac bibendum odio.","skills":["UI/UX","Javascript","Graphic Design"],"social":[{"name":"Github","url":"https://github.com/github"},{"name":"Twitter","url":"https://twitter.com/twitter"},{"name":"Website","url":"https://example.com"}],"thumbnail":{"__typename":"ImageSharp","regular":{"aspectRatio":1,"width":150,"src":"/static/ec552a7c1f96030de0601b3b204b16cf/97df7/jane-smith.png","srcSet":"/static/ec552a7c1f96030de0601b3b204b16cf/97df7/jane-smith.png 1x,\n/static/ec552a7c1f96030de0601b3b204b16cf/81b80/jane-smith.png 1.5x,\n/static/ec552a7c1f96030de0601b3b204b16cf/bb938/jane-smith.png 2x"}}},"thumbnail":{"__typename":"ImageSharp","vertical":{"aspectRatio":1.3103448275862069,"src":"/static/a381cbe123484c239b97a005d5ce4a00/8f7be/image.jpg","srcSet":"/static/a381cbe123484c239b97a005d5ce4a00/8f7be/image.jpg 1x,\n/static/a381cbe123484c239b97a005d5ce4a00/1af80/image.jpg 1.5x,\n/static/a381cbe123484c239b97a005d5ce4a00/1acf6/image.jpg 2x","srcWebp":"/static/a381cbe123484c239b97a005d5ce4a00/03323/image.webp","srcSetWebp":"/static/a381cbe123484c239b97a005d5ce4a00/03323/image.webp 1x,\n/static/a381cbe123484c239b97a005d5ce4a00/c8e9c/image.webp 1.5x,\n/static/a381cbe123484c239b97a005d5ce4a00/e7f4c/image.webp 2x"},"hero":{"aspectRatio":2.4615384615384617,"src":"/static/a381cbe123484c239b97a005d5ce4a00/a8483/image.jpg","srcSet":"/static/a381cbe123484c239b97a005d5ce4a00/a8483/image.jpg 1x","srcWebp":"/static/a381cbe123484c239b97a005d5ce4a00/7330c/image.webp","srcSetWebp":"/static/a381cbe123484c239b97a005d5ce4a00/7330c/image.webp 1x"}}}]},"previous":{"__typename":"MdxArticle","id":"3717f3b2-5a22-5dcb-88ae-fcb5c086732c","slug":"/5-ingenious-innovations-triggered-by-chaos/","title":"5 ingenious innovations triggered by chaos"},"next":{"__typename":"MdxArticle","id":"6ed8f157-2cab-542a-a3b6-8e5411ee12f1","slug":"/how-to-become-fullstack-developer/","title":"How to become fullstack developer?"}},"pageContext":{"id":"7e8cb3b5-4981-5746-b563-2d821d6b54ca","categoryId":"9868e716-d254-5302-99cf-4cfd0af0c67b","tagsIds":["cea87707-7c3e-5bff-81ef-df2255c0322a","188cf31a-0fe6-5643-a7cd-f21c1cdc7c0f"],"hasTags":true,"previousId":"3717f3b2-5a22-5dcb-88ae-fcb5c086732c","nextId":"6ed8f157-2cab-542a-a3b6-8e5411ee12f1","services":{"algolia":false,"mailchimp":false,"disqus":true}}},"staticQueryHashes":["2738725551","3023335344","3023335344","3371775955","3371775955","4235339838","4235339838","4240507859","4240507859"]}