From b041ef921e5a69328d1f73367bac1535aa12235a Mon Sep 17 00:00:00 2001 From: Victor Losada Hernandez Date: Thu, 16 Mar 2023 17:54:19 +0100 Subject: [PATCH] initial draft --- client/icons/customIcons.less | 3 + client/icons/mask-center.svg | 1 + themes/V3/Blank/snippets.js | 6 + themes/V3/Blank/snippets/imageMask.gen.js | 11 +- themes/V3/Blank/style.less | 138 ++++++++++++------ .../assets/waterColorMasks/center/0001.webp | Bin 0 -> 77578 bytes .../assets/waterColorMasks/center/0002.webp | Bin 0 -> 101830 bytes .../assets/waterColorMasks/center/0003.webp | Bin 0 -> 79108 bytes .../assets/waterColorMasks/center/0004.webp | Bin 0 -> 98942 bytes .../assets/waterColorMasks/center/0005.webp | Bin 0 -> 86692 bytes .../assets/waterColorMasks/center/0006.webp | Bin 0 -> 74090 bytes .../assets/waterColorMasks/center/0007.webp | Bin 0 -> 79700 bytes .../assets/waterColorMasks/center/0008.webp | Bin 0 -> 80294 bytes .../assets/waterColorMasks/center/0009.webp | Bin 0 -> 79400 bytes .../assets/waterColorMasks/center/0010.webp | Bin 0 -> 80676 bytes .../assets/waterColorMasks/center/0011.webp | Bin 0 -> 79566 bytes 16 files changed, 110 insertions(+), 49 deletions(-) create mode 100644 client/icons/mask-center.svg create mode 100644 themes/assets/waterColorMasks/center/0001.webp create mode 100644 themes/assets/waterColorMasks/center/0002.webp create mode 100644 themes/assets/waterColorMasks/center/0003.webp create mode 100644 themes/assets/waterColorMasks/center/0004.webp create mode 100644 themes/assets/waterColorMasks/center/0005.webp create mode 100644 themes/assets/waterColorMasks/center/0006.webp create mode 100644 themes/assets/waterColorMasks/center/0007.webp create mode 100644 themes/assets/waterColorMasks/center/0008.webp create mode 100644 themes/assets/waterColorMasks/center/0009.webp create mode 100644 themes/assets/waterColorMasks/center/0010.webp create mode 100644 themes/assets/waterColorMasks/center/0011.webp diff --git a/client/icons/customIcons.less b/client/icons/customIcons.less index 28cbcdf24..56d9a04c7 100644 --- a/client/icons/customIcons.less +++ b/client/icons/customIcons.less @@ -31,6 +31,9 @@ .mask-corner { content: url('../icons/mask-corner.svg'); } +.mask-center { + content: url('../icons/mask-center.svg'); +} .fa-file-c { content: url('../icons/fa-file-c.svg'); } diff --git a/client/icons/mask-center.svg b/client/icons/mask-center.svg new file mode 100644 index 000000000..393879410 --- /dev/null +++ b/client/icons/mask-center.svg @@ -0,0 +1 @@ +mask-center \ No newline at end of file diff --git a/themes/V3/Blank/snippets.js b/themes/V3/Blank/snippets.js index 33b819057..9d64496c3 100644 --- a/themes/V3/Blank/snippets.js +++ b/themes/V3/Blank/snippets.js @@ -101,6 +101,12 @@ module.exports = [ icon : 'fas fa-fill-drip', gen : WatercolorGen, }, + { + name : 'Watercolor Center', + icon : 'fac mask-center', + gen : ImageMaskGen.center, + experimental : true, + }, { name : 'Watercolor Edge', icon : 'fac mask-edge', diff --git a/themes/V3/Blank/snippets/imageMask.gen.js b/themes/V3/Blank/snippets/imageMask.gen.js index 5c6193a05..6d5ac026b 100644 --- a/themes/V3/Blank/snippets/imageMask.gen.js +++ b/themes/V3/Blank/snippets/imageMask.gen.js @@ -2,6 +2,15 @@ const _ = require('lodash'); const dedent = require('dedent-tabs').default; module.exports = { + center :()=>{ + return dedent` + {{imageMaskCenter${_.random(1, 10)},--offsetX:0cm,--offsetY:0cm,--rotation:0; + ![](https://i.imgur.com/GZfjDWV.png){height:100%} + }} + \n\n`; + }, + edge : (side = 'bottom')=>{ const rotation = { 'bottom' : 0, @@ -21,7 +30,7 @@ module.exports = { const offsetX = (x == 'left' ? '-50%' : '50%'); const offsetY = (y == 'top' ? '50%' : '-50%'); return dedent` - {{imageMaskCorner${_.random(1, 37)},--offsetX:${offsetX},--offsetY:${offsetY},--rotation:0 + {{imageMaskCorner${_.random(1, 37)},--offsetX:${offsetX},--offsetY:${offsetY},--rotation:0deg ![](https://i.imgur.com/GZfjDWV.png){height:100%} }}