Help
RSS
API
Feed
Maltego
Contact
Domain > chrislawton.dev
×
More information on this domain is in
AlienVault OTX
Is this malicious?
Yes
No
DNS Resolutions
Date
IP Address
2026-02-03
104.21.8.52
(
ClassC
)
Port 443
HTTP/1.1 200 OKDate: Tue, 03 Feb 2026 17:29:00 GMTContent-Type: text/html; charsetutf-8Transfer-Encoding: chunkedConnection: keep-aliveAccess-Control-Allow-Origin: *Cache-Control: public, max-age0, must-revalidateLink: ./_app/immutable/entry/start.Akm4g-0Z.js>; relmodulepreload, ./_app/immutable/chunks/entry.3mtSvtiY.js>; relmodulepreload, ./_app/immutable/chunks/scheduler.DEVk9T6L.js>; relmodulepreload, ./_app/immutable/entry/app.DjQtNzD-.js>; relmodulepreload, ./_app/immutable/chunks/preload-helper.D6kgxu3v.js>; relmodulepreload, ./_app/immutable/chunks/index.4MpboFs5.js>; relmodulepreload, ./_app/immutable/nodes/0.DtatmwgU.js>; relmodulepreload, ./_app/immutable/chunks/stores.BiAtnmuA.js>; relmodulepreload, ./_app/immutable/nodes/2.jh_4ASeU.js>; relmodulepreload, ./_app/immutable/chunks/each.D6YF6ztN.js>; relmodulepreload, ./_app/immutable/chunks/Project.lL1k-LfN.js>; relmodulepreload, https://fonts.googleapis.com>; relpreconnectreferrer-policy: strict-origin-when-cross-originx-content-type-options: nosniffReport-To: {group:cf-nel,max_age:604800,endpoints:{url:https://a.nel.cloudflare.com/report/v4?sG8qto4gB7XjinWIQUcO%2BjneKbDcgYxKHWVfuO%2B%2FcUwtH9ONk6cm55o3j4oIq6dmz8WaZHZB%2BLCzkveyLBwsQLc7tfA0sfQpJgOTBSUiKvw%3D%3D}}Nel: {report_to:cf-nel,success_fraction:0.0,max_age:604800}Server: cloudflarecf-cache-status: DYNAMICCF-RAY: 9c83a5e0febc962a-PDXalt-svc: h3:443; ma86400 !doctype html>html langen> head> meta charsetutf-8 /> link relicon href./favicon.jpg /> meta nameviewport contentwidthdevice-width, initial-scale1 /> link href./_app/immutable/assets/0.DQx7sPKx.css relstylesheet> link href./_app/immutable/assets/2.D-ePg7IH.css relstylesheet> link relmodulepreload href./_app/immutable/entry/start.Akm4g-0Z.js> link relmodulepreload href./_app/immutable/chunks/entry.3mtSvtiY.js> link relmodulepreload href./_app/immutable/chunks/scheduler.DEVk9T6L.js> link relmodulepreload href./_app/immutable/entry/app.DjQtNzD-.js> link relmodulepreload href./_app/immutable/chunks/preload-helper.D6kgxu3v.js> link relmodulepreload href./_app/immutable/chunks/index.4MpboFs5.js> link relmodulepreload href./_app/immutable/nodes/0.DtatmwgU.js> link relmodulepreload href./_app/immutable/chunks/stores.BiAtnmuA.js> link relmodulepreload href./_app/immutable/nodes/2.jh_4ASeU.js> link relmodulepreload href./_app/immutable/chunks/each.D6YF6ztN.js> link relmodulepreload href./_app/immutable/chunks/Project.lL1k-LfN.js>title>Chris Lawton - Front-end Developer/title>!-- HEAD_svelte-5ant5k_START -->meta namedescription contentPortfolio website for Chris Lawton - a Front-end developer based in Bristol, UK>!-- HEAD_svelte-5ant5k_END --> link relpreconnect hrefhttps://fonts.googleapis.com> link relpreconnect hrefhttps://fonts.gstatic.com crossorigin> link hrefhttps://fonts.googleapis.com/css2?familyHanken+Grotesk:ital,wght@0,100..900;1,100..900&familySignika+Negative:wght@300..700&displayblock relstylesheet> /head> body data-sveltekit-preload-datahover> div classflex flex-col min-h-100vh>header classflex justify-between items-center p-2>div classhidden lg:block>/div> nav classw-full>ul classflex justify-center items-center text-xs gap-4 mb-0 font-thin font-heading list-none pl-0 lg:text-sm>li classmb-0>a href/ data-svelte-hsvelte-5a0zws>Home/a>/li> li classmb-0>a href/projects/ data-svelte-hsvelte-1cp3b61>All projects/a>/li> li classmb-0>a href/about/ data-svelte-hsvelte-17kljws>About/a>/li>/ul>/nav> div classhidden w-10 lg:block data-svelte-hsvelte-1m4cbtn>a hrefhttps://github.com/chris-lawton aria-labelVisit the github page for Chris Lawton>img srcdata:image/svg+xml,%3csvg%20xmlnshttp://www.w3.org/2000/svg%20viewBox-3%20-3%2030%2030%3e%3cpath%20fill-ruleevenodd%20clip-ruleevenodd%20dM12%202C6.477%202%202%206.477%202%2012s4.477%2010%2010%2010%2010-4.477%2010-10S17.523%202%2012%202zM0%2012C0%205.373%205.373%200%2012%200s12%205.373%2012%2012-5.373%2012-12%2012S0%2018.627%200%2012z%20fill%23fff/%3e%3cpath%20fill-ruleevenodd%20clip-ruleevenodd%20dM9.592%2022.736c-.097-.125-.097-1.237%200-3.337-1.036.036-1.69-.036-1.964-.216-.41-.27-.82-1.1-1.183-1.685-.364-.585-1.172-.678-1.498-.809-.326-.13-.408-.664.899-.26%201.306.403%201.37%201.501%201.782%201.758.412.257%201.398.145%201.844-.061.447-.206.414-.972.494-1.276.1-.283-.254-.346-.262-.348-.436%200-2.727-.498-3.356-2.717-.63-2.218.181-3.668.613-4.291.289-.416.263-1.301-.076-2.657%201.232-.158%202.182.23%202.852%201.163%200%20.005.877-.521%202.263-.521s1.878.429%202.257.521c.38.092.683-1.633%203.026-1.163-.489.961-.899%202.163-.586%202.657.313.493%201.54%202.063.786%204.291-.502%201.486-1.49%202.391-2.964%202.717-.169.054-.253.14-.253.26%200%20.18.228.2.557%201.044.22.562.236%202.168.048%204.817-.476.121-.846.203-1.11.244-.469.074-.977.115-1.478.131-.5.016-.673.014-1.364-.05a9.9%209.9%200%2001-1.327-.212z%20fill%23fff/%3e%3c/svg%3e altGitHub>/a>/div>/header> main>div> section>div classrelative>img srcdata:image/svg+xml,%3csvg%20xmlnshttp://www.w3.org/2000/svg%20viewBox0%200%201422%20800%20opacity.62%3e%3cg%20strokeurl(%23oooscillate-grad)%20fillnone%20stroke-linecapround%3e%3cpath%20dM0%20696Q355.5-60%20711%20400t711%20296%20stroke-dasharray58%2046/%3e%3cpath%20dM0%20672Q355.5-60%20711%20400t711%20272%20stroke-dasharray55%2056%20opacity.97/%3e%3cpath%20dM0%20648Q355.5-60%20711%20400t711%20248%20stroke-dasharray72%2011%20opacity.93/%3e%3cpath%20dM0%20624Q355.5-60%20711%20400t711%20224%20stroke-dasharray28%2037%20opacity.9/%3e%3cpath%20dM0%20600Q355.5-60%20711%20400t711%20200%20stroke-dasharray88%2021%20opacity.86/%3e%3cpath%20dM0%20576Q355.5-60%20711%20400t711%20176%20stroke-dasharray32%2056%20opacity.83/%3e%3cpath%20dM0%20552Q355.5-60%20711%20400t711%20152%20stroke-dasharray23%2061%20opacity.8/%3e%3cpath%20dM0%20528Q355.5-60%20711%20400t711%20128%20stroke-dasharray55%2050%20opacity.76/%3e%3cpath%20dM0%20504Q355.5-60%20711%20400t711%20104%20stroke-dasharray7%2040%20opacity.73/%3e%3cpath%20dM0%20480q355.5-540%20711-80t711%2080%20stroke-dasharray72%2049%20opacity.69/%3e%3cpath%20dM0%20456q355.5-516%20711-56t711%2056%20stroke-dasharray54%2032%20opacity.66/%3e%3cpath%20dM0%20432q355.5-492%20711-32t711%2032%20stroke-dasharray90%205%20opacity.63/%3e%3cpath%20dM0%20408q355.5-468%20711-8t711%208%20stroke-dasharray30%202%20opacity.59/%3e%3cpath%20dM0%20384q355.5-444%20711%2016t711-16%20stroke-dasharray10%2022%20opacity.56/%3e%3cpath%20dM0%20360q355.5-420%20711%2040t711-40%20stroke-dasharray48%2013%20opacity.53/%3e%3cpath%20dM0%20336q355.5-396%20711%2064t711-64%20stroke-dasharray24%2048%20opacity.49/%3e%3cpath%20dM0%20312q355.5-372%20711%2088t711-88%20stroke-dasharray79%2044%20opacity.46/%3e%3cpath%20dM0%20288Q355.5-60%20711%20400t711-112%20stroke-dasharray58%206%20opacity.42/%3e%3cpath%20dM0%20264Q355.5-60%20711%20400t711-136%20stroke-dasharray2%2039%20opacity.39/%3e%3cpath%20dM0%20240Q355.5-60%20711%20400t711-160%20stroke-dasharray89%2058%20opacity.36/%3e%3cpath%20dM0%20216Q355.5-60%20711%20400t711-184%20stroke-dasharray62%2078%20opacity.32/%3e%3cpath%20dM0%20192Q355.5-60%20711%20400t711-208%20stroke-dasharray29%207%20opacity.29/%3e%3cpath%20dM0%20168Q355.5-60%20711%20400t711-232%20stroke-dasharray87%2042%20opacity.25/%3e%3cpath%20dM0%20144Q355.5-60%20711%20400t711-256%20stroke-dasharray68%2070%20opacity.22/%3e%3cpath%20dM0%20120Q355.5-60%20711%20400t711-280%20stroke-dasharray18%2081%20opacity.19/%3e%3cpath%20dM0%2096Q355.5-60%20711%20400t711-304%20stroke-dasharray64%2058%20opacity.15/%3e%3cpath%20dM0%2072Q355.5-60%20711%20400t711-328%20stroke-dasharray59%2034%20opacity.12/%3e%3cpath%20dM0%2048Q355.5-60%20711%20400t711-352%20stroke-dasharray14%2069%20opacity.08/%3e%3c/g%3e%3cdefs%3e%3clinearGradient%20x150%25%20y10%25%20x250%25%20y2100%25%20idoooscillate-grad%3e%3cstop%20stop-colorhsl(206,%2075%25,%2049%25)%20offset0%25/%3e%3cstop%20stop-colorhsl(331,%2090%25,%2056%25)%20offset100%25/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e alt classabsolute> div classrelative p-8 lg:p-20 max-w-5xl m-auto flex flex-col justify-center overflow-hidden lg:min-h-65vh data-svelte-hsvelte-10n3d28>h1 classleading-none text-4xl lg:text-8xl>span classblock>Chris/span> Lawton/h1> p classtext-sm mt-4 font-medium uppercase leading-snug mb-10 text-right relative lg:text-lg lg:mt-0>span classblock mr-8 after:content- after:w-calc(100%+20px) after:h-1px after:bg-white after:block after:absolute after:right--100% after:top-15px>Front-end/span> developer/p> p classmax-w-lg text-left font-heading font-extralight relative lg:text-md before:content- before:w-calc(100%-20px) before:h-1px before:bg-white before:block before:absolute before:left--100% before:top-15px>Creating accessible, responsive web interfaces that blend aesthetics with performance./p>/div>/div> div classpt-20 lg:p-20 idfeatured-projects>h2 classflex flex-col mb-12 text-center mb-8 lg:mb-28 font-extralight data-svelte-hsvelte-jmwnyu>span classpr-16>Featured/span> span classpl-16>projects/span>/h2> ul classmax-w-7xl m-auto relative z-10 px-8>div id__saos-0.0479173289274637__ style>div styleanimation: from-bottom 0.4s cubic-bezier(0.35, 0.5, 0.65, 0.95) both; >li classborder-b-2 border-b-grey-light list-none py-4 lg:justify-between lg:items-center lg:py-6 lg:flex lg:gap-4>div>h1 classtext-md lg:text-5xl leading-none font-thin>a hrefprojects/royal-opera-house classflex gap-2 items-center lg:gap-4 group>Royal Opera House svg viewBox0 0 267 512.43 classw-4 h-4 lg:w-10 lg:h-10 lg:opacity-0 translate-x-0 transition-opacity transition-transform group-hover:opacity-100 group-hover:translate-x-2>path classfill-current fill-rulenonzero dM3.22 18.9c-4.28-4.3-4.3-11.31-.04-15.64s11.2-4.35 15.48-.04l245.12 245.16c4.28 4.3 4.3 11.31.04 15.64L18.66 509.22a10.874 10.874 0 01-15.48-.05c-4.26-4.33-4.24-11.33.04-15.63L240.5 256.22 3.22 18.9z>/path>/svg>/a>/h1> p classfont-subheading mb-0 font-light lg:text-lg text-grey>Streaming platform build/p>/div> ul classhidden lg:block list-none text-blue-light font-heading pl-0 lg:text-right mb-0>li classtext-3xs lg:text-sm leading-none lg:mb-4 uppercase>React/li>li classtext-3xs lg:text-sm leading-none lg:mb-4 uppercase>TypeScript/li>li classtext-3xs lg:text-sm leading-none lg:mb-4 uppercase>Storybook/li>/ul>/li> /div>/div>div id__saos-0.92469938651405__ style>div styleanimation: from-bottom 0.4s cubic-bezier(0.35, 0.5, 0.65, 0.95) both; >li classborder-b-2 border-b-grey-light list-none py-4 lg:justify-between lg:items-center lg:py-6 lg:flex lg:gap-4>div>h1 classtext-md lg:text-5xl leading-none font-thin>a hrefprojects/samaritans classflex gap-2 items-center lg:gap-4 group>Samaritans svg viewBox0 0 267 512.43 classw-4 h-4 lg:w-10 lg:h-10 lg:opacity-0 translate-x-0 transition-opacity transition-transform group-hover:opacity-100 group-hover:translate-x-2>path classfill-current fill-rulenonzero dM3.22 18.9c-4.28-4.3-4.3-11.31-.04-15.64s11.2-4.35 15.48-.04l245.12 245.16c4.28 4.3 4.3 11.31.04 15.64L18.66 509.22a10.874 10.874 0 01-15.48-.05c-4.26-4.33-4.24-11.33.04-15.63L240.5 256.22 3.22 18.9z>/path>/svg>/a>/h1> p classfont-subheading mb-0 font-light lg:text-lg text-grey>Live chat platform build/p>/div> ul classhidden lg:block list-none text-blue-light font-heading pl-0 lg:text-right mb-0>li classtext-3xs lg:text-sm leading-none lg:mb-4 uppercase>React/li>li classtext-3xs lg:text-sm leading-none lg:mb-4 uppercase>Framer Motion/li>li classtext-3xs lg:text-sm leading-none lg:mb-4 uppercase>Redux/li>li classtext-3xs lg:text-sm leading-none lg:mb-4 uppercase>Styled Components/li>li classtext-3xs lg:text-sm leading-none lg:mb-4 uppercase>PWA/li>li classtext-3xs lg:text-sm leading-none lg:mb-4 uppercase>Service Workers/li>/ul>/li> /div>/div>div id__saos-0.7351917460484911__ style>div styleanimation: from-bottom 0.4s cubic-bezier(0.35, 0.5, 0.65, 0.95) both; >li classborder-b-2 border-b-grey-light list-none py-4 lg:justify-between lg:items-center lg:py-6 lg:flex lg:gap-4>div>h1 classtext-md lg:text-5xl leading-none font-thin>a hrefprojects/action-for-children classflex gap-2 items-center lg:gap-4 group>Action for Children svg viewBox0 0 267 512.43 classw-4 h-4 lg:w-10 lg:h-10 lg:opacity-0 translate-x-0 transition-opacity transition-transform group-hover:opacity-100 group-hover:translate-x-2>path classfill-current fill-rulenonzero dM3.22 18.9c-4.28-4.3-4.3-11.31-.04-15.64s11.2-4.35 15.48-.04l245.12 245.16c4.28 4.3 4.3 11.31.04 15.64L18.66 509.22a10.874 10.874 0 01-15.48-.05c-4.26-4.33-4.24-11.33.04-15.63L240.5 256.22 3.22 18.9z>/path>/svg>/a>/h1> p classfont-subheading mb-0 font-light lg:text-lg text-grey>Secret Santa Donation Shop/p>/div> ul classhidden lg:block list-none text-blue-light font-heading pl-0 lg:text-right mb-0>li classtext-3xs lg:text-sm leading-none lg:mb-4 uppercase>React/li>li classtext-3xs lg:text-sm leading-none lg:mb-4 uppercase>Redux/li>li classtext-3xs lg:text-sm leading-none lg:mb-4 uppercase>BEM/li>li classtext-3xs lg:text-sm leading-none lg:mb-4 uppercase>APIs/li>li classtext-3xs lg:text-sm leading-none lg:mb-4 uppercase>Local Storage/li>li classtext-3xs lg:text-sm leading-none lg:mb-4 uppercase>Wagtail/li>/ul>/li> /div>/div>div id__saos-0.4829026661231368__ style>div styleanimation: from-bottom 0.4s cubic-bezier(0.35, 0.5, 0.65, 0.95) both; >li classborder-b-2 border-b-grey-light list-none py-4 lg:justify-between lg:items-center lg:py-6 lg:flex lg:gap-4>div>h1 classtext-md lg:text-5xl leading-none font-thin>a hrefprojects/oxfam classflex gap-2 items-center lg:gap-4 group>Oxfam svg viewBox0 0 267 512.43 classw-4 h-4 lg:w-10 lg:h-10 lg:opacity-0 translate-x-0 transition-opacity transition-transform group-hover:opacity-100 group-hover:translate-x-2>path classfill-current fill-rulenonzero dM3.22 18.9c-4.28-4.3-4.3-11.31-.04-15.64s11.2-4.35 15.48-.04l245.12 245.16c4.28 4.3 4.3 11.31.04 15.64L18.66 509.22a10.874 10.874 0 01-15.48-.05c-4.26-4.33-4.24-11.33.04-15.63L240.5 256.22 3.22 18.9z>/path>/svg>/a>/h1> p classfont-subheading mb-0 font-light lg:text-lg text-grey>Main site build/p>/div> ul classhidden lg:block list-none text-blue-light font-heading pl-0 lg:text-right mb-0>li classtext-3xs lg:text-sm leading-none lg:mb-4 uppercase>Wagtail/li>li classtext-3xs lg:text-sm leading-none lg:mb-4 uppercase>SCSS/li>li classtext-3xs lg:text-sm leading-none lg:mb-4 uppercase>JavaScript/li>li classtext-3xs lg:text-sm leading-none lg:mb-4 uppercase>accessibility/li>/ul>/li> /div>/div>/ul> div classtext-center data-svelte-hsvelte-1so6c4d>a href/projects classmt-6 button font-bold uppercase text-center block lg:mt-20>View all projects/a>/div> /div>/section>/div>/main> footer classp-2 bg-black mt-10 lg:mt-auto data-svelte-hsvelte-vo4qqr>p classflex items-center justify-center lg:justify-end gap-1 m-0>img srcdata:image/svg+xml,%3csvg%20width800%20height800%20viewBox0%200%2024%2024%20fillnone%20xmlnshttp://www.w3.org/2000/svg%3e%3cpath%20dM4%207l6.2%204.65a3%203%200%20003.6%200L20%207%20stroke%23fff%20stroke-width2%20stroke-linecapround%20stroke-linejoinround/%3e%3crect%20x3%20y5%20width18%20height14%20rx2%20stroke%23fff%20stroke-width2%20stroke-linecapround/%3e%3c/svg%3e alt classw-6 h-6> a href/cdn-cgi/l/email-protection#b3dbd6dfdfdcf3d0dbc1dac0dfd2c4c7dcdd9dd7d6c5 classtext-xs font-medium underline>span class__cf_email__ data-cfemail026a676e6e6d42616a706b716e6375766d6c2c666774>email protected/span>/a>/p>/footer>/div> script data-cfasyncfalse src/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js>/script>script> { __sveltekit_mnyndh { base: new URL(., location).pathname.slice(0, -1) }; const element document.currentScript.parentElement; const data null,{type:data,data:{projects:{slug:royal-opera-house,title:Royal Opera House,tagline:Streaming platform build,tags:React,TypeScript,Storybook,content:\n\t\t\t\u003Cp>\n\t\t\t\tAs part of staff augmentation, I was tasked with integrating components created in storybook to the new streaming platform for the Royal Opera House.\n\t\t\t\tThe platform was built using React, TypeScript, and Storybook, and was designed to provide a seamless user experience for opera fans around the world.\n\t\t\t\u003C/p>\n\n\t\t\t\u003Cp>This work was done during my time as a Senior Front-end developer at Torchbox. It was a staff augmentation project where I joined the Royal Opera House development team.\u003C/p>\n\t\t\t\u003Cp>\u003Ca class\underline\ href\https://stream.roh.org.uk/\ target\_blank\ rel\noopener\>View the Royal Opera House streaming platform\u003C/a>\u003C/p>\n\t\t},{slug:samaritans,title:Samaritans,tagline:Live chat platform build,tags:React,Framer Motion,Redux,Styled Components,PWA,Service Workers,content:\n\t\t\t\u003Cp>Lead front-end developer on a project to build a new online chat service for Samaritans.\u003C/p>\n\t\t\t\u003Cp>The platform was built using React, Redux, and Styled Components.\u003C/p>\n\t\t\t\u003Cp>This work was done during my time as a Senior Front-end developer at Torchbox.\u003C/p>\n\t\t\t\u003Cp>\u003Ca class\underline\ target\_blank\ rel\noopener\ href\https://www.samaritans.org/news/samaritans-piloting-real-time-written-word-service/\>Read more about the Samaritans chat service\u003C/a>\u003C/p>\n\t\t},{slug:action-for-children,title:Action for Children,tagline:Secret Santa Donation Shop,tags:React,Redux,BEM,APIs,Local Storage,Wagtail,content:\n\t\t\t\u003Cp>Building a React store front that sits in front of a donation checkout where users can browse and select one-off or regular gifts to donate to children in need.\u003C/p>\n\t\t\t\u003Cp>The store allowed users to add/remove products to their basket, add upsells and dedicate products that generated a personalised e-certificate.\u003C/p>\n\t\t\t\u003Cp>Products were pulled from a Wagtail CMS and the basket was stored in local storage.\u003C/p>\n\t\t\t\u003Cp>This work was done during my time as a Senior Front-end developer at Torchbox.\u003C/p>\n\t\t\t\u003Cp>\u003Ca class\underline\ href\https://www.actionforchildren.org.uk/support-us/make-a-donation/shop/gifts-that-give-back/\ target\_blank\ rel\noopener\>View the Action for Children donation shop\u003C/a>\u003C/p>\n\t\t},{slug:oxfam,title:Oxfam,tagline:Main site build,tags:Wagtail,SCSS,JavaScript,accessibility,content:\n\t\t\t\u003Cp>The main website build for Oxfam that included numerous page templates and striking components that give the site impact.\u003C/p>\n\t\t\t\u003Cp>My role was to build the front-end of the site using HTML, SCSS, and JavaScript, ensuring the site was accessible and responsive.\u003C/p>\n\t\t\t\u003Cp>This work was done during my time as a Senior Front-end developer at Torchbox.\u003C/p>\n\t\t\t\u003Cp>\u003Ca class\underline\ href\https://www.oxfam.org.uk/\ target\_blank\ rel\noopener\>View the Oxfam site\u003C/a>\u003C/p>\n\t\t},{slug:mozilla-mozfest,title:Mozfest,tagline:MozFest Site Build,tags:SCSS,JS,API,Wagtail,content:\n\t\t\t\u003Cp>Updates were needed to the exisiting MozFest site that were completed within a 2 week sprint.\u003C/p>\n\t\t\t\u003Cp>My role was to help achieve the new design by modifying existing components or building new ones - careful planning was needed as some of the components were used elsewhere on the site.\u003C/p>\n\t\t\t\u003Cp>This work was done during my time as a Senior Front-end developer at Torchbox.\u003C/p>\n\t\t\t\u003Cp>\u003Ca class\underline\ href\https://www.mozillafestival.org/\ target\_blank\ rel\noopener\>View the MozFest site\u003C/a>\u003C/p>\n\t\t},{slug:royal-college-of-art,title:Royal College of Art,tagline:Main Website Build,tags:SCSS,JS,API,Wagtail,content:\n\t\t\t\u003Cp>Working alongside another FE developer our role was to build the new RCA site from designs received from an external agency.\u003C/p>\n\t\t\t\u003Cp>For various reasons the site was launched alongside the old one so to keep the menus in sync an API was written and consumed via JS.\u003C/p>\n\t\t\t\u003Cp>This work was done during my time as a Senior Front-end developer at Torchbox.\u003C/p>\n\t\t\t\u003Cp>\u003Ca class\underline\ href\https://www.rca.ac.uk/\ target\_blank\ rel\noopener\>View the RCA site\u003C/a>\u003C/p>\n\t\t},{slug:marine-conservation-society,title:Marine Conservation Society,tagline:Main Website Build,tags:Wagtail,SCSS,JavaScript,accessibility,content:\n\t\t\t\u003Cp>Lead FE developer on the rebuild of the main site which included a Beach Clean events section and donation platform.\u003C/p>\n\t\t\t\u003Cp>The new site resulted in 10x smaller page size and 5x fewer requests to load the page compared to the previous site. This will certainly result in happy users, happy Google search results, longer-lasting smartphone battery charges, a lower environmental impact and makes it possible for people on low data-capped connections to access the site. All round, a big success!\u003C/p>\n\t\t\t\u003Cp>This work was done during my time as a Senior Front-end developer at Torchbox.\u003C/p>\n\t\t\t\u003Cp>\u003Ca class\underline\ href\https://www.mcsuk.org/\ target\_blank\ rel\noopener\>View the Marine Conservation Society site\u003C/a>\u003C/p>\n\t\t},{slug:action-for-children-star,title:Action for Children,tagline:Sky of Stars,tags:React,Local Storage,SPA,content:\n\t\t\t\u003Cp>Leading the build of a SPA where users could come and search for supporters amongst a Sky of Stars.\u003C/p>\n\t\t\t\u003Cp>Users could search for, view and explore more of the sky.\u003C/p>\n\t\t\t\u003Cp>This work was done during my time as a Senior Front-end developer at Torchbox.\u003C/p>\n\t\t\t\u003Cp>\u003Ca class\underline\ href\https://www.actionforchildren.org.uk/support-us/make-a-donation/leave-a-gift-in-your-will/sky-of-stars/\ target\_blank\ rel\noopener\>View Sky of Stars\u003C/a>\u003C/p>\n\t\t},{slug:cambridge-university-hospital,title:Cambridge University Hospital,tagline:Accessibility Audit,tags:accessibility,content:\n\t\t\t\u003Cp>Working closely with the client and an external accessibility audit agency to fix accessibility issues on the site and make the site compliant to AA.\u003C/p>\n\t\t\t\u003Cp>As a result of the work the website shot up the Silktide NHS accessibility rankings 40 places to 5th in the country.\u003C/p>\n\t\t\t\u003Cp>This work was done during my time as a Senior Front-end developer at Torchbox.\u003C/p>\n\t\t\t\u003Cp>\u003Ca class\underline\ href\https://www.cuh.nhs.uk/\ target\_blank\ rel\noopener\>View the Cambridge University Hospital site\u003C/a>\u003C/p>\n\t\t},{slug:california-college-of-the-arts,title:California College of the Arts,tagline:Main Website Build,tags:Wagtail,SCSS,JavaScript,accessibility,content:\n\t\t\t\u003Cp>Working alognside another FE dev to build the new site for CCA making sure the new site was pixel perfect and adhered to the design.\u003C/p>\n\t\t\t\u003Cp>This work was done during my time as a Senior Front-end developer at Torchbox.\u003C/p>\n\t\t\t\u003Cp>\u003Ca class\underline\ href\https://www.cca.edu/\ target\_blank\ rel\noopener\>View the California College of the Arts site\u003C/a>\u003C/p>\n\t\t}},uses:{}}; Promise.all( import(./_app/immutable/entry/start.Akm4g-0Z.js), import(./_app/immutable/entry/app.DjQtNzD-.js) ).then((kit, app) > { kit.start(app, element, { node_ids: 0, 2, data, form: null, error: null }); }); } /script> /body>/html>
View on OTX
|
View on ThreatMiner
Please enable JavaScript to view the
comments powered by Disqus.
Data with thanks to
AlienVault OTX
,
VirusTotal
,
Malwr
and
others
. [
Sitemap
]