{"version":3,"sources":["webpack:///./src/components/employee.js","webpack:///./src/components/employees.js","webpack:///./src/pages/about.js"],"names":["Employee","props","_ref","siteTitle","image","name","role","mail","phone","jsx","StaticQuery","query","render","data","css","MobileRule","width","minWidth","maxWidth","marginBottom","display","justifyContent","alignItems","flexDirection","Img","fixed","placeholder","childImageSharp","color","fontSize","fontWeight","marginTop","textDecoration","href","Employees","_React$Component","apply","arguments","_inheritsLoose","prototype","padding","margin","textAlign","flexWrap","linda","therese","sandra","petra","jennie","frida","aida","mikaela","React","Component","AboutPage","createElement","Layout","isAbout","SEO","title","Jobs","Contact"],"mappings":"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","file":"component---src-pages-about-js-c6efc2fe626eb8c09274.js","sourcesContent":["import React from \"react\"\r\nimport Img from \"gatsby-image/withIEPolyfill\"\r\nimport { MobileRule } from \"../constants\"\r\nimport { StaticQuery, graphql } from \"gatsby\"\r\n/** @jsx jsx */\r\nimport { jsx } from \"@emotion/core\"\r\n\r\nconst Employee = (props, { siteTitle }) => {\r\n  const { image, name, role, mail, phone } = props\r\n\r\n  return (\r\n    <StaticQuery\r\n      query={graphql`\r\n        query {\r\n          placeholder: file(\r\n            relativePath: { eq: \"employees/placeholder-employee.jpg\" }\r\n          ) {\r\n            childImageSharp {\r\n              fixed(width: 260, quality: 100) {\r\n                ...GatsbyImageSharpFixed_withWebp_noBase64\r\n              }\r\n            }\r\n          }\r\n        }\r\n      `}\r\n      render={data => (\r\n        <div\r\n          css={{\r\n            [MobileRule]: {\r\n              width: \"auto\",\r\n              minWidth: \"inherit\",\r\n              maxWidth: \"200px\",\r\n            },\r\n            minWidth: \"280px\",\r\n            width: \"33%\",\r\n            marginBottom: \"4rem\",\r\n            display: \"flex\",\r\n            justifyContent: \"center\",\r\n            alignItems: \"center\",\r\n            flexDirection: \"column\",\r\n          }}\r\n        >\r\n          <Img\r\n            fixed={image ? image : data.placeholder.childImageSharp.fixed}\r\n          />\r\n          <p\r\n            css={{\r\n              color: \"#FF8479\",\r\n              fontSize: \"14px\",\r\n              marginBottom: 0,\r\n              fontWeight: 600,\r\n            }}\r\n          >\r\n            {role}\r\n          </p>\r\n          <p css={{ fontWeight: 600, fontSize: \"14px\", marginTop: \"0.25rem\" }}>\r\n            {name}\r\n          </p>\r\n          <a\r\n            css={{ textDecoration: \"none\", color: \"#323943\", fontSize: \"14px\" }}\r\n            href={`mailto:${props.mail}`}\r\n          >\r\n            {mail}\r\n          </a>\r\n          <p\r\n            css={{\r\n              [\"a\"]: {\r\n                textDecoration: \"none\",\r\n                color: \"#323943\",\r\n                fontSize: \"14px\",\r\n              },\r\n              fontSize: \"14px\",\r\n              marginTop: \"0.25rem\",\r\n            }}\r\n          >\r\n            <a href={`tel:${phone}`}>{phone}</a>\r\n          </p>\r\n        </div>\r\n      )}\r\n    />\r\n  )\r\n}\r\n\r\nexport default Employee\r\n","import React from \"react\"\r\nimport Employee from \"./employee\"\r\nimport { StaticQuery, graphql } from \"gatsby\"\r\nimport { MobileRule } from \"../constants\"\r\n\r\n/** @jsx jsx */\r\nimport { jsx } from \"@emotion/core\"\r\n\r\nclass Employees extends React.Component {\r\n  render() {\r\n    return (\r\n      <StaticQuery\r\n        query={graphql`\r\n          query {\r\n            jennie: file(relativePath: { eq: \"employees/jennie.jpg\" }) {\r\n              childImageSharp {\r\n                fixed(width: 260, quality: 100) {\r\n                  ...GatsbyImageSharpFixed_withWebp_noBase64\r\n                }\r\n              }\r\n            }\r\n            linda: file(relativePath: { eq: \"employees/linda.jpg\" }) {\r\n              childImageSharp {\r\n                fixed(width: 260, quality: 100) {\r\n                  ...GatsbyImageSharpFixed_withWebp_noBase64\r\n                }\r\n              }\r\n            }\r\n            petra: file(relativePath: { eq: \"employees/petra.jpg\" }) {\r\n              childImageSharp {\r\n                fixed(width: 260, quality: 100) {\r\n                  ...GatsbyImageSharpFixed_withWebp_noBase64\r\n                }\r\n              }\r\n            }\r\n            frida: file(relativePath: { eq: \"employees/frida.jpg\" }) {\r\n              childImageSharp {\r\n                fixed(width: 260, quality: 100) {\r\n                  ...GatsbyImageSharpFixed_withWebp_noBase64\r\n                }\r\n              }\r\n            }\r\n            therese: file(relativePath: { eq: \"employees/therese.jpg\" }) {\r\n              childImageSharp {\r\n                fixed(width: 260, quality: 100) {\r\n                  ...GatsbyImageSharpFixed_withWebp_noBase64\r\n                }\r\n              }\r\n            }\r\n            sandra: file(relativePath: { eq: \"employees/sandra.jpg\" }) {\r\n              childImageSharp {\r\n                fixed(width: 260, quality: 100) {\r\n                  ...GatsbyImageSharpFixed_withWebp_noBase64\r\n                }\r\n              }\r\n            }\r\n            aida: file(relativePath: { eq: \"employees/aida.jpg\" }) {\r\n              childImageSharp {\r\n                fixed(width: 260, quality: 100) {\r\n                  ...GatsbyImageSharpFixed_withWebp_noBase64\r\n                }\r\n              }\r\n            }\r\n            mikaela: file(relativePath: { eq: \"employees/mikaela.jpg\" }) {\r\n              childImageSharp {\r\n                fixed(width: 260, quality: 100) {\r\n                  ...GatsbyImageSharpFixed_withWebp_noBase64\r\n                }\r\n              }\r\n            }\r\n          }\r\n        `}\r\n        render={data => (\r\n          <section\r\n            css={{\r\n              padding: \"70px 4rem 1rem 4rem\",\r\n              [MobileRule]: { padding: \"2rem 2.5rem 4rem 2.5rem\" },\r\n            }}\r\n          >\r\n            <div\r\n              css={{\r\n                margin: \"auto\",\r\n                display: \"flex\",\r\n                flexDirection: \"column\",\r\n                justifyContent: \"center\",\r\n                maxWidth: \"560px\",\r\n              }}\r\n            >\r\n              <h2\r\n                css={{\r\n                  textAlign: \"center\",\r\n                  fontSize: \"2rem\",\r\n                  color: \"#FF8479\",\r\n                }}\r\n              >\r\n                Vi är Clearly\r\n              </h2>\r\n              <p css={{ marginTop: 0, marginBottom: \"4rem\" }}>\r\n                Vi gör det vi är bäst på så att ni kan frigöra mer tid till det\r\n                ni är bäst på. Med personlig och kompentent service tar vi hand\r\n                om er verksamhet på bästa och mest effektiva sätt.\r\n              </p>\r\n            </div>\r\n            <div\r\n              css={{\r\n                [MobileRule]: { justifyContent: \"space-around\" },\r\n                justifyContent: \"center\",\r\n                maxWidth: \"1280px\",\r\n                margin: \"auto\",\r\n                display: \"flex\",\r\n                flexWrap: \"wrap\",\r\n              }}\r\n            >\r\n              <Employee\r\n                image={data.linda.childImageSharp.fixed}\r\n                role=\"VD\"\r\n                name=\"Linda Sjögren\"\r\n                mail=\"linda@clearlyab.se\"\r\n                phone={\"070-745 57 33\"}\r\n              />\r\n              <Employee\r\n                image={data.therese.childImageSharp.fixed}\r\n                role=\"Redovisningskonsult\"\r\n                name=\"Therese Lagerström\"\r\n                mail=\"therese.lagerstrom@clearlyab.se\"\r\n                phone={\"072-253 44 95\"}\r\n              />\r\n              <Employee\r\n                image={data.sandra.childImageSharp.fixed}\r\n                role=\"Redovisningskonsult\"\r\n                name=\"Sandra Emanuelsson\"\r\n                mail=\"sandra.emanuelsson@clearlyab.se\"\r\n                phone={\"073-968 25 80\"}\r\n              />\r\n              <Employee\r\n                image={data.petra.childImageSharp.fixed}\r\n                role=\"Redovisningskonsult\"\r\n                name=\"Petra Johansson\"\r\n                mail=\"petra@clearlyab.se\"\r\n                phone={\"070-097 97 47\"}\r\n              />\r\n              <Employee\r\n                image={data.jennie.childImageSharp.fixed}\r\n                role=\"Redovisningskonsult\"\r\n                name=\"Jennie Geschwind Ström\"\r\n                mail=\"jennie.strom@clearlyab.se\"\r\n                phone={\"073-941 40 27\"}\r\n              />\r\n              <Employee\r\n                image={data.frida.childImageSharp.fixed}\r\n                name=\"Frida Örnberg\"\r\n                mail=\"frida.ornberg@clearlyab.se\"\r\n                phone=\"072-897 60 41\"\r\n                role=\"Redovisningskonsult\"\r\n              />\r\n              <Employee\r\n                image={data.aida.childImageSharp.fixed}\r\n                role=\"Redovisningskonsult\"\r\n                name=\"Aida Odenhall Talari\"\r\n                mail=\"aida.odenhall.talari@clearlyab.se\"\r\n                phone={\"072-891 55 24\"}\r\n              />\r\n              <Employee\r\n                image={data.mikaela.childImageSharp.fixed}\r\n                role=\"Redovisningskonsult\"\r\n                name=\"Mikaela Nordqvist\"\r\n                mail=\"mikaela.nordqvist@clearlyab.se\"\r\n                phone={\"072-891 72 28\"}\r\n              />\r\n            </div>\r\n          </section>\r\n        )}\r\n      />\r\n    )\r\n  }\r\n}\r\n\r\nexport default Employees\r\n","import React from \"react\"\r\n\r\n\r\nimport Layout from \"../components/layout\"\r\nimport SEO from \"../components/seo\"\r\nimport Jobs from \"../components/jobs\"\r\nimport Contact from \"../components/contact\"\r\nimport Employees from \"../components/employees\"\r\n\r\nconst AboutPage = () => (\r\n  <Layout isAbout={true}>\r\n    <SEO title=\"Om oss\" />\r\n    <Employees />\r\n    <Jobs />\r\n    <Contact />\r\n  </Layout>\r\n)\r\n\r\n\r\n\r\nexport default AboutPage\r\n"],"sourceRoot":""}