{"version":3,"sources":["webpack:///./src/components/PageTitle.js","webpack:///./src/components/Container.js","webpack:///./src/components/PageBody.js","webpack:///./src/components/UnderConstruction.js","webpack:///./src/templates/page.js"],"names":["Title","props","small","theme","colors","text","highlight","PageTitle","children","Wrapper","fullHeight","sizes","maxWidth","customPadding","background","wideWidth","Container","require","Body","maxWidthCentered","secondary","PageBody","dangerouslySetInnerHTML","__html","body","childMarkdownRemark","html","PageContainer","TitleHeader","responsive","InfoBannerSection","TitleContainer","MessageContainer","DetailsDesc","StyledImg","Img","PlaceholderImage","filename","width","query","render","data","className","fixed","childImageSharp","layout","UnderConstruction","title","padding","PageTemplate","contentfulPage","metaDescription","Layout","SEO","description","internal","content","excerpt"],"mappings":"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","file":"component---src-templates-page-js-420491c76e5f319aa9f8.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'\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 PageBody = props => {\n  return (\n    <Body\n      dangerouslySetInnerHTML={{ __html: props.body.childMarkdownRemark.html }}\n    />\n  )\n}\n\nexport default PageBody\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 { graphql } from 'gatsby'\nimport Layout from '../components/Layout'\nimport Container from '../components/Container'\nimport PageTitle from '../components/PageTitle'\nimport PageBody from '../components/PageBody'\nimport UnderConstruction from '../components/UnderConstruction'\nimport SEO from '../components/SEO'\n\nconst PageTemplate = ({ data }) => {\n  const { title, metaDescription, body } = data.contentfulPage\n  return (\n    <Layout>\n      <SEO\n        title={title}\n        description={\n          metaDescription\n            ? metaDescription.internal.content\n            : body.childMarkdownRemark.excerpt\n        }\n      />\n      <Container wideWidth fullHeight customPadding={`0`}>\n        <UnderConstruction title={title} />\n        {/* <PageTitle>{title}</PageTitle> */}\n        {/* <PageBody body={body} /> */}\n      </Container>\n    </Layout>\n  )\n}\n\nexport const query = graphql`\n  query($slug: String!) {\n    contentfulPage(slug: { eq: $slug }) {\n      title\n      slug\n      metaDescription {\n        internal {\n          content\n        }\n      }\n      body {\n        childMarkdownRemark {\n          html\n          excerpt(pruneLength: 320)\n        }\n      }\n    }\n  }\n`\n\nexport default PageTemplate\n"],"sourceRoot":""}