{"version":3,"sources":["webpack:///./src/components/PageTitle.js","webpack:///./src/components/Container.js","webpack:///./src/components/UnderConstruction.js","webpack:///./src/pages/notice/column.js","webpack:///./src/components/BodyPlaceholder.js"],"names":["Title","props","small","theme","colors","text","highlight","PageTitle","children","Wrapper","fullHeight","sizes","maxWidth","customPadding","background","wideWidth","Container","PageContainer","TitleHeader","responsive","InfoBannerSection","TitleContainer","MessageContainer","DetailsDesc","StyledImg","Img","PlaceholderImage","filename","width","query","render","data","className","fixed","childImageSharp","layout","UnderConstruction","title","padding","Column","description","require","maxWidthCentered","secondary"],"mappings":"oIAGMA,EAAK,oDACI,SAAAC,GAAK,OAAKA,EAAMC,MAAQ,MAAQ,QADpC,0FAMC,SAAAD,GAAK,OAAKA,EAAMC,MAAQ,gBAAkB,eAN3C,2EAaE,SAAAD,GAAK,OAAIA,EAAME,MAAMC,OAAOC,OAb9B,mBAeI,SAAAJ,GAAK,OAAIA,EAAME,MAAMC,OAAOE,YAfhC,OAwBIC,IAJG,SAAAN,GAChB,OAAO,YAACD,EAAD,CAAOE,MAAOD,EAAMC,OAAQD,EAAMO,Y,0ECrBrCC,EAAO,oFAGD,SAAAR,GAAK,OAAIA,EAAMS,WAAN,mBAHR,eAIE,SAAAT,GAAK,OAAIA,EAAME,MAAMQ,MAAMC,WAJ7B,aAKA,SAAAX,GAAK,OAAIA,EAAMY,cAAgBZ,EAAMY,cAA5B,kBALT,4BAOG,SAAAZ,GAAK,OACjBA,EAAMa,WAAab,EAAME,MAAMC,OAAOH,EAAMa,YAAc,YARjD,wDAUQ,SAAAb,GAAK,OAAKA,EAAMc,UAAY,EAAI,UAVxC,kBAWO,SAAAd,GAAK,OAAKA,EAAMc,UAAY,EAAI,UAXvC,MA4BEC,IAbG,SAAAf,GAChB,OACE,YAACQ,EAAD,CACEK,WAAYb,EAAMa,WAClBC,UAAWd,EAAMc,UACjBL,WAAYT,EAAMS,WAClBG,cAAeZ,EAAMY,eAEpBZ,EAAMO,Y,6GCrBPS,EAAa,gJAMbC,EAAW,2NAQP,SAAAjB,GAAK,OAAIA,EAAME,MAAMC,OAAOC,OARrB,kCASgB,SAAAJ,GAAK,OAAIA,EAAME,MAAMgB,WAAWjB,QAThD,yCAeXkB,EAAiB,2PAOU,SAAAnB,GAAK,OAAIA,EAAME,MAAMgB,WAAWjB,QAP1C,wBAWjBmB,EAAc,qIAMdC,EAAgB,2MAShBC,EAAW,mRAaXC,EAAY,YAAOC,IAAP,sBAAH,gEAKTC,EAAmB,SAAC,GAAyB,IAAvBC,EAAsB,EAAtBA,SAAUC,EAAY,EAAZA,MACrC,OACC,YAAC,cAAD,CACCC,MAAK,aAWLC,OAAQ,SAAAC,GAAI,OACX,YAACP,EAAD,CACCQ,UAAU,mBACVC,MAAOF,EAAK,GAAGJ,GAAYO,gBAAgBD,MAC3CL,MAAOA,EACFO,OAAO,oBAwBFC,IAlBW,SAAC,GAAa,IAAZC,EAAW,EAAXA,MAC1B,OACE,YAACpB,EAAD,KACE,YAACG,EAAD,CAAmBkB,QAAS,GAC1B,YAACjB,EAAD,KACE,YAACH,EAAD,KACGmB,KAIP,YAACf,EAAD,KACI,YAACI,EAAD,CAAkBC,SAAU,qBAAsBC,MAAO,KACzD,YAACL,EAAD,wB,kCC3GV,qGAuBegB,UAfA,SAAC,GAAa,EAAXR,KAChB,OACE,YAAC,IAAD,KACE,YAAC,IAAD,CAAKM,MAAM,yBAAyBG,YAAY,8BAC9C,YAAC,IAAD,CAAmBH,MAAK,qB,6FCVhCI,EAAQ,QAEE,mEAEK,SAAAxC,GAAK,OAAIA,EAAME,MAAMQ,MAAM+B,mBAFhC,mNA6BG,SAAAzC,GAAK,OAAIA,EAAME,MAAMC,OAAOC,OA7B/B,mBA+BK,SAAAJ,GAAK,OAAIA,EAAME,MAAMC,OAAOE,YA/BjC,2UA0EU,SAAAL,GAAK,OAAIA,EAAME,MAAMC,OAAOuC,YA1EtC,0EAgFmB,SAAA1C,GAAK,OAAIA,EAAME,MAAMC,OAAOuC,YAhF/C,4EAuFQ,SAAA1C,GAAK,OAAIA,EAAME,MAAMC,OAAOuC,YAvFpC","file":"component---src-pages-notice-column-js-34cf090c86ef527d72af.js","sourcesContent":["import React from 'react'\nimport styled from '@emotion/styled'\n\nconst Title = styled.h1`\n  font-size: ${props => (props.small ? '2em' : '3em')};\n  text-transform: capitalize;\n  font-weight: 600;\n  text-align: center;\n  margin: 0 0 3rem 0;\n  margin: ${props => (props.small ? '1rem 0 4rem 0' : '0 0 3rem 0')};\n  line-height: 1.2;\n  span {\n    margin: 0 0 0 0.25em;\n  }\n  a {\n    transition: all 0.2s;\n    color: ${props => props.theme.colors.text};\n    &:hover {\n      color: ${props => props.theme.colors.highlight};\n    }\n  }\n`\n\nconst PageTitle = props => {\n  return <Title small={props.small}>{props.children}</Title>\n}\n\nexport default PageTitle\n","import React from 'react'\nimport styled from '@emotion/styled'\n\nconst Wrapper = styled.section`\n  margin: 0 auto auto;\n  width: 100%;\n  height: ${props => props.fullHeight ? `100%` : `initial`};\n  max-width: ${props => props.theme.sizes.maxWidth};\n  padding: ${props => props.customPadding ? props.customPadding : `3em 1.5em 2em`};\n  flex-grow: 1;\n  background: ${props =>\n    props.background ? props.theme.colors[props.background] : 'initial'};\n  @media screen and (max-width: 1800px) {\n    padding-right: ${props => (props.wideWidth ? 0 : '1.5em')};\n    padding-left: ${props => (props.wideWidth ? 0 : '1.5em')};\n  }\n`\n\nconst Container = props => {\n  return (\n    <Wrapper \n      background={props.background}\n      wideWidth={props.wideWidth}\n      fullHeight={props.fullHeight}\n      customPadding={props.customPadding}\n    >\n      {props.children}\n    </Wrapper>\n  )\n}\n\nexport default Container\n","import React from 'react'\nimport styled from '@emotion/styled'\nimport Img from 'gatsby-image'\nimport { graphql, StaticQuery } from 'gatsby'\n\nconst PageContainer = styled.div`\n  display: flex;\n  flex-direction: column;\n  background: rgba(35,37,40,0.1);\n  height: 100%;\n`\nconst TitleHeader = styled.h1`\n\tword-break: keep-all;\n\tfont-family: \"Apple SD Gothic Neo Bold\", \"Apple SD Gothic Neo\";\n\talign-items: center;\n  font-size: 2.75em;\n\tfont-weight: 700;\n  text-align: center;\n\tline-height: 2.5rem;\n\tcolor: ${props => props.theme.colors.text};\n\t@media screen and (max-width: ${props => props.theme.responsive.small}) {\n\t\tfont-size: 2em;\n\t\tline-height: 2.25rem;\n\t}\n`\n// Banner Section\nconst InfoBannerSection = styled.section`\n  display: flex;\n\tflex-direction: column;\n  justify-content: center;\n  align-items: center;\n  padding: 5rem 0;\n  background: ${`linear-gradient(315deg, rgba(188,224,244,0.55) 0%, #ECFFE9 100%)`};\n\t@media screen and (max-width: ${props => props.theme.responsive.small}) {\n\t\tpadding: 3.5rem 0;\n\t}\n`\nconst TitleContainer = styled.div`\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  width: 100%;\n`\nconst MessageContainer = styled.div`\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  height: 100%;\n  min-height: 24rem;\n  background: rgba(35,37,40,0.1);\n`\nconst DetailsDesc = styled.div`\n  word-break: keep-all;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: fit-content;\n  font-family: \"Apple SD Gothic Neo\";\n  font-size: 1.5em;\n  line-height: 1.4rem;\n  margin: 2.5rem auto;\n  color: #5B6369;\n`\nconst StyledImg = styled(Img)`\n  display: flex;\n  width: 100%;\n  height: 100%;\n`\nconst PlaceholderImage = ({ filename, width }) => {\n\treturn (\n\t\t<StaticQuery\n\t\t\tquery={graphql`\n\t\t\t\tquery {\n\t\t\t\t\tunder_construction: file(relativePath: { eq: \"under_construction.png\" }) {\n\t\t\t\t\t\tchildImageSharp {\n\t\t\t\t\t\t\tfixed(width: 350, height: 350, quality: 85) {\n\t\t\t\t\t\t\t\t...GatsbyImageSharpFixed\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n        }\n\t\t\t`}\n\t\t\trender={data => (\n\t\t\t\t<StyledImg\n\t\t\t\t\tclassName=\"PlaceholderImage\"\n\t\t\t\t\tfixed={data[`${filename}`].childImageSharp.fixed}\n\t\t\t\t\twidth={width}\n          layout=\"constrained\"\n\t\t\t\t/>\n\t\t\t)}\n\t\t/>\n\t)\n}\nconst UnderConstruction = ({title}) => {\n  return (\n    <PageContainer>\n      <InfoBannerSection padding={0}>\n        <TitleContainer>\n          <TitleHeader>\n            {title}\n          </TitleHeader>\n        </TitleContainer>\n\t\t\t</InfoBannerSection>\n      <MessageContainer>\n          <PlaceholderImage filename={\"under_construction\"} width={50} />\n          <DetailsDesc>{`현재 준비 중입니다.`}</DetailsDesc>\n      </MessageContainer>\n    </PageContainer>\n  )\n}\n\nexport default UnderConstruction\n","import React from 'react'\nimport Layout from '../../components/Layout'\nimport Container from '../../components/Container'\nimport PageTitle from '../../components/PageTitle'\nimport BodyPlaceholder from '../../components/BodyPlaceholder'\nimport UnderConstruction from '../../components/UnderConstruction'\nimport SEO from '../../components/SEO'\n\nconst Column = ({ data }) => {\n  return (\n    <Layout>\n      <SEO title=\"죠이플 창(窓) | 소식 - 죠이플 교회\" description=\"Joyful Church newsletters\" />\n        <UnderConstruction title={`소식 / 죠이플 창(窓)`} />\n    </Layout>\n    // <Layout>\n    //   <Container>\n    //     <PageTitle>죠이플 창(窓)</PageTitle>\n    //     <BodyPlaceholder body={`<div>소식 / 죠이플 창(窓)</div>`} />\n    //   </Container>\n    // </Layout>\n  )\n}\n\nexport default Column\n","import React from 'react'\nimport styled from '@emotion/styled'\nrequire('prismjs/themes/prism.css')\n\nconst Body = styled.div`\n  margin: 0 auto;\n  max-width: ${props => props.theme.sizes.maxWidthCentered};\n  h1,\n  h2,\n  h3 {\n    font-weight: 600;\n    line-height: 1.25;\n    margin: 0 0 1rem 0;\n    text-transform: capitalize;\n  }\n\n  h1 {\n    font-size: 1.5em;\n  }\n  h2 {\n    font-size: 1.25em;\n  }\n  h3 {\n    font-size: 1em;\n  }\n\n  p {\n    line-height: 1.6;\n    margin: 0 0 2em 0;\n  }\n\n  a {\n    transition: 0.2s;\n    color: ${props => props.theme.colors.text};\n    &:hover {\n      color: ${props => props.theme.colors.highlight};\n    }\n  }\n\n  del {\n    text-decoration: line-through;\n  }\n  strong {\n    font-weight: 600;\n  }\n  em {\n    font-style: italic;\n  }\n\n  ul,\n  ol {\n    margin: 0 0 2em 0;\n  }\n\n  ul {\n    li {\n      list-style: disc;\n      list-style-position: inside;\n      line-height: 1.25;\n      &:last-child {\n        margin: 0;\n      }\n    }\n  }\n\n  ol {\n    li {\n      list-style: decimal;\n      list-style-position: inside;\n      line-height: 1.25;\n      &:last-child {\n        margin: 0;\n      }\n    }\n  }\n\n  hr {\n    border-style: solid;\n    border-color: ${props => props.theme.colors.secondary};\n    margin: 0 0 2em 0;\n  }\n\n  blockquote {\n    font-style: italic;\n    border-left: 4px solid ${props => props.theme.colors.secondary};\n    padding: 0 0 0 0.5em;\n  }\n\n  pre {\n    margin: 0 0 2em 0;\n    border-radius: 2px;\n    background: ${props => props.theme.colors.secondary} !important;\n    span {\n      background: inherit !important;\n    }\n  }\n`\n\nconst BodyPlaceholder = props => {\n  return (\n    <Body\n      dangerouslySetInnerHTML={{'__html': props.body}}\n    />\n  )\n}\n\nexport default BodyPlaceholder\n"],"sourceRoot":""}