diff --git a/src/_data/arts.json b/src/_data/arts.json index 475f78f..156989a 100644 --- a/src/_data/arts.json +++ b/src/_data/arts.json @@ -22,5 +22,9 @@ { "artId":"robot-hare", "bgColor":"Bgc-$artRobotHare" + }, + { + "artId":"funny-cake", + "bgColor":"Bgc-$artFunnyCake" } ] \ No newline at end of file diff --git a/src/arts/funny-cake.ejs b/src/arts/funny-cake.ejs new file mode 100644 index 0000000..9a3e863 --- /dev/null +++ b/src/arts/funny-cake.ejs @@ -0,0 +1,85 @@ +<% + const css = { + eye: 'Ps-a Apcr1 Bdrd50p', + bead: 'Ps-a Apcr4/3 -Bdy2 -Bdys-s -Bdyc-$cakeBlack Bdrd50p Tf -Tr-50p;-50p Bgc-$cakeWhite Bxsd-i;0;0;2u;2;$cakeRed', + creamWhite: 'Ps-a -Sz100p Bdrd50p Bgc-$cakeWhite', + creamYellow: 'Ps-a Apcr2/1 Bdrd50p Bgc-$cakeYellow Ov-h', + leftBeads: ['T-10p L1p W6p', 'T0p L3p W8p', 'T16p L7p W10p', 'T28p L13p W12p', 'T38p L22p W15p', 'T45p L34p W18p'], + rightBeads: ['T-10p L99p W6p', 'T0p L97p W8p', 'T16p L93p W10p', 'T28p L87p W12p', 'T38p L78p W15p', 'T45p L66p W18p'], + sizeCreamWhite: ['B-5p R10p', 'B-5p L10p', 'T-5p L-10p', 'T-10p L-10p', 'T-5p R-10p', 'T-10p R-10p', 'T-10p L0p', 'T-10p L5p', 'T-10p R5p'], + sizeCreamYellow: ['T-20p L55p W30p', 'T-20p L15p W30p', 'T15p L72p W30p', 'T35p L60p W30p', 'T15p L-2p W30p', 'T35p L10p W30p', 'T45p L35p W30p', 'T5p L20p W25p', 'T5p L55p W25p'] + }; +%> + +
+
+ +
+ +
+
+
+
+
+
+
+ +
+
+
+
+
+
+
+
+ +
+ +
+ <% for (let i = 0; i < css.leftBeads.length; i++) { %> + +
+ +
+ <% }; %> + +
+ +
+
+
+
+
+ +
+ +
+ <% for (let i = 0; i < css.leftBeads.length; i++) { %> + +
+ +
+ <% } %> + +
+
+
+ +
+ +
+
+ +
+
+
+
+
+ <% for (let i = 0; i < css.sizeCreamWhite.length; i++) { %> +
+
+
+ <% } %> +
+
+
diff --git a/src/assets/style/style.scss b/src/assets/style/style.scss index 84524c0..ebbd06e 100644 --- a/src/assets/style/style.scss +++ b/src/assets/style/style.scss @@ -98,6 +98,7 @@ html{ --ml-artExplodingHead:#003b2a; --ml-artClownEmoji: #065054; --ml-artRobotHare: #6f592b; + --ml-artFunnyCake: #1f3e6e; } } @@ -156,6 +157,7 @@ html{ --ml-artExplodingHead:#9cffe5; --ml-artClownEmoji: #10bac3; --ml-artRobotHare: #947e4f; + --ml-artFunnyCake: #6295e3; } }