{"version":3,"sources":["webpack:///./src/pages/designers.js"],"names":["DesignerSection","data","className","fluid","imageFluid","style","marginBottom","title","expertise","instagram_id","href","facebook_id","facebook_display_name","DesignersPage","location","siteTitle","site","siteMetadata","keywords","designer_wei","childImageSharp","designer_yi","designer_pei","designer_apple","designer_andy","designer_wu","designer_qiaohui","designer_jf","props","query","render"],"mappings":"yIAAA,yFAUMA,GAVN,oBAUwB,SAAAC,GACtB,OACE,yBAAKC,UAAU,iCACb,yBAAKA,UAAU,SACb,kBAAC,IAAD,CAAKC,MAAOF,EAAKG,cAEnB,yBAAKF,UAAU,oCACb,uBAAGG,MAAO,CAAEC,aAAc,IACxB,0BAAMJ,UAAU,aACbD,EAAKM,MACN,8BAEF,qCACON,EAAKO,UACV,8BAEDP,EAAKQ,aACJ,2CACa,IACX,uBAAGC,KAAI,yBAA2BT,EAAKQ,cAAvC,IACIR,EAAKQ,cAET,8BAEA,KACHR,EAAKU,aAAeV,EAAKW,sBACxB,6CACe,IACb,uBAAGF,KAAI,wBAA0BT,EAAKU,aAAtC,IACIV,EAAKW,wBAGT,UAORC,EAAgB,SAAC,EAAUC,GAAc,IAAtBb,EAAqB,EAArBA,KACjBc,EAAYd,EAAKe,KAAKC,aAAaV,MAEzC,OACE,kBAAC,IAAD,CAAQA,MAAOQ,GACb,kBAAC,IAAD,CACER,MAAM,QACNW,SAAU,CAAC,OAAD,4EAeZ,6BAAShB,UAAU,uCACjB,yBAAKA,UAAU,qBACb,mCACA,kBAACF,EAAD,CACEI,WAAYH,EAAKkB,aAAaC,gBAAgBjB,MAC9CI,MAAM,SACNE,aAAa,UACbE,YAAY,kBACZC,sBAAsB,UACtBJ,UAAU,cAEZ,kBAACR,EAAD,CACEI,WAAYH,EAAKoB,YAAYD,gBAAgBjB,MAC7CI,MAAM,SACNE,aAAa,SACbE,YAAY,kBACZC,sBAAsB,SACtBJ,UAAU,SAEZ,kBAACR,EAAD,CACEI,WAAYH,EAAKqB,aAAaF,gBAAgBjB,MAC9CI,MAAM,SACNE,aAAa,UACbE,YAAY,eACZC,sBAAsB,eACtBJ,UAAU,eAEZ,kBAACR,EAAD,CACEI,WAAYH,EAAKsB,eAAeH,gBAAgBjB,MAChDI,MAAM,SACNE,aAAa,gBACbE,YAAY,kBACZC,sBAAsB,SACtBJ,UAAU,SAEZ,kBAACR,EAAD,CACEI,WAAYH,EAAKuB,cAAcJ,gBAAgBjB,MAC/CI,MAAM,SACNE,aAAa,mBACbE,YAAY,kBACZC,sBAAsB,SACtBJ,UAAU,eAEZ,kBAACR,EAAD,CACEI,WAAYH,EAAKwB,YAAYL,gBAAgBjB,MAC7CI,MAAM,cACNC,UAAU,eAEZ,kBAACR,EAAD,CACEI,WAAYH,EAAKyB,iBAAiBN,gBAAgBjB,MAClDI,MAAM,SACNC,UAAU,cAEZ,kBAACR,EAAD,CACEI,WAAYH,EAAK0B,YAAYP,gBAAgBjB,MAC7CI,MAAM,aACNE,aAAa,WACbD,UAAU,qBAkGP,mBAAAoB,GAAK,OAClB,kBAAC,cAAD,CACEC,MA5FY,YA6FZC,OAAQ,SAAA7B,GAAI,OACV,kBAACY,EAAD,eAAeC,SAAUc,EAAMd,SAAUb,KAAMA,GAAU2B","file":"component---src-pages-designers-js-2be04afeb9b75ec80846.js","sourcesContent":["import React from \"react\"\nimport { graphql, StaticQuery } from \"gatsby\"\nimport Img from \"gatsby-image\"\n\nimport Layout from \"../components/layout\"\nimport SEO from \"../components/seo\"\n\nimport \"../utils/normalize.css\"\nimport \"../utils/css/screen.css\"\n\nconst DesignerSection = data => {\n  return (\n    <div className=\"row bg-dark rounded mb-medium\">\n      <div className=\"col-5\">\n        <Img fluid={data.imageFluid} />\n      </div>\n      <div className=\"col flex flex-col justify-center\">\n        <p style={{ marginBottom: 0 }}>\n          <span className=\"font-bold\">\n            {data.title}\n            <br />\n          </span>\n          <span>\n            專長: {data.expertise}\n            <br />\n          </span>\n          {data.instagram_id ? (\n            <span>\n              instagram:{\" \"}\n              <a href={`https://instagram.com/${data.instagram_id}`}>\n                @{data.instagram_id}\n              </a>\n              <br />\n            </span>\n          ) : null}\n          {data.facebook_id && data.facebook_display_name ? (\n            <span>\n              facebook_id:{\" \"}\n              <a href={`https://facebook.com/${data.facebook_id}`}>\n                @{data.facebook_display_name}\n              </a>\n            </span>\n          ) : null}\n        </p>\n      </div>\n    </div>\n  )\n}\n\nconst DesignersPage = ({ data }, location) => {\n  const siteTitle = data.site.siteMetadata.title\n\n  return (\n    <Layout title={siteTitle}>\n      <SEO\n        title=\"設計師作品\"\n        keywords={[\n          `外國人風`,\n          `造型`,\n          `捲髮`,\n          `髮型師`,\n          `美容院`,\n          `美髮師`,\n          `台灣`,\n          `taiwan`,\n          `hairstyles`,\n          `台北燙髮`,\n          `可愛風`,\n          `年輕`,\n        ]}\n      />\n      <article className=\"post-content page-template no-image\">\n        <div className=\"post-content-body\">\n          <h1>設計師</h1>\n          <DesignerSection\n            imageFluid={data.designer_wei.childImageSharp.fluid}\n            title=\"1號  嘉偉\"\n            instagram_id=\"h.m_wei\"\n            facebook_id=\"114038976724368\"\n            facebook_display_name=\"h.m_wei\"\n            expertise=\"男生剪髮、洗護理療\"\n          />\n          <DesignerSection\n            imageFluid={data.designer_yi.childImageSharp.fluid}\n            title=\"2號  依蓉\"\n            instagram_id=\"h.m_yi\"\n            facebook_id=\"101205345429821\"\n            facebook_display_name=\"H.M_依蓉\"\n            expertise=\"洗護理療\"\n          />\n          <DesignerSection\n            imageFluid={data.designer_pei.childImageSharp.fluid}\n            title=\"3號  佩玲\"\n            instagram_id=\"h.m_pei\"\n            facebook_id=\"pei.cheng.18\"\n            facebook_display_name=\"HM-Pei Cheng\"\n            expertise=\"剪燙染造型、洗護理療\"\n          />\n          <DesignerSection\n            imageFluid={data.designer_apple.childImageSharp.fluid}\n            title=\"4號  蕙羽\"\n            instagram_id=\"h.m_apple0308\"\n            facebook_id=\"100109458874805\"\n            facebook_display_name=\"H.M_蕙羽\"\n            expertise=\"洗護理療\"\n          />\n          <DesignerSection\n            imageFluid={data.designer_andy.childImageSharp.fluid}\n            title=\"5號  恩蒂\"\n            instagram_id=\"h.m_andy.wu.9231\"\n            facebook_id=\"103223925221389\"\n            facebook_display_name=\"H.M_恩蒂\"\n            expertise=\"剪燙染造型、洗護理療\"\n          />\n          <DesignerSection\n            imageFluid={data.designer_wu.childImageSharp.fluid}\n            title=\"7號  吳老師（主任）\"\n            expertise=\"剪燙染造型、洗護理療\"\n          />\n          <DesignerSection\n            imageFluid={data.designer_qiaohui.childImageSharp.fluid}\n            title=\"8號  僑徽\"\n            expertise=\"男生剪髮、洗護理療\"\n          />\n          <DesignerSection\n            imageFluid={data.designer_jf.childImageSharp.fluid}\n            title=\"9號  佳芬（店長）\"\n            instagram_id=\"h.m.s_jf\"\n            expertise=\"女士剪燙染造型、洗護理療\"\n          />\n        </div>\n      </article>\n    </Layout>\n  )\n}\n\nconst indexQuery = graphql`\n  query {\n    site {\n      siteMetadata {\n        title\n      }\n    }\n    designer_wei: file(relativePath: { eq: \"designer_wei.jpg\" }) {\n      childImageSharp {\n        fluid(maxWidth: 500) {\n          ...GatsbyImageSharpFluid\n        }\n        original {\n          width\n        }\n      }\n    }\n    designer_yi: file(relativePath: { eq: \"designer_yi.jpg\" }) {\n      childImageSharp {\n        fluid(maxWidth: 500) {\n          ...GatsbyImageSharpFluid\n        }\n        original {\n          width\n        }\n      }\n    }\n    designer_pei: file(relativePath: { eq: \"designer_pei.jpg\" }) {\n      childImageSharp {\n        fluid(maxWidth: 500) {\n          ...GatsbyImageSharpFluid\n        }\n        original {\n          width\n        }\n      }\n    }\n    designer_apple: file(relativePath: { eq: \"designer_apple.jpg\" }) {\n      childImageSharp {\n        fluid(maxWidth: 500) {\n          ...GatsbyImageSharpFluid\n        }\n        original {\n          width\n        }\n      }\n    }\n    designer_andy: file(relativePath: { eq: \"designer_andy.jpg\" }) {\n      childImageSharp {\n        fluid(maxWidth: 500) {\n          ...GatsbyImageSharpFluid\n        }\n        original {\n          width\n        }\n      }\n    }\n    designer_wu: file(relativePath: { eq: \"designer_wu.jpg\" }) {\n      childImageSharp {\n        fluid(maxWidth: 500) {\n          ...GatsbyImageSharpFluid\n        }\n        original {\n          width\n        }\n      }\n    }\n    designer_qiaohui: file(relativePath: { eq: \"designer_qiaohui.jpg\" }) {\n      childImageSharp {\n        fluid(maxWidth: 500) {\n          ...GatsbyImageSharpFluid\n        }\n        original {\n          width\n        }\n      }\n    }\n    designer_jf: file(relativePath: { eq: \"designer_jf.jpg\" }) {\n      childImageSharp {\n        fluid(maxWidth: 500) {\n          ...GatsbyImageSharpFluid\n        }\n        original {\n          width\n        }\n      }\n    }\n  }\n`\n\nexport default props => (\n  <StaticQuery\n    query={indexQuery}\n    render={data => (\n      <DesignersPage location={props.location} data={data} {...props} />\n    )}\n  />\n)\n"],"sourceRoot":""}