{"version":3,"sources":["webpack://waylon-baumgardner/./src/components/TitleBlock.js","webpack://waylon-baumgardner/./src/components/WorkCard.js","webpack://waylon-baumgardner/./src/components/MiniTitleBlock.js","webpack://waylon-baumgardner/./src/components/Skills.js","webpack://waylon-baumgardner/./src/pages/work.js"],"names":["TitleBlock","props","className","postDate","pageTitle","shortDescription","shortDescriptionAlt","callToAction","href","callToActionTo","title","callToActionToTitle","WorkCard","projectName","skills","MiniTitleBlock","Skills","Layout","SEO","Link","to","S","src","alt"],"mappings":"wrHAIe,SAASA,EAAWC,GACjC,OACE,uBAAKC,UAAU,uBACZD,EAAME,SACL,yBAAOD,UAAU,oGACdD,EAAME,UAEP,KACJ,sBAAID,UAAU,oEACXD,EAAMG,WAGT,qBAAGF,UAAU,4EACVD,EAAMI,kBAGRJ,EAAMK,oBACL,qBAAGJ,UAAU,mHACVD,EAAMK,qBAEP,KACHL,EAAMM,aACL,qBAAGL,UAAU,iHACX,qBAAGM,KAAMP,EAAMQ,eAAgBC,MAAOT,EAAMU,qBACzCV,EAAMM,eAGT,Q,+EC5BK,SAASK,EAASX,GAC/B,OACE,uBAAKC,UAAU,aACb,qBAAGA,UAAU,2FACVD,EAAMY,aAET,qBAAGX,UAAU,yGACVD,EAAMa,W,8ICNA,SAASC,EAAT,GAAoC,IAAVL,EAAS,EAATA,MACvC,OACE,uBAAKR,UAAU,sBACb,sBAAIA,UAAU,6BAA6BQ,I,aCJlC,SAASM,EAAOf,GAC7B,OACE,qBAAGC,UAAU,iGACVD,EAAMa,QCab,IA4IA,EA5IiB,kBACf,gBAACG,EAAA,EAAD,KACE,gBAACC,EAAA,EAAD,CAAKR,MAAM,YACX,uBAAKR,UAAU,2CACb,gBAACF,EAAA,EAAD,CACEI,UAAU,UACVC,iBAAiB,iIAEnB,uBAAKH,UAAU,uCACb,gBAACa,EAAD,CAAgBL,MAAM,sBACtB,wBAAMR,UAAU,+EAAhB,4BAGA,qBAAGA,UAAU,qEACX,gBAAC,EAAAiB,KAAD,CAAMC,GAAG,aAAaV,MAAM,QAA5B,SAIF,qBAAGR,UAAU,6DAAb,qFAEe,KAEf,qBAAGA,UAAU,QACX,gBAAC,EAAAiB,KAAD,CACEC,GAAG,aACHV,MAAM,6BACNR,UAAU,oDAHZ,+BASF,wBAAMA,UAAU,+EAAhB,kCAGA,qBAAGA,UAAU,qEACX,gBAAC,EAAAiB,KAAD,CAAMC,GAAG,uCAAT,kCAIF,qBAAGlB,UAAU,6DAAb,iMAG4D,KAE5D,qBAAGA,UAAU,QACX,gBAAC,EAAAiB,KAAD,CACEC,GAAG,sCACHV,MAAM,4BACNR,UAAU,oDAHZ,8BAQF,wBAAMA,UAAU,+EAAhB,8BAGA,qBAAGA,UAAU,qEAAb,yCAGA,qBAAGA,UAAU,6DAAb,8LAOF,uBAAKA,UAAU,uCACb,gBAACa,EAAD,CAAgBL,MAAM,2BAExB,uBAAKR,UAAU,8DACb,2BACE,gBAAC,EAAAiB,KAAD,CACEC,GAAG,yBACHlB,UAAU,iDAEV,gBAAC,EAAAmB,EAAD,CACEC,IAAI,uCACJC,IAAI,yCAFN,sBAIA,gBAACX,EAAA,EAAD,CAAUC,YAAY,sBAExB,gBAACG,EAAD,CAAQF,OAAO,qCAEjB,2BACE,gBAAC,EAAAK,KAAD,CACEC,GAAG,6BACHlB,UAAU,iDAEV,gBAAC,EAAAmB,EAAD,CACEC,IAAI,2CACJC,IAAI,wDAFN,sBAIA,gBAACX,EAAA,EAAD,CAAUC,YAAY,2BAExB,gBAACG,EAAD,CAAQF,OAAO,4BAInB,uBAAKZ,UAAU,8DACb,2BACE,gBAAC,EAAAiB,KAAD,CACEC,GAAG,6BACHlB,UAAU,iDAEV,gBAAC,EAAAmB,EAAD,CACEC,IAAI,2CACJC,IAAI,qCAFN,sBAIA,gBAACX,EAAA,EAAD,CAAUC,YAAY,0BAExB,gBAACG,EAAD,CAAQF,OAAO,qCAEjB,2BACE,gBAAC,EAAAK,KAAD,CACEC,GAAG,mCACHlB,UAAU,iDAEV,gBAAC,EAAAmB,EAAD,CACEC,IAAI,iDACJC,IAAI,mDAFN,sBAIA,gBAACX,EAAA,EAAD,CAAUC,YAAY,gCAExB,gBAACG,EAAD,CAAQF,OAAO","file":"component---src-pages-work-js-6f9dcf73d609379607e4.js","sourcesContent":["/* eslint-disable react/destructuring-assignment */\n\nimport * as React from 'react';\n\nexport default function TitleBlock(props) {\n  return (\n    <div className=\"title mb-4 md:mb-14\">\n      {props.postDate ? (\n        <aside className=\"date text-heading-text dark:text-dark-heading-text text-sm font-worksans font-semibold uppercase\">\n          {props.postDate}\n        </aside>\n      ) : null}\n      <h1 className=\"mb-4 text-text text-4xl md:text-5xl font-worksans font-extrabold\">\n        {props.pageTitle}\n      </h1>\n\n      <p className=\"description text-text text-xl md:text-2xl font-lora font-normal md:w-1/2\">\n        {props.shortDescription}\n      </p>\n      {/* used for blog post */}\n      {props.shortDescriptionAlt ? (\n        <p className=\"description text-heading-text dark:text-dark-heading-text text-2xl font-lora font-medium italic w-full md:w-1/2\">\n          {props.shortDescriptionAlt}\n        </p>\n      ) : null}\n      {props.callToAction ? (\n        <p className=\"title-cta text-heading-text dark:text-dark-heading-text text-base md:text-xl font-worksans font-semibold my-2\">\n          <a href={props.callToActionTo} title={props.callToActionToTitle}>\n            {props.callToAction}\n          </a>\n        </p>\n      ) : null}\n    </div>\n  );\n}\n","/* eslint-disable react/destructuring-assignment */\nimport React from 'react';\n\nexport default function WorkCard(props) {\n  return (\n    <div className=\"work-card\">\n      <p className=\"name text-heading-text dark:text-dark-heading-text text-2xl font-worksans font-semibold\">\n        {props.projectName}\n      </p>\n      <p className=\"skills text-text dark:text-dark-heading-text text-sm font-worksans font-normal uppercase no-underline\">\n        {props.skills}\n      </p>\n    </div>\n  );\n}\n","/* eslint-disable react/destructuring-assignment */\n\nimport * as React from 'react';\n\nexport default function MiniTitleBlock({ title }) {\n  return (\n    <div className=\"mini-title w-11/12\">\n      <h2 className=\"mb-8 text-3xl md:text-4xl\">{title}</h2>\n\n      {/* <div className=\"caret-small my-2\" /> */}\n    </div>\n  );\n}\n","/* eslint-disable react/destructuring-assignment */\nimport React from 'react';\n\nexport default function Skills(props) {\n  return (\n    <p className=\"skills text-text dark:text-mint text-sm font-worksans font-normal uppercase no-underline mb-6\">\n      {props.skills}\n    </p>\n  );\n}\n","import * as React from 'react';\nimport { Link } from 'gatsby';\nimport { StaticImage } from 'gatsby-plugin-image';\nimport Layout from '../components/Layout';\nimport SEO from '../components/SEO';\nimport TitleBlock from '../components/TitleBlock';\nimport MiniTitleBlock from '../components/MiniTitleBlock';\nimport WorkCard from '../components/WorkCard';\nimport Skills from '../components/Skills';\n\n// const ListLink = (props) => (\n//   <li className=\"text-heading-text text-2xl font-worksans font-semibold my-4\">\n//     {/* <Link to={props.to} className=\"underline\">\n//       {props.children}\n//     </Link> */}\n//   </li>\n// );\n\n// TODO: create a template group for this\nconst WorkPage = () => (\n  <Layout>\n    <SEO title=\"My work\" />\n    <div className=\"m-12 mx-auto w-11/12 md:w-3/4 2xl:w-1/2\">\n      <TitleBlock\n        pageTitle=\"My work\"\n        shortDescription=\"I work on a variety of projects that combine elements of design, development, and content to form engaging user experiences.\"\n      />\n      <div className=\"mx-auto w-11/12 md:w-3/4 mt-8 mb-12\">\n        <MiniTitleBlock title=\"Where I've Worked\" />\n        <span className=\"text-text dark:text-dark-text text-sm font-worksans font-semibold uppercase\">\n          September 2019 &mdash; present\n        </span>\n        <p className=\"text-heading-text text-xl md:text-2xl font-worksans font-semibold\">\n          <Link to=\"/work/esri\" title=\"Esri\">\n            Esri\n          </Link>\n        </p>\n        <p className=\"font-lora font-normal italic text-text text-sm md:text-lg\">\n          I'm currently in a senior UX role at Esri where I focus on e-commerce\n          UX strategy.{' '}\n        </p>\n        <p className=\"mb-8\">\n          <Link\n            to=\"/work/esri\"\n            title=\"See work I've done at Esri\"\n            className=\"font-worksans font-semibold text-sm md:text-base\"\n          >\n            See work I've done at Esri\n          </Link>\n        </p>\n\n        <span className=\"text-text dark:text-dark-text text-sm font-worksans font-semibold uppercase\">\n          February 2012 &mdash; September 2019\n        </span>\n        <p className=\"text-heading-text text-xl md:text-2xl font-worksans font-semibold\">\n          <Link to=\"/work/california-baptist-university\">\n            California Baptist University\n          </Link>\n        </p>\n        <p className=\"font-lora font-normal italic text-text text-sm md:text-lg\">\n          As Director of Web Applications Development, I led design and\n          engineering for enterprise applications. Prior to that, I held various\n          roles managing CBU's website design and development team.{' '}\n        </p>\n        <p className=\"mb-8\">\n          <Link\n            to=\"/work/california-baptist-university\"\n            title=\"See work I've done at CBU\"\n            className=\"font-worksans font-semibold text-sm md:text-base\"\n          >\n            See work I've done at CBU\n          </Link>\n        </p>\n        <span className=\"text-text dark:text-dark-text text-sm font-worksans font-semibold uppercase\">\n          March 2009 &mdash; February 2012\n        </span>\n        <p className=\"text-heading-text text-xl md:text-2xl font-worksans font-semibold\">\n          University of California at Riverside\n        </p>\n        <p className=\"font-lora font-normal italic text-text text-sm md:text-lg\">\n          As a Web/UI Designer, I built websites for the Division of Student\n          Affairs. Prior to that, I was a Web Developer that built websites for\n          the Division of Finance and Business Operations.\n        </p>\n      </div>\n\n      <div className=\"mx-auto w-11/12 md:w-3/4 mt-8 mb-12\">\n        <MiniTitleBlock title=\"Selected Case Studies\" />\n      </div>\n      <div className=\"work grid md:grid-cols-2 md:gap-8 mx-auto w-11/12 md:w-3/4\">\n        <div>\n          <Link\n            to=\"/work/how-much-oxalate\"\n            className=\"text-heading-text dark:text-dark-heading-text\"\n          >\n            <StaticImage\n              src=\"../images/how-much-oxalate-thumb.jpg\"\n              alt=\"Screenshot of How Much Oxalate website\"\n            />\n            <WorkCard projectName=\"How Much Oxalate\" />\n          </Link>\n          <Skills skills=\"UX • UI • CONTENT • DEVELOPMENT\" />\n        </div>\n        <div>\n          <Link\n            to=\"/work/arousal-architecture\"\n            className=\"text-heading-text dark:text-dark-heading-text\"\n          >\n            <StaticImage\n              src=\"../images/arousal-architecture-thumb.jpg\"\n              alt=\"Screenshot of Arousal Architecture Assessment website\"\n            />\n            <WorkCard projectName=\"Arousal Architecture&trade;\" />\n          </Link>\n          <Skills skills=\"UX • UI • DEVELOPMENT\" />\n        </div>\n      </div>\n\n      <div className=\"work grid md:grid-cols-2 md:gap-8 mx-auto w-11/12 md:w-3/4\">\n        <div>\n          <Link\n            to=\"/work/cbu-website-redesign\"\n            className=\"text-heading-text dark:text-dark-heading-text\"\n          >\n            <StaticImage\n              src=\"../images/cbu-website-redesign-thumb.jpg\"\n              alt=\"Screenshot of CBU Website Redesign\"\n            />\n            <WorkCard projectName=\"CBU Website Redesign\" />\n          </Link>\n          <Skills skills=\"UX • UI • CONTENT • DEVELOPMENT\" />\n        </div>\n        <div>\n          <Link\n            to=\"/work/cbu-marketing-applications\"\n            className=\"text-heading-text dark:text-dark-heading-text\"\n          >\n            <StaticImage\n              src=\"../images/cbu-marketing-applications-thumb.jpg\"\n              alt=\"Screenshot of CBU Marketing Applications web app\"\n            />\n            <WorkCard projectName=\"CBU Marketing Applications\" />\n          </Link>\n          <Skills skills=\"UX • UI\" />\n        </div>\n      </div>\n\n      {/* <div className=\"mx-auto w-3/4 my-8 mt-12\">\n        <MiniTitleBlock title=\"Clients\" />\n        <ul>\n          <li>That Newfoundland Place</li>\n          <li>Loma Linda University</li>\n          <li>Southern California Public Radio</li>\n        </ul>\n      </div> */}\n    </div>\n  </Layout>\n);\n\nexport default WorkPage;\n"],"sourceRoot":""}