{"componentChunkName":"component---node-modules-draftbox-co-gatsby-draftbox-balsa-theme-src-templates-post-template-tsx","path":"/post-with-cookies/","result":{"data":{"draftboxPost":{"title":"Post with cookies","excerpt":"At Draftbox, we're committed to providing the best reading experience to your users. We've hand-crafted WYSIWYG styling to achieve this goal.","markdownBody":"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 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 ImageGallery = makeShortcode(\"ImageGallery\");\nvar Image = makeShortcode(\"Image\");\nvar Tweet = makeShortcode(\"Tweet\");\nvar Instagram = makeShortcode(\"Instagram\");\nvar Vimeo = makeShortcode(\"Vimeo\");\nvar YouTube = makeShortcode(\"YouTube\");\nvar Gist = makeShortcode(\"Gist\");\nvar CodePen = makeShortcode(\"CodePen\");\nvar Notice = makeShortcode(\"Notice\");\nvar Bookmark = makeShortcode(\"Bookmark\");\nvar HtmlSnippet = makeShortcode(\"HtmlSnippet\");\nvar layoutProps = {};\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, \"At Draftbox, we're committed to providing the best reading experience to your users. We've hand-crafted WYSIWYG styling to achieve this goal.\"), mdx(ImageGallery, {\n    caption: null,\n    items: [{\n      \"src\": \"https://draftbox-dev.s3.amazonaws.com/content/5f464c18b340030023893a73/content_1604470557380.jpg\",\n      \"height\": 236.33879781420765,\n      \"width\": 156,\n      \"naturalHeight\": 3020,\n      \"naturalWidth\": 2000,\n      \"fluidResult\": {\n        \"base64\": \"data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAAeABQDASIAAhEBAxEB/8QAGAAAAwEBAAAAAAAAAAAAAAAAAAIDBAX/xAAWAQEBAQAAAAAAAAAAAAAAAAABAAL/2gAMAwEAAhADEAAAAZ0pdMoxMLctjbmcT//EABoQAAMAAwEAAAAAAAAAAAAAAAABAgMREhP/2gAIAQEAAQUCx4jx6PGSNnWh2xW2ryNzd7arR2zZ/8QAGhEAAgIDAAAAAAAAAAAAAAAAAAECAxAiUf/aAAgBAwEBPwFV9NRSeP/EABkRAAEFAAAAAAAAAAAAAAAAAAABEBESIf/aAAgBAgEBPwGxpCN//8QAGhAAAgIDAAAAAAAAAAAAAAAAADEBIRARIP/aAAgBAQAGPwK50PFiF3//xAAZEAADAQEBAAAAAAAAAAAAAAAAASERMUH/2gAIAQEAAT8hZmoCVujOMXEabbOfCLaMineogI1Rm6g4KlG5/9oADAMBAAIAAwAAABB8Krz/xAAYEQADAQEAAAAAAAAAAAAAAAAAARFBof/aAAgBAwEBPxBEqETOEEbKf//EABcRAQEBAQAAAAAAAAAAAAAAAAERECH/2gAIAQIBAT8QVeOWlmf/xAAbEAEAAgMBAQAAAAAAAAAAAAABABEhMUFRYf/aAAgBAQABPxAa+YYsWj2tzTFTsIbFBd0paHfty1QwLmPkon0YgcEUOg5mb4rV1HCuxZkp5EM//9k=\",\n        \"aspectRatio\": 0.6622516556291391,\n        \"src\": \"/static/cb0ea90c50c5fb40efbe910e4cb5074c/3acf0/content_1604470557380.jpg\",\n        \"srcSet\": \"/static/cb0ea90c50c5fb40efbe910e4cb5074c/41099/content_1604470557380.jpg 500w,\\n/static/cb0ea90c50c5fb40efbe910e4cb5074c/a2510/content_1604470557380.jpg 1000w,\\n/static/cb0ea90c50c5fb40efbe910e4cb5074c/3acf0/content_1604470557380.jpg 2000w\",\n        \"srcSetType\": \"image/jpeg\",\n        \"sizes\": \"(max-width: 2000px) 100vw, 2000px\",\n        \"originalImg\": \"/static/cb0ea90c50c5fb40efbe910e4cb5074c/3acf0/content_1604470557380.jpg\",\n        \"originalName\": \"content_1604470557380.jpg\",\n        \"presentationWidth\": 2000,\n        \"presentationHeight\": 3020\n      }\n    }, {\n      \"src\": \"https://draftbox-dev.s3.amazonaws.com/content/5f464c18b340030023893a73/content_1604470556456.jpg\",\n      \"height\": 236.33879781420765,\n      \"width\": 354.5,\n      \"naturalHeight\": 1333,\n      \"naturalWidth\": 2000,\n      \"fluidResult\": {\n        \"base64\": \"data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAANABQDASIAAhEBAxEB/8QAGAAAAwEBAAAAAAAAAAAAAAAAAAEEAwX/xAAWAQEBAQAAAAAAAAAAAAAAAAABAAP/2gAMAwEAAhADEAAAAVpUzXnFJP8A/8QAGRAAAgMBAAAAAAAAAAAAAAAAAAECERIx/9oACAEBAAEFAlAwOJkoff/EABcRAQADAAAAAAAAAAAAAAAAAAABEhP/2gAIAQMBAT8Boxl//8QAFhEAAwAAAAAAAAAAAAAAAAAAAAET/9oACAECAQE/Aaoqj//EABQQAQAAAAAAAAAAAAAAAAAAACD/2gAIAQEABj8CX//EABgQAQEBAQEAAAAAAAAAAAAAAAABIREx/9oACAEBAAE/IXcNEjjyk//aAAwDAQACAAMAAAAQ1B//xAAUEQEAAAAAAAAAAAAAAAAAAAAQ/9oACAEDAQE/ECf/xAAVEQEBAAAAAAAAAAAAAAAAAAAQEf/aAAgBAgEBPxCAf//EABsQAQEAAgMBAAAAAAAAAAAAAAEAEUEhMZGx/9oACAEBAAE/EOMgNIYfI+WDp5CLry//2Q==\",\n        \"aspectRatio\": 1.5015015015015014,\n        \"src\": \"/static/309338ba2ca1eae6708a35bb340d4218/3acf0/content_1604470556456.jpg\",\n        \"srcSet\": \"/static/309338ba2ca1eae6708a35bb340d4218/41099/content_1604470556456.jpg 500w,\\n/static/309338ba2ca1eae6708a35bb340d4218/a2510/content_1604470556456.jpg 1000w,\\n/static/309338ba2ca1eae6708a35bb340d4218/3acf0/content_1604470556456.jpg 2000w\",\n        \"srcSetType\": \"image/jpeg\",\n        \"sizes\": \"(max-width: 2000px) 100vw, 2000px\",\n        \"originalImg\": \"/static/309338ba2ca1eae6708a35bb340d4218/3acf0/content_1604470556456.jpg\",\n        \"originalName\": \"content_1604470556456.jpg\",\n        \"presentationWidth\": 2000,\n        \"presentationHeight\": 1333\n      }\n    }, {\n      \"src\": \"https://draftbox-dev.s3.amazonaws.com/content/5f464c18b340030023893a73/content_1604470557584.jpg\",\n      \"height\": 236.33879781420765,\n      \"width\": 354.5,\n      \"naturalHeight\": 1333,\n      \"naturalWidth\": 2000,\n      \"fluidResult\": {\n        \"base64\": \"data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAANABQDASIAAhEBAxEB/8QAGAAAAwEBAAAAAAAAAAAAAAAAAAMEAQX/xAAVAQEBAAAAAAAAAAAAAAAAAAADBP/aAAwDAQACEAMQAAABTRzHBRpGKf8A/8QAGRAAAwEBAQAAAAAAAAAAAAAAAAECEQMS/9oACAEBAAEFAonSowek20V0bXpn/8QAFxEAAwEAAAAAAAAAAAAAAAAAAAECEf/aAAgBAwEBPwGXJsn/xAAWEQEBAQAAAAAAAAAAAAAAAAACABH/2gAIAQIBAT8BRW2K/8QAFhABAQEAAAAAAAAAAAAAAAAAMQAg/9oACAEBAAY/AiM//8QAGhABAQACAwAAAAAAAAAAAAAAAQAQETFBYf/aAAgBAQABPyHuMteAPGICvk7r/9oADAMBAAIAAwAAABDwz//EABgRAAMBAQAAAAAAAAAAAAAAAAABESEx/9oACAEDAQE/EI8Q78P/xAAYEQACAwAAAAAAAAAAAAAAAAAAARExQf/aAAgBAgEBPxDTFFZ//8QAGxABAAMAAwEAAAAAAAAAAAAAAQARITFRYZH/2gAIAQEAAT8QVGh0kV8FgkYhU8ZqF57HA1YOY5c/Z//Z\",\n        \"aspectRatio\": 1.5015015015015014,\n        \"src\": \"/static/3786b22106554cc372a3b7d49c8d6d21/3acf0/content_1604470557584.jpg\",\n        \"srcSet\": \"/static/3786b22106554cc372a3b7d49c8d6d21/41099/content_1604470557584.jpg 500w,\\n/static/3786b22106554cc372a3b7d49c8d6d21/a2510/content_1604470557584.jpg 1000w,\\n/static/3786b22106554cc372a3b7d49c8d6d21/3acf0/content_1604470557584.jpg 2000w\",\n        \"srcSetType\": \"image/jpeg\",\n        \"sizes\": \"(max-width: 2000px) 100vw, 2000px\",\n        \"originalImg\": \"/static/3786b22106554cc372a3b7d49c8d6d21/3acf0/content_1604470557584.jpg\",\n        \"originalName\": \"content_1604470557584.jpg\",\n        \"presentationWidth\": 2000,\n        \"presentationHeight\": 1333\n      }\n    }, {\n      \"src\": \"https://draftbox-dev.s3.amazonaws.com/content/5f464c18b340030023893a73/content_1604470557682.jpg\",\n      \"height\": 272.8706624605678,\n      \"width\": 272.9,\n      \"naturalHeight\": 2000,\n      \"naturalWidth\": 2000,\n      \"fluidResult\": {\n        \"base64\": \"data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAAUABQDASIAAhEBAxEB/8QAGAABAAMBAAAAAAAAAAAAAAAAAAECBAX/xAAXAQADAQAAAAAAAAAAAAAAAAAAAgMB/9oADAMBAAIQAxAAAAHbbPKl3KPLNAtbAz//xAAbEAACAwEBAQAAAAAAAAAAAAAAAQIDBBMREv/aAAgBAQABBQKNEThE4Ir1plurwei1ikfTEf/EABgRAAMBAQAAAAAAAAAAAAAAAAABEwIQ/9oACAEDAQE/AZIlkfP/xAAXEQADAQAAAAAAAAAAAAAAAAAAARIQ/9oACAECAQE/AbKYs//EABsQAAIBBQAAAAAAAAAAAAAAAAABMQIQISIy/9oACAEBAAY/Ar5pNUdshEks/8QAHRAAAgEEAwAAAAAAAAAAAAAAAAERITFhkUGBsf/aAAgBAQABPyGHyMHgGVZdiAMJWkueRlCSpew//9oADAMBAAIAAwAAABAH+IL/xAAYEQEBAQEBAAAAAAAAAAAAAAABADEhUf/aAAgBAwEBPxAUznsy0Iy//8QAGBEAAwEBAAAAAAAAAAAAAAAAAAEREEH/2gAIAQIBAT8QuzuCUZ//xAAdEAEAAgICAwAAAAAAAAAAAAABABEhMWFxQZGh/9oACAEBAAE/EAi0PJKGE9SxsQ8JdEluKLpq7iUUfAcfJQgGnCZEcjt5jHYdp//Z\",\n        \"aspectRatio\": 1,\n        \"src\": \"/static/24935ac953613e1f43b6f2b2cc622970/3acf0/content_1604470557682.jpg\",\n        \"srcSet\": \"/static/24935ac953613e1f43b6f2b2cc622970/41099/content_1604470557682.jpg 500w,\\n/static/24935ac953613e1f43b6f2b2cc622970/a2510/content_1604470557682.jpg 1000w,\\n/static/24935ac953613e1f43b6f2b2cc622970/3acf0/content_1604470557682.jpg 2000w\",\n        \"srcSetType\": \"image/jpeg\",\n        \"sizes\": \"(max-width: 2000px) 100vw, 2000px\",\n        \"originalImg\": \"/static/24935ac953613e1f43b6f2b2cc622970/3acf0/content_1604470557682.jpg\",\n        \"originalName\": \"content_1604470557682.jpg\",\n        \"presentationWidth\": 2000,\n        \"presentationHeight\": 2000\n      }\n    }, {\n      \"src\": \"https://draftbox-dev.s3.amazonaws.com/content/5f464c18b340030023893a73/content_1604470557744.jpg\",\n      \"height\": 272.8706624605678,\n      \"width\": 409.3,\n      \"naturalHeight\": 1333,\n      \"naturalWidth\": 2000,\n      \"fluidResult\": {\n        \"base64\": \"data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAANABQDASIAAhEBAxEB/8QAGAAAAgMAAAAAAAAAAAAAAAAAAAQBAgP/xAAUAQEAAAAAAAAAAAAAAAAAAAAD/9oADAMBAAIQAxAAAAHe6cC4LiH/AP/EABoQAAIDAQEAAAAAAAAAAAAAAAECABESAyH/2gAIAQEAAQUCYhizgLszoTb6r2f/xAAWEQEBAQAAAAAAAAAAAAAAAAAAARH/2gAIAQMBAT8Bla//xAAVEQEBAAAAAAAAAAAAAAAAAAAQEf/aAAgBAgEBPwGH/8QAGxAAAQQDAAAAAAAAAAAAAAAAAAEQETESMqH/2gAIAQEABj8CTIiCkbbhZ//EABsQAAMAAgMAAAAAAAAAAAAAAAABESFxoeHw/9oACAEBAAE/IZgahLsB9AQc8CPpHuH/2gAMAwEAAgADAAAAELMf/8QAFxEBAQEBAAAAAAAAAAAAAAAAAQARMf/aAAgBAwEBPxDU5Kv/xAAYEQACAwAAAAAAAAAAAAAAAAAAAREhMf/aAAgBAgEBPxB4shH/xAAbEAEAAwADAQAAAAAAAAAAAAABABEhMUFRcf/aAAgBAQABPxDyQXVwMIpy5GOUdYgbS+QTvIMpFNYfs//Z\",\n        \"aspectRatio\": 1.5015015015015014,\n        \"src\": \"/static/40c5777a64326b57e902b8a7ba0e3031/3acf0/content_1604470557744.jpg\",\n        \"srcSet\": \"/static/40c5777a64326b57e902b8a7ba0e3031/41099/content_1604470557744.jpg 500w,\\n/static/40c5777a64326b57e902b8a7ba0e3031/a2510/content_1604470557744.jpg 1000w,\\n/static/40c5777a64326b57e902b8a7ba0e3031/3acf0/content_1604470557744.jpg 2000w\",\n        \"srcSetType\": \"image/jpeg\",\n        \"sizes\": \"(max-width: 2000px) 100vw, 2000px\",\n        \"originalImg\": \"/static/40c5777a64326b57e902b8a7ba0e3031/3acf0/content_1604470557744.jpg\",\n        \"originalName\": \"content_1604470557744.jpg\",\n        \"presentationWidth\": 2000,\n        \"presentationHeight\": 1333\n      }\n    }, {\n      \"src\": \"https://draftbox-dev.s3.amazonaws.com/content/5f464c18b340030023893a73/content_1604470557717.jpg\",\n      \"height\": 272.8706624605678,\n      \"width\": 182.8,\n      \"naturalHeight\": 3000,\n      \"naturalWidth\": 2000,\n      \"fluidResult\": {\n        \"base64\": \"data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAAeABQDASIAAhEBAxEB/8QAGQAAAgMBAAAAAAAAAAAAAAAAAAMBAgQF/8QAFgEBAQEAAAAAAAAAAAAAAAAAAQID/9oADAMBAAIQAxAAAAFVdrY34xvAbe7M7WSFf//EABsQAAIDAQEBAAAAAAAAAAAAAAECAAMhEBES/9oACAEBAAEFAlrwrkQcNet6VrBXiT7wT//EABgRAAIDAAAAAAAAAAAAAAAAAAABEBES/9oACAEDAQE/AaRif//EABYRAQEBAAAAAAAAAAAAAAAAAAASEf/aAAgBAgEBPwHcUpT/xAAcEAABAwUAAAAAAAAAAAAAAAAAECExAQIRICL/2gAIAQEABj8CchMpJzUe3X//xAAdEAACAwACAwAAAAAAAAAAAAAAAREhMWGBUXGx/9oACAEBAAE/IdkpeEf0GrLKCTeuuRYpARHGk+qPMjhuo7GSp30QeIoWFrfs/9oADAMBAAIAAwAAABDM+0D/xAAZEQACAwEAAAAAAAAAAAAAAAAAAREhYXH/2gAIAQMBAT8Qmo7GsEf/xAAWEQEBAQAAAAAAAAAAAAAAAAABEBH/2gAIAQIBAT8QEINR/8QAHhABAAMAAQUBAAAAAAAAAAAAAQARITFBUWFxkdH/2gAIAQEAAT8QoqUGh2ghwrmjsIQDXqN3SUV0gtWroLfsGrp4A/YcWyJv6luG9Vq9E2BTsNIWFe3aBngmmK2E5mDyHeU//9k=\",\n        \"aspectRatio\": 0.6666666666666666,\n        \"src\": \"/static/19a5911d7b798ea64b4242d4fb703915/3acf0/content_1604470557717.jpg\",\n        \"srcSet\": \"/static/19a5911d7b798ea64b4242d4fb703915/41099/content_1604470557717.jpg 500w,\\n/static/19a5911d7b798ea64b4242d4fb703915/a2510/content_1604470557717.jpg 1000w,\\n/static/19a5911d7b798ea64b4242d4fb703915/3acf0/content_1604470557717.jpg 2000w\",\n        \"srcSetType\": \"image/jpeg\",\n        \"sizes\": \"(max-width: 2000px) 100vw, 2000px\",\n        \"originalImg\": \"/static/19a5911d7b798ea64b4242d4fb703915/3acf0/content_1604470557717.jpg\",\n        \"originalName\": \"content_1604470557717.jpg\",\n        \"presentationWidth\": 2000,\n        \"presentationHeight\": 3000\n      }\n    }],\n    mdxType: \"ImageGallery\"\n  }), mdx(Image, {\n    fluidResult: {\n      \"base64\": \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAIAAADwazoUAAAACXBIWXMAAAsSAAALEgHS3X78AAABd0lEQVQoz21S2U7CQBTlF5S1dKdANEKlC9N2WjpljTHIWoka4oPxReNP+OceOghGSE4mdznnzj2ZyclifApFAtgv4rMcIHdaEitRpUSLea9cDIp5H6dU7Z0X/x2Me4Ry6JP06/N7Mn5L4u393XtIn+q10Vl97t+qohCZrel89sHibRw9Qz/ovzbrk4OYezmK0RAFjgipUKalgl+4IIVLgrVxVishF2fMiNP42szuLAJvQ5w1cdeOvXKtxW37oeusXHsJdJ21Yy29btoxZ4Brr9Ddi1WZQeOTR4+kxN0x2jfTwN/Y1gI81K3buYduN0XQMee98AWz+CJ7z1I1FoWjeVlkUhXGmCon/LWQZlZ30NWBpva5mDWNiFiBY1LPDrKYUjegLu20otZ1LyQhAscMgcANIkKvmkNDH+09Y7Aqx5rCVAlX7aAria4wVHS1rymJJiNNtKxY0/oNY9QwxtxzcvhMXImKllF5AH1NG4CNbQ19iADAy4P/A67VdqrCmAQgAAAAAElFTkSuQmCC\",\n      \"aspectRatio\": 1.8987341772151898,\n      \"src\": \"/static/566f48d5ecba9a4c594737e96a40df9a/c1b63/content_1604471861547.png\",\n      \"srcSet\": \"/static/566f48d5ecba9a4c594737e96a40df9a/5a46d/content_1604471861547.png 300w,\\n/static/566f48d5ecba9a4c594737e96a40df9a/0a47e/content_1604471861547.png 600w,\\n/static/566f48d5ecba9a4c594737e96a40df9a/c1b63/content_1604471861547.png 1200w\",\n      \"srcSetType\": \"image/png\",\n      \"sizes\": \"(max-width: 1200px) 100vw, 1200px\",\n      \"originalImg\": \"/static/566f48d5ecba9a4c594737e96a40df9a/c1b63/content_1604471861547.png\",\n      \"originalName\": \"content_1604471861547.png\",\n      \"density\": 72,\n      \"presentationWidth\": 1200,\n      \"presentationHeight\": 630\n    },\n    caption: \"Image With Caption\",\n    size: \"default\",\n    alt: \"Image With Caption\",\n    src: \"https://draftbox-dev.s3.amazonaws.com/content/5f464c18b340030023893a73/content_1604471861547.png\",\n    naturalHeight: \"630\",\n    naturalWidth: \"1200\",\n    mdxType: \"Image\"\n  }), mdx(Tweet, {\n    caption: null,\n    tweetLink: \"https://twitter.com/swyx/status/1323907274293694466\",\n    mdxType: \"Tweet\"\n  }), mdx(Instagram, {\n    caption: null,\n    instagramId: \"CHGtGJipWWN\",\n    mdxType: \"Instagram\"\n  }), mdx(Vimeo, {\n    caption: null,\n    vimeoId: \"444787885\",\n    mdxType: \"Vimeo\"\n  }), mdx(YouTube, {\n    caption: null,\n    youTubeId: \"dq2ov3xB5UI\",\n    mdxType: \"YouTube\"\n  }), mdx(Gist, {\n    caption: null,\n    id: \"19ae449404e5bd7571372129005bb724\",\n    mdxType: \"Gist\"\n  }), mdx(CodePen, {\n    caption: null,\n    codePenId: \"yNKNmV\",\n    mdxType: \"CodePen\"\n  }), mdx(Notice, {\n    type: \"info\",\n    mdxType: \"Notice\"\n  }, mdx(\"p\", null, \"This is info notice\\xA0\")), mdx(Notice, {\n    type: \"warning\",\n    mdxType: \"Notice\"\n  }, mdx(\"p\", null, \"Warning Notice\")), mdx(Notice, {\n    type: \"tip\",\n    mdxType: \"Notice\"\n  }, mdx(\"p\", null, \"Tip Notice\")), mdx(\"h1\", null, \"Headings\"), mdx(\"p\", null, \"Here's a demo of headings with dummy text for reference:\"), mdx(\"h1\", null, \"Heading 1\"), mdx(\"p\", null, \"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer euismod eu est et suscipit. Aenean non nulla in tortor laoreet posuere.\"), mdx(\"h2\", null, \"Heading 2\"), mdx(\"p\", null, \"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer euismod eu est et suscipit. Aenean non nulla in tortor laoreet posuere.\"), mdx(\"h3\", null, \"Heading 3\"), mdx(\"p\", null, \"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer euismod eu est et suscipit. Aenean non nulla in tortor laoreet posuere.\"), mdx(\"h4\", null, \"Heading 4\"), mdx(\"p\", null, \"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer euismod eu est et suscipit. Aenean non nulla in tortor laoreet posuere.\"), mdx(\"p\", null, \"Heading 5\"), mdx(\"p\", null, \"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer euismod eu est et suscipit. Aenean non nulla in tortor laoreet posuere.\"), mdx(\"p\", null, \"Heading 6\"), mdx(\"p\", null, \"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer euismod eu est et suscipit. Aenean non nulla in tortor laoreet posuere.\"), mdx(\"p\", null, \"Here is a list of headings without dummy text:\"), mdx(\"h1\", null, \"Heading 1\"), mdx(\"h2\", null, \"Heading 2\"), mdx(\"h3\", null, \"Heading 3\"), mdx(\"h4\", null, \"Heading 4\"), mdx(\"p\", null, \"Heading 5\"), mdx(\"p\", null, \"Heading 6\"), mdx(\"h2\", null, \"Inline text elements\"), mdx(\"p\", null, mdx(\"del\", {\n    parentName: \"p\"\n  }, \"This line of text is meant to be treated as no longer accurate.\")), mdx(\"p\", null, mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"This line of text will render as underlined\")), mdx(\"p\", null, mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"This line rendered as bold text.\")), mdx(\"p\", null, mdx(\"em\", {\n    parentName: \"p\"\n  }, \"This line rendered as italicized text.\")), mdx(\"blockquote\", null, mdx(\"p\", {\n    parentName: \"blockquote\"\n  }, mdx(\"em\", {\n    parentName: \"p\"\n  }, \"This text is in blockquote format.\"))), mdx(\"h2\", null, \"List\"), mdx(\"p\", null, \"Here's an unordered list of latin phrases:\"), mdx(\"ul\", null, mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"Lorem ipsum dolor sit amet\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"Consectetur adipiscing elit\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"Integer molestie lorem at massa\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"Facilisis in pretium nisl aliquet\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"Nulla volutpat aliquam velit\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"Phasellus iaculis neque\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"Eget porttitor lorem\")), mdx(\"p\", null, \"Here's an ordered list:\"), mdx(\"ol\", null, mdx(\"li\", {\n    parentName: \"ol\"\n  }, \"Purus sodales ultricies\"), mdx(\"li\", {\n    parentName: \"ol\"\n  }, \"Vestibulum laoreet porttitor sem\"), mdx(\"li\", {\n    parentName: \"ol\"\n  }, \"Ac tristique libero volutpat at\"), mdx(\"li\", {\n    parentName: \"ol\"\n  }, \"Faucibus porta lacus fringilla vel\"), mdx(\"li\", {\n    parentName: \"ol\"\n  }, \"Aenean sit amet erat nunc\"), mdx(\"li\", {\n    parentName: \"ol\"\n  }, \"Eget porttitor lorem\"), mdx(\"li\", {\n    parentName: \"ol\"\n  }, \"Phasellus iaculis neque\")), mdx(\"h2\", null, \"What about image and image caption?\"), mdx(\"p\", null, \"Don't worry! We've got you covered. \\xA0\"), mdx(\"p\", null, \"Image by NASA\"), mdx(\"p\", null, \"That worked well, didn't it.\"), mdx(\"p\", null, \"Here's an example of image gallery:\"), mdx(\"p\", null, \"Image gallery of beautiful sunsets\"), mdx(\"h2\", null, \"But I often use YouTube, Twitter and other embeds\"), mdx(\"p\", null, \"So do we \\u2013 check this out:\"), mdx(\"p\", null, mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"\"\n  }))), mdx(\"p\", null, \"One of the most watched video on YouTube\"), mdx(\"p\", null, \"Here's one of the most retweeted tweet by\\xA0\", mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"https://en.wikipedia.org/wiki/Ellen_DeGeneres\"\n  }), \"Ellen DeGeneres\"), \":\"), mdx(\"p\", null, mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"\"\n  }))), mdx(\"p\", null, \"Here's the countdown song from movie Inception:\"), mdx(\"p\", null, mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"\"\n  }))), mdx(\"p\", null, \"Photo by\\xA0\", mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"https://unsplash.com/@patrickian4?utm_source=ghost&utm_medium=referral&utm_campaign=api-credit\"\n  }), \"Patrick Fore\"), \"\\xA0/\\xA0\", mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"https://unsplash.com/?utm_source=ghost&utm_medium=referral&utm_campaign=api-credit\"\n  }), \"Unsplash\")), mdx(\"p\", null, mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"\"\n  }))), mdx(\"p\", null, mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"https://soundcloud.com/thenumbersmagazine\"\n  }), \"thenumbersmagazine\"), \"\\xA0\\xB7\\xA0\", mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"https://soundcloud.com/thenumbersmagazine/jay-z-100-bill-great-gatsby\"\n  }), \"Jay-Z 100 Bill- Great Gatsby Soundtrack\")), mdx(\"p\", null, mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"\"\n  }))), mdx(\"p\", null, \"Southern California beach - post by Instagram\"), mdx(\"hr\", null), mdx(\"h2\", null, \"But can you handle code snippets?\"), mdx(\"p\", null, \"We thought you'd never ask! Of course we can. Here's a snippet of code from vintage Facebook code repo:\"), mdx(\"pre\", null, mdx(\"code\", _extends({\n    parentName: \"pre\"\n  }, {\n    \"className\": \"language-javascript\"\n  }), \"\\nmy $id = $input{id};\\nmy $user = $input{user};\\nmy $code = $input{code};\\nmy $course = 0;#$input{course};\\nmy @node;my @edge;\\n\\\\#my $db_data = Mysql->connect(\\\"69.28.179.12\\\", \\\"login\\\", \\\"mark\\\", $pass);\\nmy $db_data = Mysql->connect(\\\"$cookies{host}\\\", \\\"$cookies{db}\\\", \\\"mark\\\", $pass);\\nmy $map;\\nif ($ENV{'HTTP_HOST'} =\\\\~ m/^(.\\\\*)\\\\\\\\.thefacebook\\\\\\\\.com/) {    $map = $1;}\\n\")), mdx(\"p\", null, mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"\"\n  }))), mdx(\"p\", null, \"Codepen Embed\"), mdx(\"p\", null, \"This is an inline link -\\xA0\", mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"https://draftbox.co/\"\n  }), \"https://draftbox.co\")), mdx(\"p\", null, \"Following is a bookmark link \", \"[\", \"link as a card\", \"]\"), mdx(Bookmark, {\n    cardInfo: {\n      data: {\n        \"type\": \"bookmark\",\n        \"url\": \"https://draftbox.co\",\n        \"metadata\": {\n          \"url\": \"https://draftbox.co\",\n          \"title\": \"Draftbox | Publish blog with superpowers\",\n          \"description\": \"We built Draftbox so you can focus on what matters — content. Leave your worries about performance, user experience, SEO, security, and scalability to us. Draftbox is a no-code JAMstack blogging platform, built on Gatsby.\",\n          \"author\": null,\n          \"publisher\": \"Draftbox | Publish blog with superpowers\",\n          \"thumbnail\": \"https://draftbox.co/static/ad4b5aabe7d8412bb0e9d37d7aa8eedf/f3583/og_image.png\",\n          \"icon\": \"https://draftbox.co/icons/icon-512x512.png?v=e015750a5b880a7b736fbc76d02c9b72\",\n          \"thumbnailHeight\": 630,\n          \"thumbnailWidth\": 1200\n        }\n      }\n    },\n    mdxType: \"Bookmark\"\n  }), mdx(\"p\", null, \"Have we missed something? Let us know in comments.\"), mdx(Bookmark, {\n    cardInfo: {\n      data: {\n        \"type\": \"bookmark\",\n        \"url\": \"https://www.reddit.com/r/UsabilityPorn/comments/jazq1j/sway_on_void_switched_to_using_a_highcontrast/\",\n        \"metadata\": {\n          \"url\": \"https://www.reddit.com/r/UsabilityPorn/comments/jazq1j/sway_on_void_switched_to_using_a_highcontrast/\",\n          \"title\": \"r/UsabilityPorn - [Sway on Void] Switched to using a high-contrast light theme a while ago and never looked back.\",\n          \"description\": \"75 votes and 21 comments so far on Reddit\",\n          \"author\": null,\n          \"publisher\": \"reddit\",\n          \"thumbnail\": \"https://preview.redd.it/inhr2io002t51.png?auto=webp&s=7155c7a01b65bb589d014b38024d9428cb1845cc\",\n          \"icon\": \"https://www.redditstatic.com/desktop2x/img/favicon/android-icon-192x192.png\"\n        }\n      }\n    },\n    mdxType: \"Bookmark\"\n  }), mdx(Bookmark, {\n    cardInfo: {\n      data: {\n        \"type\": \"bookmark\",\n        \"url\": \"https://ghost-balsa-preview.draftbox.co\",\n        \"metadata\": {\n          \"url\": \"https://ghost-balsa-preview.draftbox.co\",\n          \"title\": \"Built with Draftbox\",\n          \"description\": \"Lightning fast, secure front-end for your WordPress or Ghost blog, without coding. Draftbox is a new-age blogging platform for everyone, built on Gatsby.\",\n          \"author\": null,\n          \"publisher\": \"Built with Draftbox\",\n          \"thumbnail\": \"https://ghost-balsa-preview.draftbox.co/facebookImage.png\",\n          \"icon\": \"https://ghost-balsa-preview.draftbox.co/icons/icon-512x512.png\"\n        }\n      }\n    },\n    mdxType: \"Bookmark\"\n  }), mdx(HtmlSnippet, {\n    data: {\n      snippet: \"<div>Hello</div>\"\n    },\n    mdxType: \"HtmlSnippet\"\n  }), mdx(HtmlSnippet, {\n    data: {\n      snippet: \"<iframe width=\\\"560\\\" height=\\\"315\\\" src=\\\"https://www.youtube.com/embed/QAhJSTnodDM\\\" frameborder=\\\"0\\\" allow=\\\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\\\" allowfullscreen></iframe>\"\n    },\n    mdxType: \"HtmlSnippet\"\n  }), mdx(Bookmark, {\n    cardInfo: {\n      data: {\n        \"type\": \"bookmark\",\n        \"url\": \"https://medium.com/swlh/webpack-5-module-federation-a-game-changer-to-javascript-architecture-bcdd30e02669\",\n        \"metadata\": {\n          \"url\": \"https://medium.com/swlh/webpack-5-module-federation-a-game-changer-to-javascript-architecture-bcdd30e02669\",\n          \"title\": \"Webpack 5 Federation: A game changer in JavaScript architecture\",\n          \"description\": \"Module federation — The Javascript equivalent of what Apollo did with GraphQL. Multiple Webpack builds work together, sharing the dependency graph at runtime. Multiple bundles working as an SPA\",\n          \"author\": \"Zack Jackson\",\n          \"publisher\": \"The Startup\",\n          \"thumbnail\": \"https://miro.medium.com/max/1200/1*LYa-AhLhP0-3q2O9liL13w.png\",\n          \"icon\": \"https://cdn-images-1.medium.com/fit/c/152/152/1*8I-HPL0bfoIzGied-dzOvA.png\",\n          \"thumbnailHeight\": 1332,\n          \"thumbnailWidth\": 1200\n        }\n      }\n    },\n    mdxType: \"Bookmark\"\n  }), mdx(Image, {\n    caption: null,\n    src: '/static/content_1604569641863--49462a0f57df2cd05528029ebe1c80ed.gif',\n    size: \"default\",\n    mdxType: \"Image\"\n  }));\n}\n;\nMDXContent.isMDXComponent = true;","slug":"post-with-cookies","postSeoSlug":"post-with-cookies/","publishedAt":"30 December 2020","updatedAt":"30 December 2020","primaryAuthor":{"name":"Keyur Raval","slug":"keyur-raval-1","profileImage":null},"authors":[{"name":"Keyur Raval","slug":"keyur-raval-1","profileImage":null}],"readingTimeStr":"4 min read","primaryTag":null,"tags":[],"featured":false,"featureImage":null,"metaTitle":"Post with cookies","metaDescription":"At Draftbox, we're committed to providing the best reading experience to your users. We've hand-crafted WYSIWYG styling to achieve this goal.","postSeoTitle":"Post with cookies","canonicalUrl":"","ogTitle":"Post with cookies","ogDescription":"At Draftbox, we're committed to providing the best reading experience to your users. We've hand-crafted WYSIWYG styling to achieve this goal.","twitterTitle":"Post with cookies","twitterDescription":"At Draftbox, we're committed to providing the best reading experience to your users. We've hand-crafted WYSIWYG styling to achieve this goal.","seoPublishedAt":"2020-12-30T08:49:21.000Z","seoUpdatedAt":"2020-12-30T09:05:39.893Z","ogImage":null,"twitterImage":null,"jsonld":"{\"@context\":\"https://schema.org\",\"@type\":\"article\",\"mainEntityOfPage\":{\"@type\":\"WebPage\",\"@id\":\"https://google.com/article\"},\"headline\":\"Post with cookies\",\"datePublished\":\"2020-12-30T08:49:21.000Z\",\"dateModified\":\"2020-12-30T09:05:39.893Z\",\"author\":{\"@type\":\"Person\",\"name\":\"Keyur Raval\"},\"publisher\":{\"@type\":\"Organization\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https://draftbox-prod.s3.amazonaws.com/users/5fec36c542a9f82a0bd3b29c/logoSignup_1609316137078.png\"},\"name\":\"GDPR Demo\"},\"description\":\"At Draftbox, we're committed to providing the best reading experience to your users. We've hand-crafted WYSIWYG styling to achieve this goal.\"}","ampHead":["<script async custom-element=\"amp-twitter\" src=\"https://cdn.ampproject.org/v0/amp-twitter-0.1.js\"></script>","<script async custom-element=\"amp-instagram\" src=\"https://cdn.ampproject.org/v0/amp-instagram-0.1.js\"></script>","<script async custom-element=\"amp-youtube\" src=\"https://cdn.ampproject.org/v0/amp-youtube-0.1.js\"></script>","<script async custom-element=\"amp-gist\" src=\"https://cdn.ampproject.org/v0/amp-gist-0.1.js\"></script>","<script async custom-element=\"amp-iframe\" src=\"https://cdn.ampproject.org/v0/amp-iframe-0.1.js\"></script>","<script async custom-element=\"amp-inline-gallery\" src=\"https://cdn.ampproject.org/v0/amp-inline-gallery-0.1.js\"></script>","<script async custom-element=\"amp-vimeo\" src=\"https://cdn.ampproject.org/v0/amp-vimeo-0.1.js\"></script>","<script async custom-element=\"amp-base-carousel\" src=\"https://cdn.ampproject.org/v0/amp-base-carousel-0.1.js\"></script>","<script async custom-element=\"amp-lightbox-gallery\" src=\"https://cdn.ampproject.org/v0/amp-lightbox-gallery-0.1.js\"></script>"],"ampMarkup":"<p>At Draftbox, we&#x27;re committed to providing the best reading experience to your users. We&#x27;ve hand-crafted WYSIWYG styling to achieve this goal.</p><amp-inline-gallery layout=\"container\"><amp-base-carousel class=\"gallery\" layout=\"responsive\" width=\"3.6\" height=\"2\" snap-align=\"center\" loop=\"true\" visible-count=\"1.2\" lightbox=\"true\"><amp-img src=\"https://draftbox-dev.s3.amazonaws.com/content/5f464c18b340030023893a73/content_1604470557380.jpg\" layout=\"responsive\" width=\"2000\" height=\"3020\"></amp-img><amp-img src=\"https://draftbox-dev.s3.amazonaws.com/content/5f464c18b340030023893a73/content_1604470556456.jpg\" layout=\"responsive\" width=\"2000\" height=\"1333\"></amp-img><amp-img src=\"https://draftbox-dev.s3.amazonaws.com/content/5f464c18b340030023893a73/content_1604470557584.jpg\" layout=\"responsive\" width=\"2000\" height=\"1333\"></amp-img><amp-img src=\"https://draftbox-dev.s3.amazonaws.com/content/5f464c18b340030023893a73/content_1604470557682.jpg\" layout=\"responsive\" width=\"2000\" height=\"2000\"></amp-img><amp-img src=\"https://draftbox-dev.s3.amazonaws.com/content/5f464c18b340030023893a73/content_1604470557744.jpg\" layout=\"responsive\" width=\"2000\" height=\"1333\"></amp-img><amp-img src=\"https://draftbox-dev.s3.amazonaws.com/content/5f464c18b340030023893a73/content_1604470557717.jpg\" layout=\"responsive\" width=\"2000\" height=\"3000\"></amp-img></amp-base-carousel><amp-inline-gallery-pagination layout=\"nodisplay\" inset=\"true\"></amp-inline-gallery-pagination></amp-inline-gallery><amp-img src=\"https://draftbox-dev.s3.amazonaws.com/content/5f464c18b340030023893a73/content_1604471861547.png\" height=\"630\" width=\"1200\" layout=\"responsive\" attribution=\"Image With Caption\"></amp-img><amp-twitter width=\"375\" height=\"472\" layout=\"responsive\" data-tweetid=\"https://twitter.com/swyx/status/1323907274293694466\"></amp-twitter><amp-instagram data-shortcode=\"CHGtGJipWWN\" width=\"1\" height=\"1\" layout=\"responsive\"></amp-instagram><div><amp-vimeo data-videoid=\"444787885\" layout=\"responsive\" width=\"500\" height=\"281\"></amp-vimeo></div><amp-youtube data-videoid=\"dq2ov3xB5UI\" layout=\"responsive\" width=\"480\" height=\"270\"></amp-youtube><amp-gist data-gistid=\"19ae449404e5bd7571372129005bb724\" layout=\"fixed-height\" height=\"241\"></amp-gist><amp-iframe width=\"500\" height=\"281\" layout=\"responsive\" sandbox=\"allow-scripts allow-same-origin allow-popups\" frameborder=\"0\" src=\"https://codepen.io/team/codepen/embed/yNKNmV?height=265&amp;theme-id=default&amp;default-tab=result\"></amp-iframe><div class=\"notice notice-info\"><p>This is info notice </p></div><div class=\"notice notice-warning\"><p>Warning Notice</p></div><div class=\"notice notice-tip\"><p>Tip Notice</p></div><h1>Headings</h1><p>Here&#x27;s a demo of headings with dummy text for reference:</p><h1>Heading 1</h1><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer euismod eu est et suscipit. Aenean non nulla in tortor laoreet posuere.</p><h2>Heading 2</h2><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer euismod eu est et suscipit. Aenean non nulla in tortor laoreet posuere.</p><h3>Heading 3</h3><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer euismod eu est et suscipit. Aenean non nulla in tortor laoreet posuere.</p><h4>Heading 4</h4><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer euismod eu est et suscipit. Aenean non nulla in tortor laoreet posuere.</p><p>Heading 5</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer euismod eu est et suscipit. Aenean non nulla in tortor laoreet posuere.</p><p>Heading 6</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer euismod eu est et suscipit. Aenean non nulla in tortor laoreet posuere.</p><p>Here is a list of headings without dummy text:</p><h1>Heading 1</h1><h2>Heading 2</h2><h3>Heading 3</h3><h4>Heading 4</h4><p>Heading 5</p><p>Heading 6</p><h2>Inline text elements</h2><p><del>This line of text is meant to be treated as no longer accurate.</del></p><p><strong>This line of text will render as underlined</strong></p><p><strong>This line rendered as bold text.</strong></p><p><em>This line rendered as italicized text.</em></p><blockquote><p><em>This text is in blockquote format.</em></p></blockquote><h2>List</h2><p>Here&#x27;s an unordered list of latin phrases:</p><ul><li>Lorem ipsum dolor sit amet</li><li>Consectetur adipiscing elit</li><li>Integer molestie lorem at massa</li><li>Facilisis in pretium nisl aliquet</li><li>Nulla volutpat aliquam velit</li><li>Phasellus iaculis neque</li><li>Eget porttitor lorem</li></ul><p>Here&#x27;s an ordered list:</p><ol><li>Purus sodales ultricies</li><li>Vestibulum laoreet porttitor sem</li><li>Ac tristique libero volutpat at</li><li>Faucibus porta lacus fringilla vel</li><li>Aenean sit amet erat nunc</li><li>Eget porttitor lorem</li><li>Phasellus iaculis neque</li></ol><h2>What about image and image caption?</h2><p>Don&#x27;t worry! We&#x27;ve got you covered.  </p><p>Image by NASA</p><p>That worked well, didn&#x27;t it.</p><p>Here&#x27;s an example of image gallery:</p><p>Image gallery of beautiful sunsets</p><h2>But I often use YouTube, Twitter and other embeds</h2><p>So do we – check this out:</p><p><a href=\"\"></a></p><p>One of the most watched video on YouTube</p><p>Here&#x27;s one of the most retweeted tweet by <a href=\"https://en.wikipedia.org/wiki/Ellen_DeGeneres\">Ellen DeGeneres</a>:</p><p><a href=\"\"></a></p><p>Here&#x27;s the countdown song from movie Inception:</p><p><a href=\"\"></a></p><p>Photo by <a href=\"https://unsplash.com/@patrickian4?utm_source=ghost&amp;utm_medium=referral&amp;utm_campaign=api-credit\">Patrick Fore</a> / <a href=\"https://unsplash.com/?utm_source=ghost&amp;utm_medium=referral&amp;utm_campaign=api-credit\">Unsplash</a></p><p><a href=\"\"></a></p><p><a href=\"https://soundcloud.com/thenumbersmagazine\">thenumbersmagazine</a> · <a href=\"https://soundcloud.com/thenumbersmagazine/jay-z-100-bill-great-gatsby\">Jay-Z 100 Bill- Great Gatsby Soundtrack</a></p><p><a href=\"\"></a></p><p>Southern California beach - post by Instagram</p><hr/><h2>But can you handle code snippets?</h2><p>We thought you&#x27;d never ask! Of course we can. Here&#x27;s a snippet of code from vintage Facebook code repo:</p><pre><code class=\"language-javascript\">\nmy $id = $input{id};\nmy $user = $input{user};\nmy $code = $input{code};\nmy $course = 0;#$input{course};\nmy @node;my @edge;\n\\#my $db_data = Mysql-&gt;connect(&quot;69.28.179.12&quot;, &quot;login&quot;, &quot;mark&quot;, $pass);\nmy $db_data = Mysql-&gt;connect(&quot;$cookies{host}&quot;, &quot;$cookies{db}&quot;, &quot;mark&quot;, $pass);\nmy $map;\nif ($ENV{&#x27;HTTP_HOST&#x27;} =\\~ m/^(.\\*)\\\\.thefacebook\\\\.com/) {    $map = $1;}\n</code></pre><p><a href=\"\"></a></p><p>Codepen Embed</p><p>This is an inline link - <a href=\"https://draftbox.co/\">https://draftbox.co</a></p><p>Following is a bookmark link [link as a card]</p><a target=\"_blank\" class=\"bookmark-card-container\" href=\"https://draftbox.co\"><div class=\"bookmark-content\"><h2 class=\"bookmark-title\">Draftbox | Publish blog with superpowers</h2><p class=\"bookmark-description\">We built Draftbox so you can focus on what matters — content. Leave your worries about performance, user experience, SEO, security, and scalability to us. Draftbox is a no-code JAMstack blogging platform, built on Gatsby.</p><div class=\"bookmark-metadata\"><div class=\"bookmark-icon\"><amp-img height=\"22px\" width=\"22px\" src=\"https://draftbox.co/icons/icon-512x512.png?v=e015750a5b880a7b736fbc76d02c9b72\"></amp-img></div><span class=\"bookmark-author\">Draftbox | Publish blog with superpowers</span></div></div></a><p>Have we missed something? Let us know in comments.</p><a target=\"_blank\" class=\"bookmark-card-container\" href=\"https://www.reddit.com/r/UsabilityPorn/comments/jazq1j/sway_on_void_switched_to_using_a_highcontrast/\"><div class=\"bookmark-content\"><h2 class=\"bookmark-title\">r/UsabilityPorn - [Sway on Void] Switched to using a high-contrast light theme a while ago and never looked back.</h2><p class=\"bookmark-description\">75 votes and 21 comments so far on Reddit</p><div class=\"bookmark-metadata\"><div class=\"bookmark-icon\"><amp-img height=\"22px\" width=\"22px\" src=\"https://www.redditstatic.com/desktop2x/img/favicon/android-icon-192x192.png\"></amp-img></div><span class=\"bookmark-author\">reddit</span></div></div></a><a target=\"_blank\" class=\"bookmark-card-container\" href=\"https://ghost-balsa-preview.draftbox.co\"><div class=\"bookmark-content\"><h2 class=\"bookmark-title\">Built with Draftbox</h2><p class=\"bookmark-description\">Lightning fast, secure front-end for your WordPress or Ghost blog, without coding. Draftbox is a new-age blogging platform for everyone, built on Gatsby.</p><div class=\"bookmark-metadata\"><div class=\"bookmark-icon\"><amp-img height=\"22px\" width=\"22px\" src=\"https://ghost-balsa-preview.draftbox.co/icons/icon-512x512.png\"></amp-img></div><span class=\"bookmark-author\">Built with Draftbox</span></div></div></a><a target=\"_blank\" class=\"bookmark-card-container\" href=\"https://medium.com/swlh/webpack-5-module-federation-a-game-changer-to-javascript-architecture-bcdd30e02669\"><div class=\"bookmark-content\"><h2 class=\"bookmark-title\">Webpack 5 Federation: A game changer in JavaScript architecture</h2><p class=\"bookmark-description\">Module federation — The Javascript equivalent of what Apollo did with GraphQL. Multiple Webpack builds work together, sharing the dependency graph at runtime. Multiple bundles working as an SPA</p><div class=\"bookmark-metadata\"><div class=\"bookmark-icon\"><amp-img height=\"22px\" width=\"22px\" src=\"https://cdn-images-1.medium.com/fit/c/152/152/1*8I-HPL0bfoIzGied-dzOvA.png\"></amp-img></div><span class=\"bookmark-author\">The Startup</span></div></div></a><amp-img src=\"https://draftbox-dev.s3.amazonaws.com/content/5f464c18b340030023893a73/content_1604569641863.gif\" height=\"360\" width=\"480\" layout=\"responsive\"></amp-img>"},"prevPost":{"title":"Embeds","excerpt":"> \n> \nhahahha\n\n\nconsole.log('Hola')\n\n\nMeet Draftbox *  Hola \n *  Nana\n *  ddadada \n\nThis is image galleryNoNameRole1ShyamFrontend2KeyurFullstackDefault imageMedium ImageFull size image","customExcerpt":"Embeds for GDPR","postSeoSlug":"embeds/","updatedAt":"30 December 2020","publishedAt":"30 December 2020"},"nextPost":{"title":"Powerful editor built for pro content creators","excerpt":"At Draftbox, we're committed to providing the best writing experience to our creators. We've engineered a powerful editor to help\nyou craft engaging and captivating content.\n\nHEADING 1\nHEADING 2\nHEADING 3\nLorem ipsum dolor sit amet, consectetur adipiscing elit. Integer euismod eu est et suscipit. Aenean non nulla in tortor laoreet\nposuere.\n\n\n----------------------------------------------------------------------------------------------------------------------------------\n\nINLINE TEXT ELEMENTS\nThis line of text is meant to be treated as no longer accurate.\n\nThis line of text will render as underlined\n\nThis line rendered as bold text.\n\nThis line rendered as highlighted text.This line rendered as italicized text.\n\n> This text is in blockquote format.\n\n\n\n----------------------------------------------------------------------------------------------------------------------------------\n\nLIST\nHere's an unordered list of latin phrases:\n\n * Lorem ipsum dolor sit amet\n * Consectetur adipiscing elit\n * Integer molestie lorem at massa\n * Facilisis in pretium nisl aliquet\n * Nulla volutpat aliquam velit\n * Phasellus iaculis neque\n * Eget porttitor lorem\n\nHere's an ordered list:\n\n 1. Purus sodales ultricies\n 2. Vestibulum laoreet porttitor sem\n 3. Ac tristique libero volutpat at\n 4. Faucibus porta lacus fringilla vel\n 5. Aenean sit amet erat nunc\n 6. Eget porttitor lorem\n 7. Phasellus iaculis neque\n\nHere’s a todo list:\n\n *  List item 1\n *  List item 2\n *  List item 3\n\n\n----------------------------------------------------------------------------------------------------------------------------------\n\nWHAT ABOUT IMAGE AND IMAGE CAPTION?\nDon't worry! We've got you covered.\n\nDefault sizeLarge sizeImage gallery\n----------------------------------------------------------------------------------------------------------------------------------\n\nDRAFTBOX EDITOR ALSO SUPPORTS EMBEDS:\nOur creators often embed social content in their blogs.\n\n> \n\n----------------------------------------------------------------------------------------------------------------------------------\n\nOUR EDITORS HAVE TONS OF FEATURES FOR DEV BLOGGERS AS WELL:\nYou can embed GitHub gist, CodePen, code snippets and eveninline code. Here’s a snippet of code from vintage Facebook code repo:\n\n\nmy $id = $input{id};\nmy $user = $input{user};\nmy $code = $input{code};\nmy $course = 0;#$input{course};\nmy @node;my @edge;\n\\\\#my $db_data = Mysql->connect(\"69.28.179.12\", \"login\", \"mark\", $pass);\nmy $db_data = Mysql->connect(\"$cookies{host}\", \"$cookies{db}\", \"mark\", $pass);\nmy $map;\nif ($ENV{'HTTP_HOST'} =\\\\\\~ m/^(.\\\\\\*)\\\\\\\\.thefacebook\\\\\\\\.com/) {    $map = $1;}\n\n\nHere’s the same code as GitHub gist:\n\n\n----------------------------------------------------------------------------------------------------------------------------------\n\nWANT TO GRAB ATTENTION OF YOUR READERS?\nNotice blocks can be really helpful while writing long, text-heavy content.\n\nThis is an info note.\n\nThis is a warning note.\n\nThis is a tip.\n\n\n----------------------------------------------------------------------------------------------------------------------------------\n\nAND IF THERE’S SOMETHING MISSING, YOU CAN ALWAYS ADD CUSTOM HTML SNIPPETS:\nHere’s a callout added using HTML snippet:\n\nPowered by Gatsby PUBLISH BLOG WITH SUPERPOWERS\nLearn more » \n----------------------------------------------------------------------------------------------------------------------------------\n\nLINK CARD\nHere’s a link to Draftbox website in card format:\n\nDRAFTBOX | NEW-AGE BLOGGING PLATFORM FOR EVERYONE Lightning fast, secure front-end for your WordPress or Ghost blog, without\ncoding. Get the web’s modern capabilities for your blog, in 5 minutes or less. New-age blogging platform for everyone\n----------------------------------------------------------------------------------------------------------------------------------\n\nDid we miss anything? Let us know in comments.","customExcerpt":"At Draftbox, we're committed to providing the best writing experience to our creators.","postSeoSlug":"powerful-editor-built-for-pro-content-creators/","updatedAt":"30 December 2020","publishedAt":"30 December 2020"}},"pageContext":{"postSeoSlug":"post-with-cookies/","prev":"embeds/","next":"powerful-editor-built-for-pro-content-creators/"}},"staticQueryHashes":["126537975","1598373181","2550219549","3152462313","3179455699","501731688"]}