{"version":3,"sources":["webpack:///./src/pages/cv.js","webpack:///./src/components/header.js","webpack:///./src/components/layout.js","webpack:///./src/images/logo.svg","webpack:///./src/components/seo.js"],"names":["CV","title","className","class","role","href","rel","Header","data","siteTitle","to","src","logo","alt","defaultProps","Layout","children","useStaticQuery","site","siteMetadata","module","exports","SEO","description","lang","meta","metaDescription","htmlAttributes","titleTemplate","name","content","property","author","concat"],"mappings":"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","file":"component---src-pages-cv-js-1a25890154cd0b8c8f09.js","sourcesContent":["import React from \"react\"\n\nimport Layout from \"../components/layout\"\nimport SEO from \"../components/seo\"\n\nconst CV = () => (\n  <Layout>\n    <SEO title=\"Curriculum vitae\" />\n    <div className=\"container cv\">\n\n      <div className=\"row\">\n        <div className=\"col-lg-8\">\n\n          <div class=\"alert alert-dark text-center mb-5\" role=\"alert\">\n            This CV is not finished yet, for now please visit my <a href=\"https://www.linkedin.com/in/samuelcotterall/\" rel=\"me\">LinkedIn</a>.\n          </div>\n\n          <h1 className=\"h2 mb-3\">Samuel Cotterall<br /><span className=\"small text-muted\">Curriculum vitae</span></h1>\n\n          <p>I am a senior UI engineer with twelve years industry experience. </p>\n\n          <p>I am currently interested in static site generation, PaaS, smart home and fintech.</p>\n\n        </div>\n      </div>\n\n      <div className=\"row\">\n        <div className=\"col-lg-9\">\n          <hr />\n\n          <section className=\"row\">\n            <div className=\"col-12 col-md-6\">\n              <h2 className=\"h3\">Skills</h2>\n              <ul>\n                <li>HTML, CSS and Sass</li>\n                <li>JavaScript, React and Vue</li>\n                <li>Static site generators (Gatsby, Hugo)</li>\n                <li>GraphQL and REST</li>\n                <li>Figma and Sketch</li>\n                <li>Accessible design</li>\n              </ul>\n            </div>\n            <div className=\"col-12 col-md-6\">\n              <h2 className=\"h3\">Working Knowledge</h2>\n              <ul>\n                <li>Serverless</li>\n                <li>Amazon Web Services</li>\n                <li>Infrastructure as Code (Terraform, Ansible)</li>\n                <li>Virtualisation and Containerisation (Docker, Vagrant)</li>\n              </ul>\n            </div>\n          </section>\n\n          <hr />\n\n          <section className=\"experience\">\n            <h2 className=\"mb-4\">Experience</h2>\n\n            <section className=\"mb-5\">\n              <header className=\"mb-2\">\n                <h3>Balance &amp; Symmetry</h3>\n                <time>May 2015—Present</time>\n              </header>\n\n              <p>After leaving magneticNorth in 2015 I started Balance &amp; Symmetry.</p>\n              <p>At the start of 2017 I was joined by my wife, Caroline, who has helped to expand our project management offering.</p>\n\n            </section>\n\n\n            <section className=\"mb-5\">\n\n              <header className=\"mb-2\">\n                <h3>Infinity Works (contract)</h3>\n                <time>October 2018—Present</time>\n              </header>\n\n              <p>During my time at MAG-O I worked closely with the team at Infinity Works and, after leaving MAG-O, I was invited to help their then-new Manchester office with some further projects.</p>\n\n              <h4 className=\"mt-4\">LANCE Platform</h4>\n              <p>With my knowledge of the VueJS framework I was brought in to provide UX/UI assistance to the <a href=\"https://lanceplatform.com/\">tax reporting and compliance service</a>. </p>\n\n              <p><span className=\"badge badge-secondary\">Golang</span> <span className=\"badge badge-secondary\">AWS</span> <span className=\"badge badge-secondary\">VueJS</span> <span className=\"badge badge-secondary\">Fintech</span></p>\n\n              <h4 className=\"mt-4\">National Careers Service — Understanding Myself Beta</h4>\n\n              <p>At the start of 2019 I was asked to help deliver a GDS Beta for the <a href=\"https://nationalcareers.service.gov.uk/\">National Careers Service</a>, working with IWC’s engineers and the design and research team at <a href=\"https://hippodigital.co.uk/\">Hippo Digital</a>. </p>\n\n              <p><span className=\"badge badge-secondary\">Azure</span> <span className=\"badge badge-secondary\">GDS</span></p>\n\n              <h4 className=\"mt-4\">FibreNation</h4>\n\n              <p>For the last six months I have working with IWC’s engineers to build a number of proof-of-concepts for the <a href=\"https://fibrenation.co.uk\">FTTP provider</a>.</p>\n\n              <p><span className=\"badge badge-secondary\">AWS</span> <span className=\"badge badge-secondary\">React</span> <span className=\"badge badge-secondary\">WordPress</span> <span className=\"badge badge-secondary\">Telecoms</span></p>\n\n            </section>\n\n            <section className=\"mb-5\">\n              <header className=\"mb-2\">\n                <h3>Manchester Airport Group (contract)</h3>\n                <time>August 2017—October 2018</time>\n              </header>\n\n              <h4 className=\"mt-4\">UI Engineer for Retail</h4>\n\n              <p>I was brought in to MAG-O (Manchester Airports Group’s in-house agency) to offer some much-needed front-end support on their existing retail experience; working with their UX team to test and improve the customer journey within a somewhat limited off-the-shelf platform (Umbraco, UCommerce).</p>\n\n              <p>At the beginning of 2018, as the team moved into their new premises and rapidly grew in size, the project underwent a major re-platforming: transitioning to a more decoupled architecture (.NET Core 2, AWS, Serverless) and making use of tools such as WebPack, ES6 and Vue.</p>\n\n              <p>During this time I continued to work closely with UX designers/researchers: observing user testing sessions, prototyping interfaces and developing A/B tests in Optimizely.</p>\n\n              <p>During my time at MAG-O I was able to gain experience of working on a large codebase that was shared across multiple teams, using concepts such as mainline development and feature flagging to achieve continuous delivery.</p>\n\n              <p><span className=\"badge badge-secondary\">AWS</span> <span className=\"badge badge-secondary\">Umbraco</span>  <span className=\"badge badge-secondary\">VueJS</span> <span className=\"badge badge-secondary\">ecommerce</span></p>\n\n              <h4 className=\"mt-4\">UI Engineer for Project MATT</h4>\n\n              <p>After leaving the MAG-O Retail I was re-hired by their new “Agency Task Team”, a team put together to support Manchester Airport Group’s various internal departments across Manchester, East Midlands and Stansted.</p>\n\n              <p>In my short time here I developed a piece of digital signage to display flight information in East Midlands airport (Vue and Vuex), calling upon my experience of designing and building for IPTV.</p>\n\n              <p><span className=\"badge badge-secondary\">VueJS</span> <span className=\"badge badge-secondary\">WordPress</span></p>\n\n            </section>\n\n            <section className=\"mb-5\">\n              <header className=\"mb-2\">\n                <h3>magneticNorth</h3>\n                <time>January 2008—May 2015</time>\n              </header>\n\n              <p>During my time at mN I was responsible for developing high-quality front-end code (HTML5, CSS3, JavaScript), working with back-end systems such as the Zend Framework, WordPress and Umbraco to deliver large-scale projects for clients such as Kellogg’s, Google and The BBC.</p>\n\n              <p>In addition I worked closely with the design team to design the user experience on many of our projects.</p>\n            </section>\n\n          </section>\n\n        </div>\n      </div>\n\n    </div>\n  </Layout>\n)\n\nexport default CV\n","import { Link } from \"gatsby\"\nimport PropTypes from \"prop-types\"\nimport React from \"react\"\nimport logo from \"../images/logo.svg\"\n\nconst Header = ({ data, siteTitle }) => (\n  <header>\n    <div className=\"container\">\n      <div className=\"row py-4 py-md-5\">\n        <div className=\"col col-6\">\n          <Link to=\"/\">\n            <img src={logo} className=\"img img-fluid logo\" alt={siteTitle} />\n          </Link>\n        </div>\n      </div>\n    </div>\n  </header>\n)\n\nHeader.propTypes = {\n  siteTitle: PropTypes.string,\n}\n\nHeader.defaultProps = {\n  siteTitle: ``,\n}\n\nexport default Header\n","/**\n * Layout component that queries for data\n * with Gatsby's useStaticQuery component\n *\n * See: https://www.gatsbyjs.org/docs/use-static-query/\n */\n\nimport React from \"react\"\nimport PropTypes from \"prop-types\"\nimport { useStaticQuery, graphql, Link } from \"gatsby\"\n\nimport Header from \"./header\"\nimport \"../index.scss\"\n\nconst Layout = ({ children }) => {\n  const data = useStaticQuery(graphql`\n    query SiteTitleQuery {\n      site {\n        siteMetadata {\n          title\n        }\n      }\n    }\n  `)\n\n  return (\n    <>\n      <Header siteTitle={data.site.siteMetadata.title} />\n      <main>{children}</main>\n      <footer className=\"footer\">\n        <div className=\"container\">\n          <ul className=\"list-inline\">\n            <li className=\"list-inline-item\"><Link to=\"#top\">Back to top</Link></li>\n            <li className=\"list-inline-item\"><Link to=\"/\">Home</Link></li>\n            <li className=\"list-inline-item\"><Link to=\"/rss.xml\">RSS</Link></li>\n            <li className=\"list-inline-item\"><a href=\"https://keybase.io/samuelcotterall\" rel=\"me\">Keybase</a></li>\n            <li className=\"list-inline-item\"><a href=\"https://twitter.com/samuelcotterall\" rel=\"me\">Twitter</a></li>\n            <li className=\"list-inline-item\"><a href=\"https://www.linkedin.com/in/samuelcotterall/\" rel=\"me\">LinkedIn</a></li>\n          </ul>\n        </div>\n      </footer>\n    </>\n  )\n}\n\nLayout.propTypes = {\n  children: PropTypes.node.isRequired,\n}\n\nexport default Layout\n","module.exports = __webpack_public_path__ + \"static/logo-0114adc1a283d2f05037055cd9119839.svg\";","/**\n * SEO component that queries for data with\n *  Gatsby's useStaticQuery React hook\n *\n * See: https://www.gatsbyjs.org/docs/use-static-query/\n */\n\nimport React from \"react\"\nimport PropTypes from \"prop-types\"\nimport Helmet from \"react-helmet\"\nimport { useStaticQuery, graphql } from \"gatsby\"\n\nfunction SEO({ description, lang, meta, title }) {\n  const { site } = useStaticQuery(\n    graphql`\n      query {\n        site {\n          siteMetadata {\n            title\n            description\n            author\n          }\n        }\n      }\n    `\n  )\n\n  const metaDescription = description || site.siteMetadata.description\n\n  return (\n    <Helmet\n      htmlAttributes={{\n        lang,\n      }}\n      title={title}\n      titleTemplate={ title ? `%s — ${site.siteMetadata.title}` : `sjdfkjsdkl` }\n      meta={[\n        {\n          name: `description`,\n          content: metaDescription,\n        },\n        {\n          property: `og:title`,\n          content: title,\n        },\n        {\n          property: `og:description`,\n          content: metaDescription,\n        },\n        {\n          property: `og:type`,\n          content: `website`,\n        },\n        {\n          name: `twitter:card`,\n          content: `summary`,\n        },\n        {\n          name: `twitter:creator`,\n          content: site.siteMetadata.author,\n        },\n        {\n          name: `twitter:title`,\n          content: title,\n        },\n        {\n          name: `twitter:description`,\n          content: metaDescription,\n        },\n      ].concat(meta)}\n    />\n  )\n}\n\nSEO.defaultProps = {\n  lang: `en`,\n  meta: [],\n  description: ``,\n}\n\nSEO.propTypes = {\n  description: PropTypes.string,\n  lang: PropTypes.string,\n  meta: PropTypes.arrayOf(PropTypes.object),\n  title: PropTypes.string.isRequired,\n}\n\nexport default SEO\n"],"sourceRoot":""}