{"componentChunkName":"component---node-modules-draftbox-co-gatsby-draftbox-balsa-theme-src-templates-post-template-tsx","path":"/medium-like-reading-experience/","result":{"data":{"draftboxPost":{"title":"Medium-like reading experience","excerpt":"At Draftbox, we're committed towards providing 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 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  }));\n}\n;\nMDXContent.isMDXComponent = true;","slug":"medium-like-reading-experience","postSeoSlug":"medium-like-reading-experience/","publishedAt":"06 December 2019","updatedAt":"28 December 2020","primaryAuthor":{"name":"Rahul Mehra","slug":"rahul-mehra","profileImage":{"publicURL":"/static/c072544ca87dd390074214addb4ab592/photo.jpg"}},"authors":[{"name":"Rahul Mehra","slug":"rahul-mehra","profileImage":{"publicURL":"/static/c072544ca87dd390074214addb4ab592/photo.jpg","childImageSharp":{"fixed":{"base64":"data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAAUABQDASIAAhEBAxEB/8QAFwABAQEBAAAAAAAAAAAAAAAAAAMCBP/EABcBAQEBAQAAAAAAAAAAAAAAAAABAwT/2gAMAwEAAhADEAAAAeLSnXvAWgAf/8QAGRABAQADAQAAAAAAAAAAAAAAAQIQESAh/9oACAEBAAEFAj1ZZxDq6oY4/8QAFBEBAAAAAAAAAAAAAAAAAAAAIP/aAAgBAwEBPwEf/8QAFBEBAAAAAAAAAAAAAAAAAAAAIP/aAAgBAgEBPwEf/8QAHRAAAQIHAAAAAAAAAAAAAAAAAAEhAhARIEFRYf/aAAgBAQAGPwKg8oV6afFv/8QAGxABAAICAwAAAAAAAAAAAAAAAREhADEQIFH/2gAIAQEAAT8hCAtaMvhXozwCmgLkaAU2Bvr/AP/aAAwDAQACAAMAAAAQdAAA/8QAFhEBAQEAAAAAAAAAAAAAAAAAEQEg/9oACAEDAQE/EGuP/8QAFhEBAQEAAAAAAAAAAAAAAAAAAREg/9oACAECAQE/EFbj/8QAHBABAAEEAwAAAAAAAAAAAAAAAREAEDFRIGHR/9oACAEBAAE/EBRlgbWjgYlAAkySObMjDhoGoNZMABMvfvH/2Q==","width":40,"height":40,"src":"/static/c072544ca87dd390074214addb4ab592/0cce2/photo.jpg","srcSet":"/static/c072544ca87dd390074214addb4ab592/0cce2/photo.jpg 1x,\n/static/c072544ca87dd390074214addb4ab592/56ed0/photo.jpg 1.5x,\n/static/c072544ca87dd390074214addb4ab592/2b9ee/photo.jpg 2x","srcWebp":"/static/c072544ca87dd390074214addb4ab592/0aa94/photo.webp","srcSetWebp":"/static/c072544ca87dd390074214addb4ab592/0aa94/photo.webp 1x,\n/static/c072544ca87dd390074214addb4ab592/ca41d/photo.webp 1.5x,\n/static/c072544ca87dd390074214addb4ab592/abac3/photo.webp 2x"}}}}],"readingTimeStr":"3 min read","primaryTag":{"name":"Benefits","slug":"benefits"},"tags":[{"name":"Benefits","slug":"benefits"}],"featured":false,"featureImage":{"publicURL":"/static/76068a542caa874b245df0cfc7f8b051/a7cb045f-f797-476f-bf50-9217a7d819a7.jpg","childImageSharp":{"fluid":{"tracedSVG":"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='400'%20height='267'%20viewBox='0%200%20400%20267'%20preserveAspectRatio='none'%3e%3cpath%20d='M0%20134v133h401V133l-1-97v37l-6%202c-5%203-7%203-14%203-10%200-11%201-17%2019-7%2017-14%2033-20%2041-5%207-5%207-2%209%202%203%201%203-17-2-17-4-22-6-19-7l1-2%202-2%201-1%201-3%202-2%202-4%204-6%201-2%201-1c0-3%2012-12%2017-13%202-1%206-5%205-7l2-4c2-2%202-3%203-9%200-9%202-17%203-18%204-2%208-21%205-21l-4%205-5%209-8%2011-3%205v-4l3-7%203-6%204-7%204-8%202-4%201-2%203-6%203-9a308%20308%200%20017-20h-73l-1%203-1%204-3%204c-2%201-2%203-3%207%200%204-1%206-2%206l-1%203c-1%202-1%202-3%201l-1-4c2-4%202-10%200-12l-2-7V0h-8l-8%201c2%202%202%2022%201%2026l-1%2011%201%2021c0%2013%201%2015%202%2017%202%202%203%204%201%204l1%207%202%2013%202%209%203%205c2%205%202%205%204%203l2-5c0-5%203-13%206-16%202-2%204-7%205-13l2-3c1%200%202-10%201-12-1-3-3%200-3%204%200%203-2%204-4%201-2-5%200-14%204-13%201%201%202-4%200-4-1-1%200-9%201-9l4%203c4%204%2010%204%208%200-1-2-1-3%202-5l5-3%201-1c0-3%204-2%205%200l9%2010c1%200%201-7-1-11%200-2%200-2%203%200%205%204%207%203%205-2-3-5-2-7%201-9l3-4c0-2%205-6%206-4s1%203-2%2012l-2%2011c-2%2010-12%2042-15%2044-3%203-5%209-4%2015%201%2010-4%2017-19%2027l-10%206-8-1-10-4-4-1-10-2-8-1v-4l-1-4-1-3c0-3-3-4-8-4-3%200-4%200-3%201%201%202%202%205%203%2020l-1%2011-2%2012c-1%2011-3%2013-6%208a324%20324%200%2001-74-5l2-2c4-3%203-3-3-2h-4l-3-2c-2%200-2%200-1%201l1%203-3-3c-5-5-14-6-40-4a509%20509%200%2001-36%202l2-3%202-4a1102%201102%200%200011-17c5-10%209-15%2012-16l7-4%203-2%2011-5c22-9%2034-10%2042-3l3%204%201%202-1%206c-3%206-4%2010-2%207h1l-1%203-1-1h-1l-1%201-1%203c-2%205-1%205%203%200%202-3%204-5%203-6%200-2%202-6%204-6l2-3%201-1c0%202%202%201%202-1l2-2c1%201%201%200%201-3%200-5-1-6-2-3-1%202-1%202-1%200l1-3c1-1%203-9%202-10l-2%201c-3%202-4%202-4%201s1-2%203-2c3-2%207-8%206-9l-3%202c-5%204-7%205-7%201%200-2-2-4-9-6l-5-3-5-4c-6-4-1-9%2010-10%207%200%2012-2%207-2l-4-2h-6l-3-1c-2%201-3%200-3-1-1-2-1-2%201-2%201-1%201-1-1-1-3%200-3-2%201-4%203-2%205-2%2012-1h7l-15-3c-7%200-9-1-9-5%200-6%204-9%2012-9%207%200%2014%201%2019%203%202%201%202%201%203-2l2-4c1-2%200-7-2-11-3-5-2-6%201-6%203%201%203%201%203-1l-1-3-6-1c-6%200-6%200-4%202%203%201%203%203%200%206-2%202-2%202-8-3-1-1-3-2-4-1l-1-2V0H0v134M208%201l1%202%204%204c2%203%202%204%200%206-3%203-1%207%202%204s7-4%208-2h1l3-1%202%201%202%201c1%200%202%202%200%203v5h3c6-3%2014-24%208-24-2%200-2%200-1%204l-1%205c-1%201-2-1-2-6V1l-15-1-15%201m-56%2010c-2%201%200%202%203%202h4l-4%201-3%201h3c3%200%203%201%203%205%200%202%202%201%203-2l2-2v2c0%203%202%204%204%202h1l1%201c1-1%201%200%201%201%200%205%204%203%206-1%201-4-3-7-10-7l-8-3h-6m64%2067c0%206-3%209-4%205-2-3-4%202-3%205%200%205%202%206%202%203l1-3v11c1%205%203%207%203%202v-1c2%205%205-16%204-23-1-3-3-3-3%201m-95%2023c-13%206-17%208-18%2011s-1%203%201%203c3-2%201%201-2%202-4%202-8%207-7%209%201%200%201%201-1%201l-2%202-4%206c-3%204-4%205-3%206s1%201-1%201l-4%204-2%202%202-1a159%20159%200%200029-15l1-1v-2c1%200%204-5%204-8l3-4%203-4%201-1%201-3%201-4%203-3c2-4%201-4-5-1'%20fill='%23d3d3d3'%20fill-rule='evenodd'/%3e%3c/svg%3e","aspectRatio":1.5037593984962405,"src":"/static/76068a542caa874b245df0cfc7f8b051/14b42/a7cb045f-f797-476f-bf50-9217a7d819a7.jpg","srcSet":"/static/76068a542caa874b245df0cfc7f8b051/f836f/a7cb045f-f797-476f-bf50-9217a7d819a7.jpg 200w,\n/static/76068a542caa874b245df0cfc7f8b051/2244e/a7cb045f-f797-476f-bf50-9217a7d819a7.jpg 400w,\n/static/76068a542caa874b245df0cfc7f8b051/14b42/a7cb045f-f797-476f-bf50-9217a7d819a7.jpg 800w,\n/static/76068a542caa874b245df0cfc7f8b051/47498/a7cb045f-f797-476f-bf50-9217a7d819a7.jpg 1200w,\n/static/76068a542caa874b245df0cfc7f8b051/0e329/a7cb045f-f797-476f-bf50-9217a7d819a7.jpg 1600w,\n/static/76068a542caa874b245df0cfc7f8b051/d8255/a7cb045f-f797-476f-bf50-9217a7d819a7.jpg 1920w","srcWebp":"/static/76068a542caa874b245df0cfc7f8b051/58556/a7cb045f-f797-476f-bf50-9217a7d819a7.webp","srcSetWebp":"/static/76068a542caa874b245df0cfc7f8b051/61e93/a7cb045f-f797-476f-bf50-9217a7d819a7.webp 200w,\n/static/76068a542caa874b245df0cfc7f8b051/1f5c5/a7cb045f-f797-476f-bf50-9217a7d819a7.webp 400w,\n/static/76068a542caa874b245df0cfc7f8b051/58556/a7cb045f-f797-476f-bf50-9217a7d819a7.webp 800w,\n/static/76068a542caa874b245df0cfc7f8b051/99238/a7cb045f-f797-476f-bf50-9217a7d819a7.webp 1200w,\n/static/76068a542caa874b245df0cfc7f8b051/7c22d/a7cb045f-f797-476f-bf50-9217a7d819a7.webp 1600w,\n/static/76068a542caa874b245df0cfc7f8b051/25f09/a7cb045f-f797-476f-bf50-9217a7d819a7.webp 1920w","sizes":"(max-width: 800px) 100vw, 800px"},"original":{"height":1280,"width":1920}}},"metaTitle":"Medium-like reading experience","metaDescription":"At Draftbox, we're committed towards providing best reading experience to your users. We've hand-crafted WYSIWYG styling to achieve this goal.","postSeoTitle":"Medium-like reading experience","canonicalUrl":null,"ogTitle":"Medium-like reading experience","ogDescription":"At Draftbox, we're committed towards providing best reading experience to your users. We've hand-crafted WYSIWYG styling to achieve this goal.","twitterTitle":"Medium-like reading experience","twitterDescription":"At Draftbox, we're committed towards providing best reading experience to your users. We've hand-crafted WYSIWYG styling to achieve this goal.","seoPublishedAt":"2019-12-06T10:00:00.000Z","seoUpdatedAt":"2020-12-28T07:30:30.002Z","ogImage":{"publicURL":"/static/76068a542caa874b245df0cfc7f8b051/a7cb045f-f797-476f-bf50-9217a7d819a7.jpg","seo":{"fixed":{"src":"/static/76068a542caa874b245df0cfc7f8b051/0ff54/a7cb045f-f797-476f-bf50-9217a7d819a7.jpg","height":800,"width":1200}}},"twitterImage":{"publicURL":"/static/76068a542caa874b245df0cfc7f8b051/a7cb045f-f797-476f-bf50-9217a7d819a7.jpg","seo":{"fixed":{"src":"/static/76068a542caa874b245df0cfc7f8b051/0ff54/a7cb045f-f797-476f-bf50-9217a7d819a7.jpg","height":800,"width":1200}}},"jsonld":"{\"@context\":\"https://schema.org\",\"@type\":\"article\",\"mainEntityOfPage\":{\"@type\":\"WebPage\",\"@id\":\"https://google.com/article\"},\"headline\":\"Medium-like reading experience\",\"datePublished\":\"2019-12-06T10:00:00.000Z\",\"dateModified\":\"2020-12-28T07:30:30.002Z\",\"author\":{\"@type\":\"Person\",\"name\":\"Rahul Mehra\"},\"publisher\":{\"@type\":\"Organization\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https://draftbox-dev.s3.amazonaws.com/sites/5f463f8fa2b2ad806c0d2a6b/settings/logo/e70d8a09-e089-4910-b8ef-792c588e158d.svg\"},\"name\":\"CTA Test - Ghost\"},\"image\":[\"https://draftbox-dev.s3.amazonaws.com/sites/5fe9899390930e4e5d462f20/post/5fe9899590930e4e5d462f5a/a7cb045f-f797-476f-bf50-9217a7d819a7.jpg\"],\"description\":\"At Draftbox, we're committed towards providing best reading experience to your users. We've hand-crafted WYSIWYG styling to achieve this goal.\",\"keywords\":\"Benefits\"}","ampHead":[],"ampMarkup":""},"prevPost":{"title":"Code export for devs","excerpt":"When we say 'blogging platform for everyone', we mean it. Draftbox provides code export of your site, if you want to get your\nhands dirty. We are also active in open source communities around JAMstack, and we also contribute to strengthening this\necosystem.\n\n✅ Code export\n✅ Technical support","customExcerpt":"Draftbox provides code export of your site, if you want to get your hands dirty.","postSeoSlug":"code-export-for-devs/","updatedAt":"28 December 2020","publishedAt":"07 May 2020"},"nextPost":null},"pageContext":{"postSeoSlug":"medium-like-reading-experience/","prev":"code-export-for-devs/","next":null}},"staticQueryHashes":["126537975","1598373181","2550219549","3152462313","3179455699","501731688"]}