{"version":3,"sources":["webpack://waylon-baumgardner/./src/components/TitleBlock.js","webpack://waylon-baumgardner/./src/pages/about.js"],"names":["TitleBlock","props","className","postDate","pageTitle","shortDescription","shortDescriptionAlt","callToAction","href","callToActionTo","title","callToActionToTitle","About","Link","to"],"mappings":"0KAIe,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,oICzBK,SAASK,IACtB,OACE,gBAAC,IAAD,KACE,gBAAC,IAAD,CAAKF,MAAM,UACX,uBAAKR,UAAU,2CACb,gBAAC,IAAD,CACEE,UAAU,WACVC,iBAAiB,+CAGnB,uBAAKH,UAAU,iCACb,uBAAKA,UAAU,wEACb,2BACE,sBAAIA,UAAU,8EAAd,gBAGA,sBAAIA,UAAU,uCACZ,qCACA,0BACE,gBAAC,EAAAW,KAAD,CAAMC,GAAG,gBAAT,YAEF,0BACE,gBAAC,EAAAD,KAAD,CAAMC,GAAG,cAAT,UAEF,4CACA,6CACA,wCACA,oCACA,qCACA,kCACA,mDAGJ,2BACE,sBAAIZ,UAAU,wFAAd,sBAIA,sBAAIA,UAAU,uCACZ,8CACA,wCACA,wCACA,8CACA,kDACA,oDACA,6CACA,wCAKN,oTAKsB,KAEtB,sBAAIA,UAAU,QAAd,kBACA,qHAIA,sBAAIA,UAAU,4BACZ,sCACW,qCADX,WACmC,iCADnC,gBAC6D,IAC3D,wCAEF,4CACiB,sCADjB,kCAGA,sCACW,iCADX,uBAGA,sDAC2B,uCAD3B,6BAIA,mCACQ,uCADR,mBAIF,sBAAIA,UAAU,QAAd,8BAGJ,uBAAKA,UAAU,6DACb,2BACE,yfAUA,qBAAGA,UAAU,wFACX,sFAKJ,2BACE,8dASA,qBAAGA,UAAU,wFACX,iFAGJ,2BACE,icASA,qBAAGA,UAAU,wFACX,8FAMJ,2BACE,yeASA,qBAAGA,UAAU,wFACX","file":"component---src-pages-about-js-c4efd6e2a8cce128694d.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","import { Link } from 'gatsby';\nimport * as React from 'react';\nimport Layout from '../components/Layout';\nimport SEO from '../components/SEO';\nimport TitleBlock from '../components/TitleBlock';\n\nexport default function About() {\n  return (\n    <Layout>\n      <SEO title=\"About\" />\n      <div className=\"m-12 mx-auto w-11/12 md:w-3/4 2xl:w-1/2\">\n        <TitleBlock\n          pageTitle=\"About me\"\n          shortDescription=\"About pages are always the hardest, right?\"\n        />\n\n        <div className=\"mx-auto w-11/12 md:w-3/4 my-8\">\n          <div className=\"grid grid-cols-1 md:grid-cols-2 gap-8 mx-auto w-11/12 md:w-full my-8\">\n            <div>\n              <h2 className=\"uppercase font-worksans text-heading-text font-semibold text-xs md:text-sm\">\n                My interests\n              </h2>\n              <ul className=\"about-interests dark:text-dark-text\">\n                <li>Writing</li>\n                <li>\n                  <Link to=\"/reading-log\">Reading</Link>\n                </li>\n                <li>\n                  <Link to=\"/music-log\">Music</Link>\n                </li>\n                <li>Web design/dev</li>\n                <li>Obscure 90's TV</li>\n                <li>British TV</li>\n                <li>Coffee</li>\n                <li>Bourbon</li>\n                <li>Cars</li>\n                <li>Console video games</li>\n              </ul>\n            </div>\n            <div>\n              <h2 className=\"uppercase font-worksans text-heading-text font-semibold text-xs md:text-sm text-left\">\n                My knowledge areas\n              </h2>\n\n              <ul className=\"about-interests dark:text-dark-text\">\n                <li>Higher education</li>\n                <li>Leadership</li>\n                <li>Nonprofits</li>\n                <li>Systems thinking</li>\n                <li>User-centered design</li>\n                <li>Computers &amp; technology</li>\n                <li>Web development</li>\n                <li>Writing</li>\n              </ul>\n            </div>\n          </div>\n\n          <p>\n            I started my professional career as a web developer/designer. I\n            spent ten years in higher education where I held various web\n            development/design/leadership roles. I then shifted the focus of my\n            career entirely, pursuing my love of UX design by joining Esri as a\n            Senior UX Designer.{' '}\n          </p>\n          <h2 className=\"my-8\">What I Believe</h2>\n          <p>\n            I've documented some truths I personally believe in that shape and\n            influence how I work.\n          </p>\n          <ul className=\"mt-4 dark:text-dark-text\">\n            <li>\n              Practice <em>empathy</em>; we're <em>all</em> dealing with{' '}\n              <em>something</em>\n            </li>\n            <li>\n              Good ideas can <em>(and do)</em> come from anyone and anywhere\n            </li>\n            <li>\n              Context, <em>not</em> content, is “king”\n            </li>\n            <li>\n              UX and UI design require <em>different</em> but complimentary\n              skills\n            </li>\n            <li>\n              Users <em>sometimes</em> need guidance\n            </li>\n          </ul>\n          <h2 className=\"my-8\">What People Say About Me</h2>\n        </div>\n      </div>\n      <div className=\"grid grid-cols-1 md:grid-cols-4 md:gap-16 mx-auto w-11/12\">\n        <div>\n          <blockquote>\n            I really appreciated Waylon's help in creating my Arousal\n            Architecture assessment - from total scratch! I wasn't sure on what\n            I wanted but I explained to him my vision and from that he was able\n            to create a great tool that my clients use in our psychotherapy\n            work, and it's an awesome lead generator for my business too! He was\n            communicative and responsive to my needs and changes I wanted to\n            implement along the way. Thanks Waylon for bringing my life's work\n            to life!\n          </blockquote>\n          <p className=\"text-sm mt-2 text-heading-text dark:text-dark-heading-text font-worksans font-medium\">\n            <em>\n              &mdash;Kayna Cassard MS, LFMT, Owner at Intuitive Sensuality\n            </em>\n          </p>\n        </div>\n        <div>\n          <blockquote>\n            Waylon is one of the brightest, most diligent and creative web\n            professionals I have had the pleasure of managing. His matches\n            strong web and CMS development skills and problem-solving abilities\n            with a burning desire for continuous learning and new challenges.\n            Waylon also demonstrates an exceptional commitment to customer\n            service and always goes above and beyond to deliver solutions that\n            delight his clients and makes users' lives better.\n          </blockquote>\n          <p className=\"text-sm mt-2 text-heading-text dark:text-dark-heading-text font-worksans font-medium\">\n            <em>&mdash;Sean Dillingham, Product Design Manager at Honey</em>\n          </p>\n        </div>\n        <div>\n          <blockquote>\n            Waylon is very methodical in his approach when working with web\n            design and applications. He understands UI and UX from the users and\n            content administrators. He knows when to provide more information to\n            help end clients understand the process, so they feel comfortable\n            and confident. He is up to date with current industry standards.\n            Overall he just a great person to work with because he makes the\n            process easy.\n          </blockquote>\n          <p className=\"text-sm mt-2 text-heading-text dark:text-dark-heading-text font-worksans font-medium\">\n            <em>\n              &mdash;Keith Castillo, Sr. Instructional Designer at Charter\n              College\n            </em>\n          </p>\n        </div>\n        <div>\n          <blockquote>\n            Waylon is a talented web designer and great to work with. His\n            openness to solve problems and his careful attention to detail are\n            valuable traits. Waylon always looks for new solutions and fresh\n            ideas that can advance his knowledge to exceed our customers'\n            expectations. Waylon is extremely reliable, helpful and insightful.\n            He is a passionate web designer with a great attitude and always\n            willing to help, which makes him a great asset to any company.\n          </blockquote>\n          <p className=\"text-sm mt-2 text-heading-text dark:text-dark-heading-text font-worksans font-medium\">\n            <em>&mdash;Hadeel Thompson, Sr. Product Manager at Wells Fargo</em>\n          </p>\n        </div>\n      </div>\n    </Layout>\n  );\n}\n"],"sourceRoot":""}