{"version":3,"sources":["webpack:///./src/components/ResumeDownload.js","webpack:///./src/pages/resume.js"],"names":["DownloadWrapper","A","Img","ResumeDownload","resumeLink","data","useStaticQuery","src","imageSharp","fluid","href","download","PageTitle","Resume","sections","resumeJson","file","publicURL","Layout","SEO","title","StyledWrapper","ResumeContainer","StyledInnerSection","ResumeTitle","H3","H4","SkillsWrapper","SkillSection","H5","Skills","skills_developer","map","skill","Skill","skills_designer","experience","job","SectionWrapper","company","Span","JobLocation","location","date","other_experience","organization","role","education","school","degree"],"mappings":"0LAIMA,EAAe,+RAafC,EAAC,+LAUDC,EAAG,+FAyBMC,EApBQ,SAAC,GAAoB,IAAlBC,EAAiB,EAAjBA,WAClBC,EAAOC,yBAAe,YAS5B,OACE,YAACN,EAAD,KACE,YAACE,EAAD,CAAKK,IAAKF,EAAKG,WAAWC,MAAMF,MAChC,YAACN,EAAD,CAAGS,KAAMN,EAAYO,UAAQ,GAA7B,8BCwFAC,GAFSC,UAzHA,WACb,IAAMR,EAAOC,yBAAe,aA+BtBQ,EAAWT,EAAKU,WAChBX,EAAaC,EAAKW,KAAKC,UAE7B,OACE,YAACC,EAAA,EAAD,KACE,YAAC,IAAD,KACE,YAACC,EAAA,EAAD,CAAKC,MAAM,WACX,YAACR,EAAD,eACA,YAACS,EAAD,KACE,YAACC,EAAD,KACE,YAACC,EAAD,KACE,YAACC,EAAD,KACE,YAACC,EAAD,qBACA,YAACA,EAAD,+BAGF,YAACC,EAAD,eACA,YAACC,EAAD,KACE,YAACC,EAAD,KACE,YAACC,EAAD,kBACA,YAACC,EAAD,KACGhB,EAASiB,iBAAiBC,KAAI,SAAAC,GAAK,OAClC,YAACC,EAAD,KAAQD,QAId,YAACL,EAAD,KACE,YAACC,EAAD,iBACA,YAACC,EAAD,KACGhB,EAASqB,gBAAgBH,KAAI,SAAAC,GAAK,OACjC,YAACC,EAAD,KAASD,SAcjB,YAACP,EAAD,mBACCZ,EAASsB,WAAWJ,KAAI,SAAAK,GAAG,OAC1B,YAACC,EAAD,KACE,YAACT,EAAD,KACGQ,EAAIE,QACL,YAACC,EAAD,KAAOH,EAAIjB,QAEb,YAACqB,EAAD,KACGJ,EAAIK,SADP,KACmBL,EAAIM,UAI3B,YAACjB,EAAD,yBACCZ,EAAS8B,iBAAiBZ,KAAI,SAAAK,GAAG,OAChC,YAACC,EAAD,KACE,YAACT,EAAD,KACGQ,EAAIQ,aACL,YAACL,EAAD,KAAOH,EAAIS,OAEb,YAACL,EAAD,KACGJ,EAAIK,SADP,KACmBL,EAAIM,UAI3B,YAACjB,EAAD,kBACCZ,EAASiC,UAAUf,KAAI,SAAAgB,GAAM,OAC5B,YAACV,EAAD,KACE,YAACT,EAAD,KACGmB,EAAOA,OACR,YAACR,EAAD,KAAOQ,EAAOC,SAEhB,YAACR,EAAD,KACGO,EAAON,SADV,KACsBM,EAAOL,YAMrC,YAAC,EAAD,CAAgBvC,WAAYA,QASvB,gGAGTiB,EAAa,+IAMbC,EAAe,yVAkBfC,EAAkB,2JAOlBC,EAAW,8LAUXG,EAAa,uPAabC,EAAY,kOAYZE,EAAM,qKAONI,EAAK,yCAELI,EAAc,4OAYdb,EAAE,iJAOFC,EAAE,yLAOFG,EAAE,uHAKFW,EAAI,sOAWJC,EAAW","file":"component---src-pages-resume-js-dc681e2b8c5906cfc879.js","sourcesContent":["import React from \"react\"\nimport { useStaticQuery, graphql } from \"gatsby\"\nimport styled from \"@emotion/styled\"\n\nconst DownloadWrapper = styled.div`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin-bottom: 3rem;\n  background: #fff;\n  border: 2px solid #4f4f4f;\n  box-shadow: 4px 4px 0px #b24af2;\n  transition: all 0.3s ease-in-out 0s;\n  &:hover {\n    box-shadow: 8px 8px 0px #b24af2;\n  }\n  `\nconst A = styled.a`\nheight: 3.5rem;\n  color: #4f4f4f;\n  padding: 1rem 1.25rem 1rem 0;\n  text-decoration: none;\n  &:hover {\n    text-decoration: underline;\n    color: #b24af2;\n  }\n`\nconst Img = styled.img`\n  width: 1.25rem;\n  margin: 0 1rem;\n`\n\nconst ResumeDownload = ({ resumeLink }) => {\n  const data = useStaticQuery(graphql`\n    {\n      imageSharp(original: { src: { regex: \"/download/\" } }) {\n        fluid(quality: 100, maxHeight: 40) {\n          ...GatsbyImageSharpFluid\n        }\n      }\n    }\n  `)\n  return (\n    <DownloadWrapper>\n      <Img src={data.imageSharp.fluid.src} />\n      <A href={resumeLink} download>\n        Full Resume PDF Download\n      </A>\n    </DownloadWrapper>\n  )\n}\n\nexport default ResumeDownload\n","import React from \"react\"\nimport { graphql, useStaticQuery } from \"gatsby\"\nimport styled from \"@emotion/styled\"\n\nimport Layout from \"../components/Layout\"\nimport SEO from \"../components/SEO\"\nimport StyledBackgroundSection from \"../components/BackgroundSection\"\nimport ResumeDownload from \"../components/ResumeDownload\"\n\n\nconst Resume = () => {\n  const data = useStaticQuery(graphql`\n  {\n      file(name: { eq: \"KristinBarr_Resume_2020\" }) {\n        publicURL\n      }\n      resumeJson {\n        skills_designer\n        skills_developer\n        experience {\n          company\n          title\n          location\n          date\n          description\n        }\n        other_experience {\n          organization\n          role\n          location\n          date\n        }\n        education {\n          school\n          degree\n          location\n          date\n        }\n      }\n    }\n    `)\n    \n  const sections = data.resumeJson\n  const resumeLink = data.file.publicURL\n  \n  return (\n    <Layout>\n      <StyledBackgroundSection>\n        <SEO title=\"Resume\" />\n        <PageTitle>Resume</PageTitle>\n        <StyledWrapper>\n          <ResumeContainer>\n            <StyledInnerSection>\n              <ResumeTitle>\n                <H3>Kristin Barr</H3>\n                <H3>kristinbarr@gmail.com</H3>\n              </ResumeTitle>\n\n              <H4>Skills</H4>\n              <SkillsWrapper>\n                <SkillSection>\n                  <H5>Developer</H5>\n                  <Skills>\n                    {sections.skills_developer.map(skill => (\n                      <Skill>{skill}</Skill>\n                      ))}\n                  </Skills>\n                </SkillSection>\n                <SkillSection>\n                  <H5>Designer</H5>\n                  <Skills>\n                    {sections.skills_designer.map(skill => (\n                      <Skill >{skill}</Skill>\n                      ))}\n                  </Skills>\n                </SkillSection>\n                {/* <SkillSection>\n                  <H5>Professional</H5>\n                  <Skills>\n                  {sections.skills_professional.map(skill => (\n                    <Skill>{skill}</Skill>\n                    ))}\n                    </Skills>\n                  </SkillSection> */}\n              </SkillsWrapper>\n\n              <H4>Experience</H4>\n              {sections.experience.map(job => (\n                <SectionWrapper>\n                  <H5>\n                    {job.company}\n                    <Span>{job.title}</Span>\n                  </H5>\n                  <JobLocation>\n                    {job.location}, {job.date}\n                  </JobLocation>\n                </SectionWrapper>\n              ))}\n              <H4>Other Experience</H4>\n              {sections.other_experience.map(job => (\n                <SectionWrapper>\n                  <H5>\n                    {job.organization}\n                    <Span>{job.role}</Span>\n                  </H5>\n                  <JobLocation>\n                    {job.location}, {job.date}\n                  </JobLocation>\n                </SectionWrapper>\n              ))}\n              <H4>Education</H4>\n              {sections.education.map(school => (\n                <SectionWrapper>\n                  <H5>\n                    {school.school}\n                    <Span>{school.degree}</Span>\n                  </H5>\n                  <JobLocation>\n                    {school.location}, {school.date}\n                  </JobLocation>\n                </SectionWrapper>\n              ))}\n            </StyledInnerSection>\n          </ResumeContainer>\n          <ResumeDownload resumeLink={resumeLink} />\n        </StyledWrapper>\n      </StyledBackgroundSection>\n    </Layout>\n  )\n}\n\nexport default Resume\n\nconst PageTitle = styled.h3`\n  margin: 3rem 0 1.85rem 4.5rem;\n`\nconst StyledWrapper = styled.div`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-direction: column;\n`\nconst ResumeContainer = styled.div`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-direction: column;\n  width: 80%;\n  padding: 1rem 1rem 2rem 1rem;\n  margin-bottom: 3rem;\n  background: #fff;\n  border: 2px solid #4f4f4f;\n  box-shadow: 4px 4px 0px #b24af2;\n  @media (max-width: 768px) {\n    width: 90%;\n  }\n  @media (max-width: 576px) {\n    width: 90%;\n  }\n`\nconst StyledInnerSection = styled.div`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-direction: column;\n  width: 100%;\n`\nconst ResumeTitle = styled.div`\n  display: flex;\n  justify-content: space-between;\n  width: 95%;\n  margin-top: 0.65rem;\n  @media (max-width: 768px) {\n    flex-wrap: wrap;\n    width: 100%;\n  }\n`\nconst SkillsWrapper = styled.div`\n  display: flex;\n  justify-content: space-evenly;\n  font-size: 0.85rem;\n  line-height: 1.2rem;\n  text-align: center;\n  width: 90%;\n  @media (max-width: 768px) {\n    justify-content: center;\n    flex-wrap: wrap;\n    width: 100%;\n  }\n`\nconst SkillSection = styled.div`\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n  flex-direction: column;\n  flex-wrap: wrap;\n  width: 30%;\n  @media (max-width: 768px) {\n    width: 250px;\n    margin-top: 1rem;\n  }\n`\nconst Skills = styled.div`\n  display: flex;\n  justify-content: space-evenly;\n  align-items: center;\n  flex-direction: column;\n  flex-wrap: wrap;\n`\nconst Skill = styled.div`\n`\nconst SectionWrapper = styled.div`\n  display: flex;\n  justify-content: space-between;\n  width: 80%;\n  text-align: center;\n  margin-bottom: .25rem;\n  font-size: smaller;\n  @media (max-width: 768px) {\n    flex-direction: column;\n    width: 100%;\n  }\n`\nconst H3 = styled.h3`\n  font-weight: normal;\n  font-size: 1rem;\n  @media (max-width: 768px) {\n    font-size: 0.85rem;\n  }\n`\nconst H4 = styled.h4`\n  font-weight: normal;\n  padding: 0 2rem 0.45rem 2rem;\n  border-bottom: 1px solid #e5e5e5;\n  margin-top: 1.35rem;\n  margin-bottom: .85rem;\n`\nconst H5 = styled.h5`\n  margin-bottom: .35rem;\n  color: #4f4f4f;\n  font-weight: bold;\n`\nconst Span = styled.span`\n  margin-left: .5rem;\n  border-left: 1px solid #4f4f4f;\n  padding-left: .5rem;\n  font-weight: normal;\n  @media (max-width: 576px) {\n    display: block;\n    border-left: none;\n    padding-top: .25rem;\n  }\n`\nconst JobLocation = styled.h6`\n  font-weight: normal;\n  color: #949494;\n  @media (max-width: 576px) {\n    padding-bottom: .25rem;\n  }\n\n`\n// const Li = styled.li`\n//   font-size: 0.75rem;\n//   line-height: 1;\n//   margin-bottom: 0.25rem;\n// `\n"],"sourceRoot":""}