diff --git a/web/public/img/feature.png b/web/public/img/feature.png new file mode 100644 index 0000000..d5e888e Binary files /dev/null and b/web/public/img/feature.png differ diff --git a/web/src/pages/HomePage/HomePage.tsx b/web/src/pages/HomePage/HomePage.tsx index e901c8b..96a56a3 100644 --- a/web/src/pages/HomePage/HomePage.tsx +++ b/web/src/pages/HomePage/HomePage.tsx @@ -51,33 +51,11 @@ const HomePage = () => { const updateIcon = async (hue, sat) => { const base = await Jimp.read('/img/base.png') - const bottom = await Jimp.read('/img/bottom.png') - const middle = await Jimp.read('/img/middle.png') - const top = await Jimp.read('/img/top.png') + const feature = await Jimp.read('/img/feature.png') const constructed = await base .clone() .composite( - bottom - .color([ - {apply: 'hue', params: [hue]}, - {apply: 'saturate', params: [sat]} - ]), - 0, - 0, - { mode: Jimp.BLEND_SOURCE_OVER } - ) - .composite( - middle - .color([ - {apply: 'hue', params: [hue]}, - {apply: 'saturate', params: [sat]} - ]), - 0, - 0, - { mode: Jimp.BLEND_SOURCE_OVER } - ) - .composite( - top + feature .color([ {apply: 'hue', params: [hue]}, {apply: 'saturate', params: [sat]}