'%20fill='none'%20stroke-linecap='round'%3e%3cpath%20d='M0%20696Q355.5-60%20711%20400t711%20296'%20stroke-dasharray='58%2046'/%3e%3cpath%20d='M0%20672Q355.5-60%20711%20400t711%20272'%20stroke-dasharray='55%2056'%20opacity='.97'/%3e%3cpath%20d='M0%20648Q355.5-60%20711%20400t711%20248'%20stroke-dasharray='72%2011'%20opacity='.93'/%3e%3cpath%20d='M0%20624Q355.5-60%20711%20400t711%20224'%20stroke-dasharray='28%2037'%20opacity='.9'/%3e%3cpath%20d='M0%20600Q355.5-60%20711%20400t711%20200'%20stroke-dasharray='88%2021'%20opacity='.86'/%3e%3cpath%20d='M0%20576Q355.5-60%20711%20400t711%20176'%20stroke-dasharray='32%2056'%20opacity='.83'/%3e%3cpath%20d='M0%20552Q355.5-60%20711%20400t711%20152'%20stroke-dasharray='23%2061'%20opacity='.8'/%3e%3cpath%20d='M0%20528Q355.5-60%20711%20400t711%20128'%20stroke-dasharray='55%2050'%20opacity='.76'/%3e%3cpath%20d='M0%20504Q355.5-60%20711%20400t711%20104'%20stroke-dasharray='7%2040'%20opacity='.73'/%3e%3cpath%20d='M0%20480q355.5-540%20711-80t711%2080'%20stroke-dasharray='72%2049'%20opacity='.69'/%3e%3cpath%20d='M0%20456q355.5-516%20711-56t711%2056'%20stroke-dasharray='54%2032'%20opacity='.66'/%3e%3cpath%20d='M0%20432q355.5-492%20711-32t711%2032'%20stroke-dasharray='90%205'%20opacity='.63'/%3e%3cpath%20d='M0%20408q355.5-468%20711-8t711%208'%20stroke-dasharray='30%202'%20opacity='.59'/%3e%3cpath%20d='M0%20384q355.5-444%20711%2016t711-16'%20stroke-dasharray='10%2022'%20opacity='.56'/%3e%3cpath%20d='M0%20360q355.5-420%20711%2040t711-40'%20stroke-dasharray='48%2013'%20opacity='.53'/%3e%3cpath%20d='M0%20336q355.5-396%20711%2064t711-64'%20stroke-dasharray='24%2048'%20opacity='.49'/%3e%3cpath%20d='M0%20312q355.5-372%20711%2088t711-88'%20stroke-dasharray='79%2044'%20opacity='.46'/%3e%3cpath%20d='M0%20288Q355.5-60%20711%20400t711-112'%20stroke-dasharray='58%206'%20opacity='.42'/%3e%3cpath%20d='M0%20264Q355.5-60%20711%20400t711-136'%20stroke-dasharray='2%2039'%20opacity='.39'/%3e%3cpath%20d='M0%20240Q355.5-60%20711%20400t711-160'%20stroke-dasharray='89%2058'%20opacity='.36'/%3e%3cpath%20d='M0%20216Q355.5-60%20711%20400t711-184'%20stroke-dasharray='62%2078'%20opacity='.32'/%3e%3cpath%20d='M0%20192Q355.5-60%20711%20400t711-208'%20stroke-dasharray='29%207'%20opacity='.29'/%3e%3cpath%20d='M0%20168Q355.5-60%20711%20400t711-232'%20stroke-dasharray='87%2042'%20opacity='.25'/%3e%3cpath%20d='M0%20144Q355.5-60%20711%20400t711-256'%20stroke-dasharray='68%2070'%20opacity='.22'/%3e%3cpath%20d='M0%20120Q355.5-60%20711%20400t711-280'%20stroke-dasharray='18%2081'%20opacity='.19'/%3e%3cpath%20d='M0%2096Q355.5-60%20711%20400t711-304'%20stroke-dasharray='64%2058'%20opacity='.15'/%3e%3cpath%20d='M0%2072Q355.5-60%20711%20400t711-328'%20stroke-dasharray='59%2034'%20opacity='.12'/%3e%3cpath%20d='M0%2048Q355.5-60%20711%20400t711-352'%20stroke-dasharray='14%2069'%20opacity='.08'/%3e%3c/g%3e%3cdefs%3e%3clinearGradient%20x1='50%25'%20y1='0%25'%20x2='50%25'%20y2='100%25'%20id='oooscillate-grad'%3e%3cstop%20stop-color='hsl(206,%2075%25,%2049%25)'%20offset='0%25'/%3e%3cstop%20stop-color='hsl(331,%2090%25,%2056%25)'%20offset='100%25'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e)
Chris Lawton
Front-end developer
Creating accessible, responsive web interfaces that blend aesthetics with performance.
Featured projects
Royal Opera House
Streaming platform build
- React
- TypeScript
- Storybook
Samaritans
Live chat platform build
- React
- Framer Motion
- Redux
- Styled Components
- PWA
- Service Workers
Action for Children
Secret Santa Donation Shop
- React
- Redux
- BEM
- APIs
- Local Storage
- Wagtail
Oxfam
Main site build
- Wagtail
- SCSS
- JavaScript
- accessibility