-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
7 lines (7 loc) · 17.9 KB
/
index.html
1
2
3
4
5
6
7
<!DOCTYPE html><html lang="en" prefix="og: http://ogp.me/ns#"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><link rel="manifest" href="/manifest.json"/><link rel="icon" type="image/png" href="/images/icons/favicon-16x16.png" sizes="16x16"/><link rel="icon" type="image/png" href="/images/icons/favicon-32x32.png" sizes="32x32"/><link rel="icon" type="image/png" href="/images/icons/favicon-96x96.png" sizes="96x96"/><link rel="apple-touch-icon" href="/images/icons/apple-icon-180x180.png"/><meta name="language" content="en"/><meta name="keywords" content="front-end web developer, technical lead, UI engineer, HTML, CSS, JavaScript, London, Sydney"/><meta name="description" content="I'm a Technical Lead and Front-End Developer based in London, United Kingdom, with over 15 years commercial experience."/><meta name="theme-color" content="#f0f0f0"/><link rel="preload" href="/fonts/raleway-regular.woff" as="font" type="font/woff" crossorigin="true"/><link rel="preload" href="/fonts/raleway-medium.woff" as="font" type="font/woff" crossorigin="true"/><link rel="preload" href="/fonts/raleway-bold.woff" as="font" type="font/woff" crossorigin="true"/><link rel="preload" href="/fonts/raleway-semibold.woff" as="font" type="font/woff" crossorigin="true"/><title>Stacey Fenton - Front-End / UI Engineer and Technical Lead</title><link rel="canonical" href="https://staceyfenton.com/"/><meta property="og:locale" content="en_GB"/><meta property="og:type" content="website"/><meta property="og:site_name" content="Stacey Fenton"/><meta property="og:title" content="Stacey Fenton - Front-End / UI Engineer and Technical Lead"/><meta property="og:description" content="I'm a Technical Lead and Front-End Developer based in London, United Kingdom, with over 15 years commercial experience."/><meta property="og:url" content="https://staceyfenton.com/"/><meta name="twitter:card" content="summary"/><meta name="twitter:site" content="@staceyfenton"/><meta name="twitter:creator" content="@staceyfenton"/><meta name="twitter:title" content="Stacey Fenton - Front-End / UI Engineer and Technical Lead"/><meta name="twitter:description" content="I'm a Technical Lead and Front-End Developer based in London, United Kingdom, with over 15 years commercial experience."/><meta name="google-site-verification" content="sa1oDEDmuFSDxoTWoLOVwNCFIlbb3nVcI1lRQ9vZ0tU"/><meta name="next-head-count" content="29"/><style data-href="/_next/static/css/d99b7671e3a18180.css">@font-face{font-family:Raleway;src:url(/fonts/raleway-regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Raleway;src:url(/fonts/raleway-medium.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Raleway;src:url(/fonts/raleway-semibold.woff) format("woff");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Raleway;src:url(/fonts/raleway-bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}:root{font-size:62.5%}body{background-color:#fff;color:rgba(0,0,0,.6);font-family:Raleway,HelveticaNeue,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:1.6rem;font-weight:400;line-height:1.5;margin:0}main{flex:1 0 auto;padding-top:20px}a{color:#00a786;font-weight:700;text-decoration:none;transition:all .2s ease;transition-property:color,border,-webkit-text-decoration;transition-property:color,border,text-decoration;transition-property:color,border,text-decoration,-webkit-text-decoration}a:hover{text-decoration:underline}h1,h2,h3,h4,h5,h6{color:#323232;letter-spacing:-.02em}h1,h2,h3{margin:0}h2:not([class]){font-size:2.6rem;font-weight:500;letter-spacing:1px;line-height:1.1;margin-bottom:2em;position:relative;text-align:center;text-transform:uppercase}h2:not([class]):after{background:#999;content:"";display:block;height:1px;margin:1rem auto;width:4rem}h3{font-size:1.8rem;line-height:1.458;font-weight:500;margin-bottom:.5em}@media(min-width:620px){h3{font-size:2rem}}p{margin:0 0 1.3em}img{max-width:100%}.container{margin:0 auto;max-width:1000px;width:calc(100% - 40px)}@media(min-width:620px){.container{width:calc(100% - 100px)}}.site-wrapper{display:flex;flex-direction:column;min-height:100vh}.body-content{margin:0 auto;max-width:700px}.list-reset{list-style:none;margin:0;padding:0}.flex{display:flex}.flex-wrap{flex-wrap:wrap}.button{border:2px solid rgba(0,0,0,.12);color:#000;display:inline-block;font-size:1.4rem;font-weight:500;letter-spacing:.06em;line-height:2.4rem;margin:2px 0 3px;max-width:100%;padding:1.4rem 5rem;text-align:center;text-transform:uppercase}.button:hover{border-color:rgba(0,0,0,.3);text-decoration:none}.align-centre{text-align:center}.video{position:relative;padding-bottom:56.25%;height:0}.video iframe{position:absolute;top:0;left:0;width:100%;height:100%}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-gap:20px;margin-bottom:30px}.grid--322{grid-template-columns:repeat(auto-fill,minmax(322px,1fr))}.grid--two-col-layout{grid-gap:0}@media(min-width:620px){.grid--two-col-layout{grid-gap:0 40px;grid-template-columns:8fr 4fr}}.grid--work p{margin-bottom:0;text-align:center}header{background-color:#fff;font-size:1.3rem;padding:20px 0;position:-webkit-sticky;position:sticky;text-transform:uppercase;top:0;z-index:10}@media(min-width:620px){header{padding:35px 0}}header a{color:#000;font-weight:500;letter-spacing:.2rem}header a:hover{color:#00a786;text-decoration:none}header h1{font-size:1.3rem;margin-bottom:16px}header .container{justify-content:space-between}header li{margin-right:12px}@media(min-width:620px){header li{margin-right:20px}}header li:last-child{margin-right:0}.header--home{background-color:#f0f0f0}.header--home+main{padding-top:0}footer{background-color:#f0f0f0;margin:30px 0 0;padding:30px 0}@media(min-width:620px){footer{margin:50px 0 0;padding:50px 0}}footer .container{flex-wrap:wrap;justify-content:space-between;align-items:center}footer li{margin:0 6px}footer li:first-child{margin-left:0}footer li:last-child{margin-right:0}footer .social{align-items:center;margin:20px 0}@media(min-width:620px){footer .social{margin:0}}footer .social__link{display:block;height:28px;margin:0 4px 0 8px}footer .social__link svg{fill:#757575;transition:fill .2s ease;width:28px;height:28px;vertical-align:middle}footer .social__link svg.icon-linkedin-logo{height:23px}footer .social__link:last-child{margin:0 0 0 3px}footer .social__link:hover svg{fill:#39aadc}.hero{background-color:#f0f0f0;font-size:1.8rem;padding:60px 0 40px}@media(min-width:620px){.hero{font-size:2.2rem;padding:100px 0 120px}}.hero__heading{color:#000;font-size:3.8rem;font-weight:500;line-height:1.2;margin:0 0 1.5rem}@media(min-width:620px){.hero__heading{font-size:4.8rem}}.hero p{max-width:640px}.project-list{margin-bottom:30px;margin-top:30px}@media(min-width:620px){.project-list{margin-bottom:50px;margin-top:50px}}.project-list__link{border:1px solid rgba(0,0,0,.12);color:#000;display:block;overflow:hidden;position:relative}.project-list__link:before{background:#000;content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .4s ease;width:100%;z-index:1}.project-list__link:hover .project-list__name{opacity:1}.project-list__link:hover:before{opacity:.6}.project-list__link:hover .project-list__img{transform:scale(1.05)}.project-list__img{display:block;filter:blur(0);height:auto;transition:all .6s cubic-bezier(.6,0,.2,1);width:100%}.project-list__name{color:#fff;font-size:16px;font-weight:600;left:20px;letter-spacing:1px;line-height:1.2;opacity:0;position:absolute;right:20px;text-align:center;text-transform:uppercase;top:50%;transform:translateY(-50%);transition:all .3s ease;word-wrap:break-word;z-index:2}.contact-form__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:rgba(0,0,0,.06);border:0;border-radius:0;box-sizing:border-box;color:#000;display:block;font-family:Raleway,HelveticaNeue,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;height:44px;margin:0 0 1em;max-width:100%;padding:11px 10px;width:400px}.contact-form label{display:block}.contact-form__textarea{height:150px}.contact-form__submit{background:#fff;border:2px solid rgba(0,0,0,.12);color:rgba(0,0,0,.6);cursor:pointer;display:inline-block;font-size:13px;font-weight:500;letter-spacing:.06em;max-width:100%;padding:14px 50px;text-align:center;text-transform:uppercase;transition:all .2s ease}.contact-form__submit:hover{border-color:rgba(0,0,0,.3);text-decoration:none}.notification{border-radius:3px;margin:30px 0;padding:16px 20px}.notification.is-success{border:1px solid #23d160}.notification.is-error{border:1px solid #ff3860}</style><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-8fa1640cc84ba8fe.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-5429a50ba5373c56.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-cdb5a1cf2f94dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-5ef1e0c88ac433af.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/996-923ee8e3cff567be.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/index-0649e4c8e6874b71.js" defer="" crossorigin=""></script><script src="/_next/static/5TLPRxq1MRd_kTSZZht3n/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/5TLPRxq1MRd_kTSZZht3n/_ssgManifest.js" defer="" crossorigin=""></script></head><body><div id="__next"><div class="site-wrapper"><header class="header--home"><div class="container flex flex-wrap"><h1><a href="/">Stacey Fenton</a></h1><nav><ul class="list-reset flex"><li><a href="/about-me/">About</a></li><li><a href="/work/">Work</a></li><li><a href="/speaking/">Speaking</a></li><li><a href="/get-in-touch/">Get in touch</a></li></ul></nav></div></header><main><section class="hero"><div class="container"><h2 class="hero__heading">Hi, I'm Stacey</h2><p>I'm a technical lead and front‑end developer originally from Sydney, Australia, currently based in London, UK.</p><p><a class="button" href="/about-me/">More about me</a></p></div></section><section class="container project-list"><h2>Recent work</h2><ul class="list-reset grid"><li><a class="project-list__link" href="/work/vodafone-uk/"><img src="https://d1nd6ebc4fb67p.cloudfront.net/img/2022/vodafoneuk-thumb.jpg" alt="Vodafone UK" class="project-list__img" width="318" height="228" loading="lazy"/><span class="project-list__name">Vodafone UK</span></a></li><li><a class="project-list__link" href="/work/comparethemarket/"><img src="https://d1nd6ebc4fb67p.cloudfront.net/img/2019/ctm-thumb.jpg" alt="Compare the Market" class="project-list__img" width="318" height="228" loading="lazy"/><span class="project-list__name">Compare the Market</span></a></li><li><a class="project-list__link" href="/work/mondi-reporting-hub-2016/"><img src="https://d1nd6ebc4fb67p.cloudfront.net/wp-content/uploads/2017/08/07205027/mondi-2017-thumb.jpg" alt="Mondi Reporting Hub 2016" class="project-list__img" width="318" height="228" loading="lazy"/><span class="project-list__name">Mondi Reporting Hub 2016</span></a></li><li><a class="project-list__link" href="/work/gsk-annual-report-2016/"><img src="https://d1nd6ebc4fb67p.cloudfront.net/wp-content/uploads/2017/03/16233942/gsk-thumbnail.jpg" alt="GSK Annual Report 2016" class="project-list__img" width="318" height="228" loading="lazy"/><span class="project-list__name">GSK Annual Report 2016</span></a></li><li><a class="project-list__link" href="/work/coca-cola-hbc-integrated-annual-report-2016/"><img src="https://d1nd6ebc4fb67p.cloudfront.net/wp-content/uploads/2017/03/19210819/cchbc-oar.jpg" alt="Coca-Cola HBC Integrated Annual Report 2016" class="project-list__img" width="318" height="228" loading="lazy"/><span class="project-list__name">Coca-Cola HBC Integrated Annual Report 2016</span></a></li><li><a class="project-list__link" href="/work/gsk/"><img src="https://d1nd6ebc4fb67p.cloudfront.net/wp-content/uploads/2017/03/16234213/gsk-thumbnail-2.jpg" alt="GSK" class="project-list__img" width="318" height="228" loading="lazy"/><span class="project-list__name">GSK</span></a></li></ul><p class="align-centre"><a class="button" href="/work/">See more of my work</a></p></section></main><footer><div class="container flex">© 2024 Stacey Fenton. All Rights Reserved.<ul class="flex list-reset social"><li><a class="social__link" href="https://twitter.com/staceyfenton" target="_blank" rel="noopener" aria-label="Twitter profile"><svg class="icon icon-twitter-logo"><use xlink:href="/images/social-sprite.svg#icon-twitter-logo"></use></svg></a></li><li><a class="social__link" href="https://www.linkedin.com/in/staceyfenton" target="_blank" rel="noopener" aria-label="LinkedIn profile"><svg class="icon icon-linkedin-logo"><use xlink:href="/images/social-sprite.svg#icon-linkedin-logo"></use></svg></a></li><li><a class="social__link" href="https://github.com/staceyfenton" target="_blank" rel="noopener" aria-label="Github profile"><svg class="icon icon-github-logo"><use xlink:href="/images/social-sprite.svg#icon-github-logo"></use></svg></a></li></ul></div></footer><script>
window.addEventListener("load", () => {
if ("serviceWorker" in navigator) {
navigator.serviceWorker.register("service-worker.js");
}
});
</script></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"allWorkData":[{"id":"vodafone-uk","title":"Vodafone UK","date":"2022-10-01","thumbnail":"https://d1nd6ebc4fb67p.cloudfront.net/img/2022/vodafoneuk-thumb.jpg"},{"id":"comparethemarket","title":"Compare the Market","date":"2017-01-04","thumbnail":"https://d1nd6ebc4fb67p.cloudfront.net/img/2019/ctm-thumb.jpg"},{"id":"mondi-reporting-hub-2016","title":"Mondi Reporting Hub 2016","date":"2017-01-03","thumbnail":"https://d1nd6ebc4fb67p.cloudfront.net/wp-content/uploads/2017/08/07205027/mondi-2017-thumb.jpg"},{"id":"gsk-annual-report-2016","title":"GSK Annual Report 2016","date":"2017-01-02","thumbnail":"https://d1nd6ebc4fb67p.cloudfront.net/wp-content/uploads/2017/03/16233942/gsk-thumbnail.jpg"},{"id":"coca-cola-hbc-integrated-annual-report-2016","title":"Coca-Cola HBC Integrated Annual Report 2016","date":"2017-01-01","thumbnail":"https://d1nd6ebc4fb67p.cloudfront.net/wp-content/uploads/2017/03/19210819/cchbc-oar.jpg"},{"id":"gsk","title":"GSK","date":"2016-01-04","thumbnail":"https://d1nd6ebc4fb67p.cloudfront.net/wp-content/uploads/2017/03/16234213/gsk-thumbnail-2.jpg"},{"id":"mace","title":"MACE","date":"2016-01-03","thumbnail":"https://d1nd6ebc4fb67p.cloudfront.net/wp-content/uploads/2016/11/04172012/mace-thumb.jpg"},{"id":"lpeq","title":"LPEQ","date":"2016-01-02","thumbnail":"https://d1nd6ebc4fb67p.cloudfront.net/wp-content/uploads/2016/09/05211611/thumb-lpeq.jpg"},{"id":"turner-townsend","title":"Turner \u0026 Townsend","date":"2016-01-01","thumbnail":"https://d1nd6ebc4fb67p.cloudfront.net/wp-content/uploads/2016/09/05211614/thumb-turnertownsend.jpg"},{"id":"syngenta-annual-report-2015","title":"Syngenta Annual Report 2015","date":"2015-01-08","thumbnail":"https://d1nd6ebc4fb67p.cloudfront.net/wp-content/uploads/2016/09/05211604/thumb-syngenta2015.jpg"},{"id":"coca-cola-hellenic-bottling-company","title":"Coca-Cola Hellenic Bottling Company","date":"2015-01-07","thumbnail":"https://d1nd6ebc4fb67p.cloudfront.net/wp-content/uploads/2016/09/05211612/thumb-cchbc.jpg"},{"id":"kbc","title":"KBC Bank","date":"2015-01-06","thumbnail":"https://d1nd6ebc4fb67p.cloudfront.net/wp-content/uploads/2016/09/05211603/thumb-kbc.jpg"},{"id":"pwc-middle-market-year-in-review","title":"PwC Middle Market year in review","date":"2015-01-05","thumbnail":"https://d1nd6ebc4fb67p.cloudfront.net/wp-content/uploads/2016/09/05211601/thumb-pwc.jpg"},{"id":"severn-trent-annual-review-2015","title":"Severn Trent Annual Review 2015","date":"2015-01-04","thumbnail":"https://d1nd6ebc4fb67p.cloudfront.net/wp-content/uploads/2016/09/05211600/thumb-severntrent2015.jpg"},{"id":"radley-yeldar","title":"Radley Yeldar","date":"2015-01-04","thumbnail":"https://d1nd6ebc4fb67p.cloudfront.net/wp-content/uploads/2016/09/05211609/thumb-ry.jpg"},{"id":"vodafone-group-plc-annual-report-2015","title":"Vodafone Group Plc Annual Report 2015","date":"2015-01-03","thumbnail":"https://d1nd6ebc4fb67p.cloudfront.net/wp-content/uploads/2016/09/05211607/thumb-vodafone.jpg"},{"id":"mondi-integrated-report-and-financial-statements-2014","title":"Mondi integrated report and financial statements 2014","date":"2015-01-02","thumbnail":"https://d1nd6ebc4fb67p.cloudfront.net/wp-content/uploads/2016/09/05211606/thumb-mondi.jpg"},{"id":"british-american-tobacco-annual-review-2014","title":"Thomas Cook Online Annual Report 2014","date":"2015-01-01","thumbnail":"https://d1nd6ebc4fb67p.cloudfront.net/wp-content/uploads/2016/09/05211559/thumb-bat.jpg"},{"id":"thomas-cook-online-annual-report-2014","title":"Thomas Cook Online Annual Report 2014","date":"2014-07-01","thumbnail":"https://d1nd6ebc4fb67p.cloudfront.net/wp-content/uploads/2016/09/05211557/thumb-thomascook.jpg"},{"id":"kpmg-consumer-insights-panel","title":"KPMG Consumer Insights Panel","date":"2014-06-01","thumbnail":"https://d1nd6ebc4fb67p.cloudfront.net/wp-content/uploads/2016/09/05211555/thumb-kpmg.jpg"},{"id":"vouchercodes-co-uk","title":"Vouchercodes.co.uk","date":"2014-01-01","thumbnail":"https://d1nd6ebc4fb67p.cloudfront.net/wp-content/uploads/2016/09/05211554/thumb-vc.jpg"},{"id":"most-wanted","title":"Most Wanted","date":"2013-01-01","thumbnail":"https://d1nd6ebc4fb67p.cloudfront.net/wp-content/uploads/2016/09/05211552/thumb-mw.jpg"},{"id":"deals-com","title":"Deals.com","date":"2012-01-01","thumbnail":"https://d1nd6ebc4fb67p.cloudfront.net/wp-content/uploads/2016/08/05211551/thumb-deals.jpg"},{"id":"optus","title":"Optus","date":"2009-01-01","thumbnail":"https://d1nd6ebc4fb67p.cloudfront.net/wp-content/uploads/2016/08/05211550/thumb-optus.jpg"}]},"__N_SSG":true},"page":"/","query":{},"buildId":"5TLPRxq1MRd_kTSZZht3n","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>