{"componentChunkName":"component---src-templates-post-js","path":"/create-your-custom-email-newsletter-with-mjml-and-tinyletter","result":{"data":{"mdx":{"frontmatter":{"title":"Create Your Custom Email Newsletter with MJML and Tinyletter","date":"11/16/2020"},"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/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {\n  \"title\": \"Create Your Custom Email Newsletter with MJML and Tinyletter\",\n  \"slug\": \"create-your-custom-email-newsletter-with-mjml-and-tinyletter\",\n  \"date\": \"2020-11-16T00:00:00.000Z\",\n  \"image\": \"./images/mail-spread.jpg\"\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, \"Since I've been doing 100-hour weeks studying software engineering while having a full-time job, I haven't seen many of my friends, sadly, for about eight months now. I thought it would be a great idea to hand-code a responsive holiday card for my friends!\"), mdx(\"p\", null, mdx(\"span\", _extends({\n    parentName: \"p\"\n  }, {\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"auto\",\n      \"maxWidth\": \"650px\"\n    }\n  }), \"\\n      \", mdx(\"a\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"gatsby-resp-image-link\",\n    \"href\": \"/static/4602615e8a3ee5d5a5c50c4165f23773/9685e/holiday-email.png\",\n    \"style\": {\n      \"display\": \"block\"\n    },\n    \"target\": \"_blank\",\n    \"rel\": \"noopener\"\n  }), \"\\n    \", mdx(\"span\", _extends({\n    parentName: \"a\"\n  }, {\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"120.85889570552146%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"backgroundImage\": \"url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAYCAYAAAD6S912AAAACXBIWXMAAAsSAAALEgHS3X78AAADl0lEQVQ4y41VS08TURjtykRRKUqCC42KoqhBiLDxB7gwMdGdr2hcQHlYjYkujChKQnyQ+IoPEKVEiM8uLEU0iC5Eg5ZUigICCiEYpJ1pO6hA2+nM9PjdaTuhiKWTnNxver8599zvVd2OrduwJS8XeXl5yMnJQVZWFpalpSE5ORkpev3/kZISg9TUVKTRd7rasusoMZbAaDSiuLgY+fn5yC8ogIFsQ1FRGMye8V5gMKi+BeTLVgO9FxYWQieGJPzzBINQJiagTE6GwewZ75BlzPboZEmGJEkqRL9f/dFRdg5mfSoaMzJhSc+Adf0msjfAsjoDjWszYV6ahgFTneorBvx0flCDLkrGEIwQdhw7jnqdDk+S9Hg8fxGaNmXj2aq1eDRvAZ4u1KOB9r7evB2+TCCA6Rw6WZbAMJ2ws/QMzItS0ERqLCtWo3HNOlhJYePyVbCsTId58RIM3DOpvpIoqt9GeWIIZXaKomDKxcFjt2OsvR3e/m+YGB6Bt7sb3gGyB4fI7oHP64VMvlFlsxPSyuIQopPf3atB3ZES2F+/Rm/HW7Q+vI83Tx+gw/YBoz29UJg68pVlOb5CRsjW9/X3YTl9Ch/ralFVdACFe3biY0M9Lu7aDlvt3UgxiDFi/iHUsk1xeVFngvWIEU+oPk0V5bh+wojvz5tRcWgv7l4qD2dYTISQFIqKjNrDRbi6MROV+3ejofwsqk8eRc2hfbhmOIgHV84nplC7ckhBc/Ut1J8tRYvpDpouV6Kl6gatF/D82mX0tLZACYUiMYybFDlMSCsLulsQIAjjcLqcGB4ehovjIEpSRF1QI0qMkDA0OIi2tjY4HA709fXBTqX0Y2REi19ChJIU1Ehne9TDZtRf3Dpkq9/ng+DxwsO74eZ5glu1eboy5+QQoI6SEr0yUxigVZjyYZyIf1OvjhOBj1QFSKGfkhFkSllSpDkKW90gx18Up9H2D+AdXXATuE4H+AjcXZ/h/tSJSWrPMGkchdHh4CgtgzkpGVYaDs00aVqzt+DV5hy8yM6FNX2dOnESGg5RhQIpHKOMcp+/YLTDhpePn+HtKxu4ri64SKHT/gm/nc5wLUpzxlCCjwLuIztAcZugGNr6R9Dt/EOxldTfGfys7RjZXJ2iThxyFomITWOOF8BxAngXD49H0PbCbSf/X2Fs+mXNeZL+Q1iX/BxzYcovanszsxu3DqeDFbGfkhUgVYoix+zFxD7C8xegE4A1k2hOpwAAAABJRU5ErkJggg==')\",\n      \"backgroundSize\": \"cover\",\n      \"display\": \"block\"\n    }\n  })), \"\\n  \", mdx(\"img\", _extends({\n    parentName: \"a\"\n  }, {\n    \"className\": \"gatsby-resp-image-image\",\n    \"alt\": \"Responsive email even in Outlook\",\n    \"title\": \"Responsive email even in Outlook\",\n    \"src\": \"/static/4602615e8a3ee5d5a5c50c4165f23773/a6d36/holiday-email.png\",\n    \"srcSet\": [\"/static/4602615e8a3ee5d5a5c50c4165f23773/222b7/holiday-email.png 163w\", \"/static/4602615e8a3ee5d5a5c50c4165f23773/ff46a/holiday-email.png 325w\", \"/static/4602615e8a3ee5d5a5c50c4165f23773/a6d36/holiday-email.png 650w\", \"/static/4602615e8a3ee5d5a5c50c4165f23773/e548f/holiday-email.png 975w\", \"/static/4602615e8a3ee5d5a5c50c4165f23773/3c492/holiday-email.png 1300w\", \"/static/4602615e8a3ee5d5a5c50c4165f23773/9685e/holiday-email.png 1336w\"],\n    \"sizes\": \"(max-width: 650px) 100vw, 650px\",\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(\"em\", {\n    parentName: \"p\"\n  }, \"Responsive Email Even in Outlook\")));\n}\n;\nMDXContent.isMDXComponent = true;"}},"pageContext":{"slug":"create-your-custom-email-newsletter-with-mjml-and-tinyletter"}},"staticQueryHashes":["1063564771","2248308066","2468095761"]}