{"version":3,"sources":["webpack:///./src/templates/newsletter.js","webpack:///./src/pages/newsletters/january-2020.js"],"names":["StyledSection","styled","section","media","mobile","arrow","ArrowButton","button","tablet","Content","props","link","title","description","page","useStaticQuery","allJavascriptFrontmatter","edges","filter","post","node","frontmatter","canonical","metaTitle","metaDescription","hideFooter","hideHeader","content","previous","placement","onClick","navigate","disabled","className","src","alt","next","width","border","cellPadding","cellSpacing","bgcolor","style","padding","display","margin","maxWidth","height","align","textAlign","fontSize","lineHeight","opacity","Date","getFullYear","href","textDecoration","Box","div","Newsletter","NewsletterTemplate","timeline","role","aria-label","fluid","childImageSharp","borderTop","paddingTop","target","rel","backgroundColor","fontWeight","color","borderRadius","date"],"mappings":"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","file":"component---src-pages-newsletters-january-2020-js-003bd15838557a95b1de.js","sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { graphql, useStaticQuery, navigate } from 'gatsby';\nimport { media } from 'theme/breakpoints';\nimport Layout from 'layout';\nimport arrow from 'img/ui/icon_arrow.svg';\nimport Tippy from '@tippyjs/react';\n\nconst StyledSection = styled.section`\n background-color: #f1f5f9;\n padding: 4rem 0;\n ${media.mobile} {\n padding: 2rem 0;\n }\n a {\n text-decoration: none;\n color: #0a4ed6;\n &.with-arrow {\n position: relative;\n display: inline-block;\n font-weight: 800;\n\n &::after {\n content: '';\n background-image: url(${arrow});\n background-repeat: no-repeat;\n background-position: center;\n background-size: contain;\n display: inline-block;\n clear: both;\n margin-left: 16px;\n width: 12px;\n height: 12px;\n }\n }\n }\n p {\n font-size: 16px;\n line-height: 24px;\n & a {\n display: inline;\n }\n }\n body {\n font-family: 'Muli', sans-serif;\n width: 100%;\n color: #000;\n background-color: #f1f5f9;\n }\n strong {\n font-weight: 800;\n }\n h1 {\n font-size: 30px;\n line-height: 38px;\n font-weight: 300;\n }\n h1 span {\n font-weight: 800;\n }\n .logo {\n display: block;\n margin: 0 auto 40px;\n max-width: 140px;\n height: 21px;\n }\n .head {\n display: block;\n margin: 0 auto;\n max-width: 100%;\n }\n .hero-img {\n padding: 0 0 24px !important;\n }\n .text {\n width: 100%;\n }\n .content {\n max-width: 600px;\n margin: 0 auto;\n background-color: #fff;\n }\n .go-to-app {\n font-size: 16px;\n color: #fff;\n }\n .logo-bottom {\n display: block;\n margin: 40px auto 0;\n max-width: 104px;\n height: 16px;\n }\n .credits {\n opacity: 0.5;\n font-size: 14px;\n line-height: 28px;\n margin: 32px 0;\n text-align: center;\n width: 100%;\n }\n .bottom-info {\n width: 100%;\n text-align: center;\n }\n .bottom-info a {\n margin: 0 16px;\n }\n .bottom-info a img {\n width: 40px;\n }\n .divider {\n width: 100%;\n height: 1px;\n background-color: #ddd;\n }\n .info {\n margin: 0;\n text-align: left;\n font-weight: 400;\n line-height: 140%;\n font-size: 16px;\n }\n`;\n\nconst ArrowButton = styled.button`\n border: 2px solid #0a4ed6;\n border-radius: 50%;\n height: 50px;\n width: 50px;\n background-color: transparent;\n position: fixed;\n top: 50%;\n transform: translateY(-50%);\n transition: background-color 0.2 ease;\n z-index: 50;\n display: flex;\n align-items: center;\n justify-content: center;\n &:disabled {\n opacity: 0.5;\n }\n &:disabled:hover {\n background-color: transparent;\n }\n &:hover {\n background-color: #fff;\n }\n &.right {\n right: 40px;\n }\n &.left {\n left: 40px;\n & img {\n transform: rotate(180deg);\n }\n }\n ${media.tablet} {\n height: 30px;\n width: 30px;\n top: 40px;\n min-width: 30px;\n min-height: 30px;\n &.left {\n left: 30px;\n }\n &.right {\n right: 30px;\n }\n }\n`;\n\nexport default (Content) => (props) => {\n // eslint-disable-next-line react/prop-types\n const { link, title, description } = props;\n const {\n allJavascriptFrontmatter: { edges },\n } = useStaticQuery(graphql`\n query SitePaths {\n allJavascriptFrontmatter(\n filter: { frontmatter: { link: { regex: \"/newsletters/\" } } }\n sort: { fields: frontmatter___date, order: DESC }\n ) {\n edges {\n node {\n frontmatter {\n link\n title\n }\n }\n next {\n frontmatter {\n link\n title\n }\n }\n previous {\n frontmatter {\n link\n title\n }\n }\n }\n }\n }\n `);\n const [page] = edges.filter((post) => post.node.frontmatter.link === link);\n return (\n \n \n \n navigate(\n page.previous !== null ? page.previous.frontmatter.link : page.node.frontmatter.link,\n )\n }\n disabled={page.previous === null}\n className=\"left\"\n >\n
\n \n \n \n \n navigate(page.next !== null ? page.next.frontmatter.link : page.node.frontmatter.link)\n }\n className=\"right\"\n disabled={page.next === null}\n >\n
\n \n \n \n \n \n \n \n \n \n \n | \n
\n \n
\n \n \n );\n};\n","import React from 'react';\nimport { graphql, useStaticQuery } from 'gatsby';\nimport Img from 'gatsby-image';\nimport styled from 'styled-components';\nimport NewsletterTemplate from 'templates/newsletter';\n\nconst Box = styled.div`\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n border-bottom: 1px solid #e4e5e8;\n & div {\n display: flex;\n flex-direction: column;\n text-align: center;\n padding: 10px;\n & .desc {\n padding: 10px 0 15px;\n margin-bottom: 0;\n }\n }\n`;\n\nconst Content = () => {\n const { timeline } = useStaticQuery(graphql`\n query {\n timeline: file(relativePath: { eq: \"timeline.png\" }) {\n childImageSharp {\n fluid(quality: 95) {\n ...GatsbyImageSharpFluid_withWebp\n }\n }\n }\n }\n `);\n return (\n
\n \n \n \n \n \n \n \n Hi,\n | \n \n \n \n \n 2019 was quite a year for LiveSession. Thank you for being with us!{' '}\n \n 🚀{' '}\n \n \n | \n \n \n \n \n Here’s what we’ve been up to and what we’ve learned:\n \n | \n \n \n \n \n \n \n ~5 million\n \n unique users tracked monthly \n \n \n \n 66 countries\n \n our customers came from \n \n \n \n 51 minutes\n \n average session length \n \n \n | \n \n \n \n \n We’ve introduced game-changing features throughout the year:\n \n \n | \n \n \n \n \n We’re happy that our work was recognized in the industry. We’ve been awarded\n the High Performer title by G2 – twice in a row!{' '}\n \n 🏅\n \n \n \n Leave a G2 review\n \n | \n \n \n \n \n And that’s not all: FinancesOnline honored us with the Rising Star and a\n Premium Usability Award{' '}\n \n 🏆\n \n \n | \n \n \n \n \n We’re also happy to see that you enjoy reading the{' '}\n \n LiveSession blog\n \n . Our latest articles have been features by{' '}\n \n UX Collective\n {' '}\n and{' '}\n \n Balsamiq\n \n . Stay tuned for more knowledge and insights!{' '}\n \n 🔎\n \n \n \n Check our blog\n \n | \n \n \n \n \n Here's to an even better 2020! See you around,\n \n | \n \n \n \n \n LiveSession Team 👋\n \n | \n \n \n \n | \n
\n \n
\n );\n};\n\nconst Newsletter = NewsletterTemplate(Content);\n\nexport const frontmatter = {\n title: '2019 in review – thank you for using LiveSession!',\n description: '2019 was quite a year for LiveSession. Thank you for being with us!',\n date: '2020-01-01',\n link: '/newsletters/january-2020/',\n};\n\nexport default () => ;\n"],"sourceRoot":""}