{"version":3,"file":"component---src-pages-skills-js-016496abc176091a068a.js","mappings":"oKAM2B,IAErBA,EAAU,SAAAC,GAAA,SAAAD,IAAA,OAAAC,EAAAC,MAAA,KAAAC,YAAA,KA+Db,OA/DaC,EAAAA,EAAAA,GAAAJ,EAAAC,GAAAD,EAAAK,UACdC,OAAA,WACE,MAAM,KAAEC,GAASC,KAAKC,MAChBC,EAAYH,EAAKI,KAAKC,aAAaC,MAEzC,OACEC,EAAAA,cAACC,EAAAA,EAAM,CAACC,SAAUR,KAAKC,MAAMO,SAAUH,MAAOH,GAC5CI,EAAAA,cAACG,EAAAA,EAAG,CACFN,KAAMJ,EAAKI,KACXE,MAAM,kCACNK,YAAY,gIACZC,SAAUX,KAAKC,MAAMO,SAASG,SAC9BC,SAAU,CACR,cACA,sBACA,uBACA,oBACA,wBAIJN,EAAAA,cAAA,OAAKO,UAAU,oBACbP,EAAAA,cAAA,MAAIO,UAAU,iBAAgB,mCAE9BP,EAAAA,cAAA,OAAKO,UAAU,gBACbP,EAAAA,cAAA,SAAG,iSAKgC,IACjCA,EAAAA,cAAA,KACEQ,KAAK,sBACLC,OAAO,SACPC,IAAI,uBACL,cAEG,iEAC2D,IAC/DV,EAAAA,cAAA,SAAG,oBAAoB,QAI3BA,EAAAA,cAAA,OAAKO,UAAU,2BACbP,EAAAA,cAAA,UACEO,UAAU,gBACVI,UAAU,KACVC,IAAI,6GACJb,MAAM,kCACN,aAAW,sDAIfC,EAAAA,cAAA,OAAKO,UAAU,iBACbP,EAAAA,cAAA,SAAG,2IAGOA,EAAAA,cAAA,KAAGQ,KAAK,+BAA8B,cAAc,OAMxE,EAACtB,CAAA,CA/Da,CAASc,EAAAA,WA+EzB,W","sources":["webpack://witczax-blog/./src/pages/skills.js"],"sourcesContent":["import PropTypes from \"prop-types\"\nimport React from \"react\"\nimport { graphql } from \"gatsby\"\n\nimport Layout from \"../components/layout\"\nimport SEO from \"../components/seo\"\nimport \"../css/skills.scss\"\n\nclass SkillsPage extends React.Component {\n  render() {\n    const { data } = this.props\n    const siteTitle = data.site.siteMetadata.title\n\n    return (\n      <Layout location={this.props.location} title={siteTitle}>\n        <SEO\n          site={data.site}\n          title=\"Engineering Manager Skills Tree\"\n          description=\"Interactive skills tree for Engineering Managers - a visual guide to the skills needed for success in engineering management.\"\n          pathname={this.props.location.pathname}\n          keywords={[\n            \"skills tree\",\n            \"engineering manager\",\n            \"technical leadership\",\n            \"management skills\",\n            \"career development\",\n          ]}\n        />\n\n        <div className=\"skills-container\">\n          <h1 className=\"skills-header\">Engineering Manager Skills Tree</h1>\n\n          <div className=\"skills-intro\">\n            <p>\n              This is an interactive visualization of the skills I've gathered\n              as an Engineering Manager. I continuously update this list to\n              reflect the evolving nature of the role. I hope it serves as a\n              useful guideline for tools you can use in your own career! I've\n              drawn from multiple sources like{\" \"}\n              <a\n                href=\"https://roadmap.sh/\"\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n              >\n                roadmap.sh\n              </a>\n              as well as my own experience to build this comprehensive tree.{\" \"}\n              <b>Enjoy exploring!</b> 😃\n            </p>\n          </div>\n\n          <div className=\"skills-iframe-container\">\n            <iframe\n              className=\"skills-iframe\"\n              scrolling=\"no\"\n              src=\"https://ioctopus.online/sh-3748e397488bba02?menubar=0&panelMain=0&panelThemes=0&panelIcons=0&panelColors=0\"\n              title=\"Engineering Manager Skills Tree\"\n              aria-label=\"Interactive skills tree for Engineering Managers\"\n            ></iframe>\n          </div>\n\n          <div className=\"skills-footer\">\n            <p>\n              The skills tree is interactive - click on nodes to expand or\n              collapse sections. If you have suggestions for skills to add, feel\n              free to <a href=\"mailto:kwitczak19@gmail.com\">contact me</a>.\n            </p>\n          </div>\n        </div>\n      </Layout>\n    )\n  }\n}\n\nSkillsPage.propTypes = {\n  data: PropTypes.shape({\n    site: PropTypes.shape({\n      siteMetadata: PropTypes.shape({\n        title: PropTypes.string.isRequired,\n      }).isRequired,\n    }).isRequired,\n  }),\n  location: PropTypes.shape({\n    pathname: PropTypes.string.isRequired,\n  }).isRequired,\n}\n\nexport default SkillsPage\n\nexport const pageQuery = graphql`\n  query {\n    site {\n      siteMetadata {\n        title\n        description\n        siteUrl\n        metaTitle\n        author\n        social {\n          twitter\n        }\n      }\n    }\n  }\n`\n"],"names":["SkillsPage","_React$Component","apply","arguments","_inheritsLoose","prototype","render","data","this","props","siteTitle","site","siteMetadata","title","React","Layout","location","SEO","description","pathname","keywords","className","href","target","rel","scrolling","src"],"sourceRoot":""}