{"version":3,"sources":["webpack:///./src/components/molecules/MobileSketchHeading.js","webpack:///./src/components/atoms/H3.js","webpack:///./src/components/molecules/HelmetHelper.js","webpack:///./src/components/atoms/Page.js","webpack:///./src/components/atoms/SubTitle.js","webpack:///./src/templates/events-page.js","webpack:///./src/components/organisms/NewsletterShout.js"],"names":["MobileSketchHeading","title","sketchType","style","marginTop","center","type","hideAboveMobile","h3Mixin","css","crimsonTextFont","H3","styled","h3","margin","HelmetHelper","metaDescription","titleTemplate","name","content","Page","main","media","aboveMobile","SubTitle","div","theme","red","Event","EventsPageTemplate","events","NewsletterShout","Container","narrow","length","map","event","key","Date","date","toLocaleDateString","weekday","year","month","day","time","description","EventsPage","post","data","markdownRemark","frontmatter","NewsletterShoutWrapper","belowMobile","NewsletterShoutHeading","NewsletterShoutIcon","newsletterIcon","large","openSignupModal","useNewsletterSignup","className","as","size","onClick"],"mappings":"uKAaeA,IAPa,SAAC,GAAD,IAAEC,EAAF,EAAEA,MAAOC,EAAT,EAASA,WAAT,OAC1B,yBACE,kBAAC,IAAD,CAAQC,MAAO,CAACC,UAAW,IAAKC,QAAM,EAACC,KAAMJ,IAC7C,2BAAS,wBAAyBD,K,8HAF1BM,K,wLCPZ,8DAGaC,EAAUC,cAAH,+EAChBC,KAOEC,EAAKC,UAAOC,GAAV,yDAAGD,CAAH,gBACJJ,GACA,qBAAEH,QAAsB,yBACxB,oBAAES,OAAF,wBAAiC,gBAGtBH,O,oCCjBf,qCASeI,IANM,SAAC,GAAD,IAAEd,EAAF,EAAEA,MAAOe,EAAT,EAASA,gBAAT,OACnB,kBAAC,IAAD,CAAQC,cAAc,iDACpB,+BAAQhB,GACR,0BAAMiB,KAAK,cAAcC,QAASH,O,4ECHhCI,EAAOR,UAAOS,KAAV,2DAAGT,CAAH,2BAENU,IAAMC,YAFA,yDAOKH,O,iICHAI,EALEZ,UAAOa,IAAV,+DAAGb,CAAH,kCACH,qBAAEc,MAAiBC,O,wECSxBC,EAAQhB,UAAOa,IAAV,yEAAGb,CAAH,uDAOEiB,EAAqB,SAAC,GAAc,IAAbC,EAAY,EAAZA,OAClC,OACE,kBAACV,EAAA,EAAD,KACE,kBAACL,EAAA,EAAD,CACEd,MAAM,SACNe,gBAAgB,uLAElB,kBAACe,EAAA,EAAD,MACA,kBAACC,EAAA,EAAD,CAAWC,QAAM,GACf,kBAACjC,EAAA,EAAD,CAAqBC,MAAM,SAASC,WAAW,WAC9C4B,GAAUA,EAAOI,OACdJ,EAAOK,KAAI,SAAAC,GAAK,OACd,kBAACR,EAAD,CAAOS,IAAKD,EAAMnC,OAChB,kBAACU,EAAA,EAAD,KAAKyB,EAAMnC,OACX,2BAAe,kBACZ,IAAIqC,KAAKF,EAAMG,MAAMC,mBAAmB,UAAW,CAClDC,QAAS,OACTC,KAAM,UACNC,MAAO,OACPC,IAAK,YAENR,EAAMS,MAAN,KAAmBT,EAAMS,MAE5B,6BAAMT,EAAMU,iBAGhB,uD,GAYGC,UANI,SAAC,GAAY,IACPC,EADM,EAAVC,KACZC,eAEP,OAAO,kBAAC,EAAD,CAAoBpB,OAAQkB,EAAKG,YAAYrB,U,wTCtChDsB,EAAyBxC,UAAOa,IAAV,6FAAGb,CAAH,uXAiCxBU,IAAM+B,YAjCkB,mDAsCtBC,EAAyB1C,UAAOC,GAAV,6FAAGD,CAAH,qGAExBF,KASE6C,EAAsB3C,UAAOa,IAAV,0FAAGb,CAAH,4JAEC4C,KAmCXzB,IAzBS,SAAC,GAAqB,IAAD,IAAnB0B,aAAmB,SACpCC,EAAmBC,cAAnBD,gBAEP,OACE,kBAAC,IAAD,KACE,kBAACN,EAAD,CAAwBQ,UAAWH,EAAQ,QAAU,IACnD,kBAACF,EAAD,MACA,kBAACD,EAAD,2CAGA,kBAAC,IAAD,CACEM,UAAU,wBACVC,GAAG,IACHC,KAAK,KACLC,QAAS,WACPL,MALJ","file":"component---src-templates-events-page-js-55bf75675c45ebecfaaf.js","sourcesContent":["import React from 'react'\n\nimport {hideAboveMobile} from '../../styles/mixins'\nimport Sketch from '../atoms/Sketch'\nimport H2 from '../atoms/H2'\n\nconst MobileSketchHeading = ({title, sketchType}) => (\n  <div css={hideAboveMobile}>\n    <Sketch style={{marginTop: 48}} center type={sketchType} />\n    <H2 css={'margin: 38px 0 48px;'}>{title}</H2>\n  </div>\n)\n\nexport default MobileSketchHeading\n","import styled, {css} from 'styled-components'\nimport {crimsonTextFont} from '../../styles/mixins'\n\nexport const h3Mixin = css`\n  ${crimsonTextFont}\n  font-size: 16px;\n  line-height: 1;\n  letter-spacing: -0.5px;\n  margin: 48px 0 24px;\n`\n\nconst H3 = styled.h3`\n  ${h3Mixin}\n  ${({center}) => center && 'text-align: center;'}\n  ${({margin = false}) => !margin && 'margin: 0;'}\n`\n\nexport default H3\n","import React from 'react'\nimport {Helmet} from 'react-helmet'\n\nconst HelmetHelper = ({title, metaDescription}) => (\n  <Helmet titleTemplate=\"Amanda Brookfield, Best-Selling Novelist | %s\">\n    <title>{title}</title>\n    <meta name=\"description\" content={metaDescription} />\n  </Helmet>\n)\nexport default HelmetHelper\n","import styled from 'styled-components'\nimport media from '../../styles/mediaQueries'\n\nconst Page = styled.main`\n  margin-bottom: 48px;\n  ${media.aboveMobile`\n    margin-bottom: 72px;\n  `}\n`\n\nexport default Page\n","import styled from 'styled-components'\n\nconst SubTitle = styled.div`\n  color: ${({theme}) => theme.red};\n  font-style: italic;\n`\n\nexport default SubTitle\n","import React from 'react'\nimport {graphql} from 'gatsby'\nimport styled from 'styled-components'\n\nimport SubTitle from '../components/atoms/SubTitle'\nimport Page from '../components/atoms/Page'\nimport H3 from '../components/atoms/H3'\nimport Container from '../components/atoms/Container'\nimport MobileSketchHeading from '../components/molecules/MobileSketchHeading'\nimport HelmetHelper from '../components/molecules/HelmetHelper'\nimport NewsletterShout from '../components/organisms/NewsletterShout'\n\nconst Event = styled.div`\n  margin-bottom: 24px;\n  &:last-child {\n    margin-bottom: 0;\n  }\n`\n\nexport const EventsPageTemplate = ({events}) => {\n  return (\n    <Page>\n      <HelmetHelper\n        title=\"Events\"\n        metaDescription=\"Get up-to-date news of my latest book events and public appearances. Come and meet me and my amazing dog, Mabel, for signings of my new memoir bestseller ‘For the Love of a Dog.’\"\n      />\n      <NewsletterShout />\n      <Container narrow>\n        <MobileSketchHeading title=\"Events\" sketchType=\"events\" />\n        {events && events.length\n          ? events.map(event => (\n              <Event key={event.title}>\n                <H3>{event.title}</H3>\n                <SubTitle css={'margin: 8px 0;'}>\n                  {new Date(event.date).toLocaleDateString('default', {\n                    weekday: 'long',\n                    year: 'numeric',\n                    month: 'long',\n                    day: '2-digit',\n                  })}\n                  {event.time && `, ${event.time}`}\n                </SubTitle>\n                <div>{event.description}</div>\n              </Event>\n            ))\n          : 'No events planned at the moment, check back later'}\n      </Container>\n    </Page>\n  )\n}\n\nconst EventsPage = ({data}) => {\n  const {markdownRemark: post} = data\n\n  return <EventsPageTemplate events={post.frontmatter.events} />\n}\n\nexport default EventsPage\n\nexport const eventPageQuery = graphql`\n  query EventsPage($id: String!) {\n    markdownRemark(id: {eq: $id}) {\n      html\n      frontmatter {\n        events {\n          title\n          date\n          time\n          description\n        }\n      }\n    }\n  }\n`\n","import React from 'react'\nimport styled from 'styled-components'\nimport SketchButton from '../atoms/SketchButton'\nimport Container from '../atoms/Container'\nimport {crimsonTextFont} from '../../styles/mixins'\nimport useNewsletterSignup from '../../hooks/useNewsletterSignup'\n\nimport newsletterIcon from '../../img/newsletter.svg'\nimport media from '../../styles/mediaQueries'\n\n// cool blue - rgba(20, 90, 156, 0.76);\n// awesome purple - rgba(64, 20, 156, 0.66);\n// sick green - rgba(20, 156, 61, 0.8);\n// epic yellow - rgba(251, 196, 33, 0.85);\n// blazing red - rgb(186, 57, 57);\n\nconst NewsletterShoutWrapper = styled.div`\n  position: relative;\n  background-color: #8164be;\n  display: flex;\n  align-items: center;\n  padding: 16px;\n  justify-content: space-between;\n  max-width: 616px;\n  margin: -48px auto 66px;\n\n  .newsletter-shout__cta {\n    margin: 0 12px;\n    width: auto;\n    font-size: 16px;\n    padding: 0 23px;\n\n    & > * {\n      color: #333;\n    }\n\n    path {\n      stroke: #fff;\n      fill: #fff;\n    }\n  }\n\n  &.large {\n    padding: 32px;\n    justify-content: space-around;\n    max-width: none;\n    margin: 0 auto 66px;\n  }\n\n  ${media.belowMobile`\n    display: none;\n  `}\n`\n\nconst NewsletterShoutHeading = styled.h3`\n  position: relative;\n  ${crimsonTextFont}\n  text-align: left;\n  color: #fff;\n  margin: 0 12px;\n  font-size: 20px;\n  z-index: 1;\n  top: 2px;\n`\n\nconst NewsletterShoutIcon = styled.div`\n  position: absolute;\n  background-image: url(${newsletterIcon});\n  background-size: auto 63%;\n  width: 100%;\n  left: 0;\n  height: 100%;\n  background-position: 5% center;\n  opacity: 0.3;\n  z-index: 0;\n`\n\nconst NewsletterShout = ({large = false}) => {\n  const {openSignupModal} = useNewsletterSignup()\n\n  return (\n    <Container>\n      <NewsletterShoutWrapper className={large ? 'large' : ''}>\n        <NewsletterShoutIcon />\n        <NewsletterShoutHeading>\n          Did you know, I have a Newsletter?\n        </NewsletterShoutHeading>\n        <SketchButton\n          className=\"newsletter-shout__cta\"\n          as=\"a\"\n          size=\"xl\"\n          onClick={() => {\n            openSignupModal()\n          }}\n        >\n          Subscribe\n        </SketchButton>\n      </NewsletterShoutWrapper>\n    </Container>\n  )\n}\n\nexport default NewsletterShout\n"],"sourceRoot":""}