Skip to content

Commit 2484d30

Browse files
RamazanmakRamazanmak
committed
fix: fix minor mistakes and make the layouts of the arts more pretty
1 parent 58f5cf6 commit 2484d30

5 files changed

Lines changed: 165 additions & 142 deletions

File tree

‎src/arts/clown-emoji.ejs‎

Lines changed: 14 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -1,19 +1,17 @@
11
<%
2-
const css = {
3-
hairWrapper: '-Sz40p Ps-a T2p',
4-
hairBottomPart: '-Sz35p Bdrd100p Ps-a T45p L-15p Bgc-$clownRedA Bd3;s;$clownRedB Ct_b Ps-a_b -Sz100p_b L205p_b T-145p_b Bgc-$clownRedA_b Bd3;s;$clownRedB_b Bdrd100p_b',
5-
hairTopPart: '-Sz40p Bdrd100p Ps-r Bgc-$clownRedA Bd3;s;$clownRedB Ct_af,b Ps-a_af,b -Sz120p_af,b T40p_af L-30p_af L55p_b T-15p_b Bgc-$clownRedA_af,b Bd3;s;$clownRedB_af,b Bdrd100p_af,b',
6-
eye: 'Ps-a Bgc-$clownWhiteA Zi10 T20p W23p H38p Bd6;s;$clownBlue @c:canva:w>=gMd_Bdw13 Bdrd100p D-f Jc-c Ai-c Ct_af,b Ps-a_af T-40p_af Bdrd100p_af L0_af W100p_af H30p_af -Gdrd-cr;at;50p;100p,tp,tp;50p,$clownGrayB;50p,$clownGrayA;70p,tp;70p_af',
7-
pupil: 'W60p H70p Bdrd100p -Gdrd-cr;fts;at;50p;70p,$clownGrayA,$clownGrayA;80p,$clownGrayB;95p',
8-
lipsCorner: 'Ps-a Zi7 B28p -Sz19p',
9-
shutter: 'W100p H65p Bgc-$clownWhiteA'
10-
}
2+
const css = {
3+
hairWrapper: '-Sz40p Ps-a T2p',
4+
hairBottomPart: '-Sz35p Bdrd100p Ps-a T45p L-15p Bgc-$clownRedA Bd3;s;$clownRedB Ct_b Ps-a_b -Sz100p_b L205p_b T-145p_b Bgc-$clownRedA_b Bd3;s;$clownRedB_b Bdrd100p_b',
5+
hairTopPart: '-Sz40p Bdrd100p Ps Bgc-$clownRedA Bd3;s;$clownRedB Ct_af,b Ps-a_af,b -Sz120p_af,b T40p_af L-30p_af L55p_b T-15p_b Bgc-$clownRedA_af,b Bd3;s;$clownRedB_af,b Bdrd100p_af,b',
6+
eye: 'Ps-a Bgc-$clownWhiteA Zi10 T20p W23p H38p Bd6;s;$clownBlue Bdrd100p D-f Jc-c Ai-c Ct_af,b Ps-a_af T-40p_af Bdrd100p_af L0_af W100p_af H30p_af -Gdrd-cr;at;50p;100p,tp,tp;50p,$clownGrayB;50p,$clownGrayA;70p,tp;70p_af',
7+
pupil: 'W60p H70p Bdrd100p -Gdrd-cr;fts;at;50p;70p,$clownGrayA,$clownGrayA;80p,$clownGrayB;95p',
8+
lipsCorner: 'Ps-a Zi7 B28p -Sz19p',
9+
shutter: 'W100p H65p Bgc-$clownWhiteA'
10+
}
1111
%>
12-
1312
<!-- Canvas -->
14-
<div class="-Sz100p Ctnn-canva Ctnt-s D-f Jc-c Ai-c -ClownRedA#ff382c -ClownRedB#c50301 -ClownRedC#ff372c40 -ClownWhiteA#fff -ClownWhiteB#ece3b6 -ClownWhiteC#a79b4d -ClownWhiteD#f9f8ef -ClownGrayA#404040 -ClownGrayB#030303 -ClownBlue#0072be Ov-h">
15-
16-
<div class="@c:canva:apcr>=1_H70p @c:canva:apcr<=1_W70p Apcr1 Ps-r ">
13+
<div class="-Sz100p Ctnt-s D-f Jc-c Ai-c -ClownRedA#ff382c -ClownRedB#c50301 -ClownRedC#ff372c40 -ClownWhiteA#fff -ClownWhiteB#ece3b6 -ClownWhiteC#a79b4d -ClownWhiteD#f9f8ef -ClownGrayA#404040 -ClownGrayB#030303 -ClownBlue#0072be Ov-h">
14+
<div class="@c:apcr>=1_H70p @c:apcr<=1_W70p Apcr1 Ps-r ">
1715
<!-- Left Hair -->
1816
<div class="<%= css.hairWrapper%> Tf -Rt-15d L2p">
1917
<div class="<%= css.hairBottomPart%>">
@@ -28,24 +26,21 @@
2826
<div class="<%= css.hairTopPart%>">
2927
</div>
3028
</div>
31-
3229
<!-- Head-->
3330
<div class="Apcr1 -Sz100p Ps-a Bdrd100p Bd1;s;$clownWhiteC -Gdrd-cr;at;50p;48p,$clownWhiteD,$clownWhiteA;65p,$clownWhiteB;70p,$clownWhiteB;">
3431
<!-- Left eye -->
35-
<div class="<%= css.eye %> L20p">
32+
<div class="<%= css.eye %> @c:w>=gMd_Bdw13 L20p">
3633
<div class="<%= css.pupil %>">
3734
</div>
3835
</div>
3936
<!-- Right eye -->
40-
<div class="<%= css.eye %> R20p">
37+
<div class="<%= css.eye %> @c:w>=gMd_Bdw13 R20p">
4138
<div class="<%= css.pupil %>">
4239
</div>
4340
</div>
44-
4541
<!-- Nose -->
46-
<div class="Ps-a -Sz22p Zi8 T48p L39p -Gdrd-cr;at;50p;90p,$clownRedA;80p,$clownWhiteA;84p Bd4;s;$clownRedB @c:canva:w>=gMd_Bdw6 Bdrd100p Ct_af,b -Sz2p_af,b Bgc-$clownRedA_af,b Bdrd100p_af,b Bxsd0;0;6u;4u;$clownRedA_af,b @c:canva:w>=gSm_Bxsd0;0;7u;5u;$clownRedA_af,b @c:canva:w>=gMd_Bxsd0;0;9u;7u;$clownRedA_af,b Ps-a_af,b T30p_af,b L220p_af R220p_b">
42+
<div class="Ps-a -Sz22p Zi8 T48p L39p -Gdrd-cr;at;50p;90p,$clownRedA;80p,$clownWhiteA;84p Bd4;s;$clownRedB @c:w>=gMd_Bdw6 Bdrd100p Ct_af,b -Sz2p_af,b Bgc-$clownRedA_af,b Bdrd100p_af,b Bxsd0;0;6u;4u;$clownRedA_af,b @c:w>=gSm_Bxsd0;0;7u;5u;$clownRedA_af,b @c:w>=gMd_Bxsd0;0;9u;7u;$clownRedA_af,b Ps-a_af,b T30p_af,b L220p_af R220p_b">
4743
</div>
48-
4944
<!-- Mouth -->
5045
<div class="Ps-a B6p L15p W70p Apcr1 -Bdbrd100p -Bdtrd100p -Gdrd-cr;at;c,$clownWhiteA,$clownWhiteA;58p,$clownRedA;58p,$clownRedA;66p,$clownRedB;66p">
5146
<div class="<%= css.shutter %>">
@@ -55,13 +50,10 @@
5550
<div class="<%= css.lipsCorner%> Tf -Rt35d R-3p -Gdrd-el;at;41p;100p,$clownRedA,$clownRedA;32p,$clownRedB;32p,$clownRedB;52p,$clownWhiteA;52p">
5651
</div>
5752
</div>
58-
5953
<div class="Ps-a B100p L15p B20p W70p H40p -Bdbrd100p -Bdtrd100p -Gdrd-el;108p;100p,$clownWhiteA,$clownWhiteA;35p,$clownRedB;35p,$clownRedB;40p,$clownRedA;40p">
6054
<div class="<%= css.shutter %>">
6155
</div>
6256
</div>
63-
6457
</div>
65-
6658
</div>
6759
</div>

‎src/arts/exploding-head.ejs‎

Lines changed: 107 additions & 81 deletions
Original file line numberDiff line numberDiff line change
@@ -1,18 +1,17 @@
11
<%
2-
const css = {
3-
eyes: "W11p H13p Ps-a B33p Bdrd100p -Gdl0d,$explodingBrownD;0p,$explodingBrownD;65p,$explodingBrownA;100p",
4-
backPart: "Bgc-$explodingBrownC Ps-a Tf",
5-
mushroomBackInner: "-Sz80p Bdrd100p Bgc-$explodingBrownG",
6-
mushroomBackOuter: "Ps-a D-f Plcc-c Plci-c Bdrd100p Bgc-$explodingBrownF",
7-
mushroomBeltInner: "-Sz80p Bdrd100p Bdtlr70p Bgc-$explodingBrownI",
8-
mushroomBeltOuter: "D-f Plcc-c Plci-c Ps-a W30p Bdrd100p",
9-
artLayer: "W100p Apcr1 Bdrd100p Ps-a"
10-
}
2+
const css = {
3+
eyes: "W11p H13p Ps-a B33p Bdrd100p -Gdl0d,$explodingBrownD;0p,$explodingBrownD;65p,$explodingBrownA;100p",
4+
backPart: "Bgc-$explodingBrownC Ps-a Tf",
5+
mushroomBackInner: "-Sz80p Bdrd100p Bgc-$explodingBrownG",
6+
mushroomBackOuter: "Ps-a D-f Plcc-c Plci-c Bdrd100p Bgc-$explodingBrownF",
7+
mushroomBeltInner: "-Sz80p Bdrd100p Bdtlr70p Bgc-$explodingBrownI",
8+
mushroomBeltOuter: "D-f Plcc-c Plci-c Ps-a W30p Bdrd100p",
9+
artLayer: "W100p Apcr1 Bdrd100p Ps-a"
10+
}
1111
%>
12-
<div class="Ctnt-s M7u;a;0 H100p Apcr1 Ctnn-canva Plci-c;c Plcc-c D-f -ExplodingOrangeA#ee980d -ExplodingOrangeB#f8c829 -ExplodingBrownA#662800 -ExplodingBrownB#6f2810 -ExplodingBrownC#9c2a00 -ExplodingBrownD#934800 -ExplodingBrownE#9b3c18 -ExplodingBrownF#a24b0b -ExplodingBrownG#f7ae48 -ExplodingBrownH#d2a55a -ExplodingBrownI#efd3ac">
12+
<div class="Ctnt-s M7u;a;0 H100p Apcr1 Plci-c;c Plcc-c D-f -ExplodingOrangeA#ee980d -ExplodingOrangeB#f8c829 -ExplodingBrownA#662800 -ExplodingBrownB#6f2810 -ExplodingBrownC#9c2a00 -ExplodingBrownD#934800 -ExplodingBrownE#9b3c18 -ExplodingBrownF#a24b0b -ExplodingBrownG#f7ae48 -ExplodingBrownH#d2a55a -ExplodingBrownI#efd3ac">
1313
<!-- Head -->
14-
<div class="Apcr1 Bdrd100p @c:canva:apcr>=1/1_H80p @c:canva:apcr<=1/1_W80p M-a Ps-r">
15-
14+
<div class="Apcr1 Bdrd100p @c:apcr>=1/1_H80p @c:apcr<=1/1_W80p M-a Ps-r">
1615
<!-- Back of the head parts -->
1716
<div class="<%= css.artLayer %>">
1817
<!-- The first from the left -->
@@ -31,129 +30,147 @@
3130
<div class="-Sz30p T46p L63p -Rt-18d <%= css.backPart%> Bdbrr50p">
3231
</div>
3332
<!-- The seventh from the left -->
34-
<div class="-Sz15p T49p R2p -Rt10d <%= css.backPart%> Bdbrr50p"></div>
33+
<div class="-Sz15p T49p R2p -Rt10d <%= css.backPart%> Bdbrr50p">
34+
</div>
3535
</div>
36-
3736
<!-- Mushroom -->
3837
<div class="<%= css.artLayer %>">
3938
<!-- The mushroom's cap's background -->
4039
<div class="W80p H35p Ps-a L10p T2p">
4140
<!-- Background layer -->
4241
<div class="W30p H35p Bdtrr70p Bdbrr70 L10p B0p <%= css.mushroomBackOuter%>">
43-
<div class="<%= css.mushroomBackInner%>"></div>
42+
<div class="<%= css.mushroomBackInner%>">
43+
</div>
4444
</div>
4545
<div class="W30p H35p Bdtlr70p Bdblr70 R10p B0p <%= css.mushroomBackOuter%>">
46-
<div class="<%= css.mushroomBackInner%>"></div>
46+
<div class="<%= css.mushroomBackInner%>">
47+
</div>
4748
</div>
4849
<div class="W30p H40p R35p B0p <%= css.mushroomBackOuter%>">
49-
<div class="<%= css.mushroomBackInner%>"></div>
50+
<div class="<%= css.mushroomBackInner%>">
51+
</div>
5052
</div>
5153
</div>
5254
<!-- Mushroom stem -->
53-
<div class="W28p H40p -Gdl90d,$explodingBrownB;0p,$explodingBrownB;50p,$explodingBrownE;50p,$explodingBrownE;100p Bgs28p Bgr-rx Ps-a T30p L36p"> </div>
55+
<div class="W28p H40p -Gdl90d,$explodingBrownB;0p,$explodingBrownB;50p,$explodingBrownE;50p,$explodingBrownE;100p Bgs28p Bgr-rx Ps-a T30p L36p">
56+
</div>
5457
<!-- Mushroom belt -->
5558
<div class="W34p H9p Ps-a T36p L33p">
5659
<!-- First left -->
5760
<div class="H80p Bdtrr70p Bdbrr70p Bgc-$explodingBrownH L0 T10p <%= css.mushroomBeltOuter %> ">
58-
<div class="<%= css.mushroomBeltInner %>"></div>
61+
<div class="<%= css.mushroomBeltInner %>">
62+
</div>
5963
</div>
6064
<!-- First right -->
6165
<div class="H80p Bdtlr70p Bdblr70p Bgc-$explodingBrownH R0 T10p <%= css.mushroomBeltOuter %>">
62-
<div class="<%= css.mushroomBeltInner %>"></div>
66+
<div class="<%= css.mushroomBeltInner %>">
67+
</div>
6368
</div>
6469
<!-- Second left -->
6570
<div class="H90p Bdtrr70p Bdbrr70p -Gdl0d,$explodingBrownH;20p,$explodingBrownI;40p,$explodingBrownI;60p,$explodingBrownH;80p L15p T5p <%= css.mushroomBeltOuter %> ">
66-
<div class="<%= css.mushroomBeltInner %>"></div>
71+
<div class="<%= css.mushroomBeltInner %>">
72+
</div>
6773
</div>
6874
<!-- second right -->
6975
<div class="H90p -Gdl0d,$explodingBrownH;20p,$explodingBrownI;40p,$explodingBrownI;60p,$explodingBrownH;80p R15p T5p <%= css.mushroomBeltOuter %> ">
70-
<div class="<%= css.mushroomBeltInner %>"></div>
76+
<div class="<%= css.mushroomBeltInner %>">
77+
</div>
7178
</div>
7279
<!-- middle one -->
7380
<div class="H100p -Gdl0d,$explodingBrownH;20p,$explodingBrownI;40p,$explodingBrownI;60p,$explodingBrownH;80p R35p T0 <%= css.mushroomBeltOuter %>">
74-
<div class="<%= css.mushroomBeltInner %>"></div>
81+
<div class="<%= css.mushroomBeltInner %>">
82+
</div>
7583
</div>
7684
</div>
77-
78-
<%
79-
css.mushroomFrontOuter = "Bdrd100p Bgc-$explodingBrownH Ps-a"
80-
css.mushroomFrontInner = "Bdrd100p Bgc-$explodingBrownI"
81-
%>
82-
85+
<%
86+
css.mushroomFrontOuter = "Bdrd100p Bgc-$explodingBrownH Ps-a"
87+
css.mushroomFrontInner = "Bdrd100p Bgc-$explodingBrownI"
88+
%>
8389
<!-- The mushroom's cap's foreground -->
8490
<div class="W100p H35p Ps-a">
8591
<!-- First bottom-left -->
8692
<div class="W30p H60p <%= css.mushroomFrontOuter %> L0 B-5p">
87-
<div class="-Sz85p <%= css.mushroomFrontInner %> Ml-a"></div>
93+
<div class="-Sz85p <%= css.mushroomFrontInner %> Ml-a">
94+
</div>
8895
</div>
8996
<!-- First bottom-right -->
9097
<div class="W25p H70p <%= css.mushroomFrontOuter %> R0 B0p">
91-
<div class="-Sz85p <%= css.mushroomFrontInner %> Mr-a"></div>
98+
<div class="-Sz85p <%= css.mushroomFrontInner %> Mr-a">
99+
</div>
92100
</div>
93101
<!-- Second bottom-right -->
94102
<div class="W30p H50p Bdtlr70p <%= css.mushroomFrontOuter %> R20p B0p ">
95-
<div class="W100p H85p Bdtlr70p <%= css.mushroomFrontInner %> Mr-a"></div>
103+
<div class="W100p H85p Bdtlr70p <%= css.mushroomFrontInner %> Mr-a">
104+
</div>
96105
</div>
97106
<!-- First top-left -->
98107
<div class="W22p H50p Bdtrr70p <%= css.mushroomFrontOuter %> L10p T10p">
99-
<div class="W90p H70p Ps-a T5p L6p <%= css.mushroomFrontInner %> M-a"></div>
108+
<div class="W90p H70p Ps-a T5p L6p <%= css.mushroomFrontInner %> M-a">
109+
</div>
100110
</div>
101111
<!-- First top-right -->
102112
<div class="W22p H50p <%= css.mushroomFrontOuter %> R10p T10p">
103-
<div class="W90p H80p Ps-a L5p T3p <%= css.mushroomFrontInner %>"></div>
113+
<div class="W90p H80p Ps-a L5p T3p <%= css.mushroomFrontInner %>">
114+
</div>
104115
</div>
105116
<!-- Top-middle one -->
106117
<div class="W24p H60p <%= css.mushroomFrontOuter %> R38p T-15p">
107-
<div class="W90p H80p <%= css.mushroomFrontInner %> M-a"></div>
118+
<div class="W90p H80p <%= css.mushroomFrontInner %> M-a">
119+
</div>
108120
</div>
109121
<!-- Second top-left -->
110122
<div class="W28p H55p <%= css.mushroomFrontOuter %> L20p T2p">
111-
<div class="W90p H80p Ps-a L5p T3p <%= css.mushroomFrontInner %> M-a"></div>
123+
<div class="W90p H80p Ps-a L5p T3p <%= css.mushroomFrontInner %> M-a">
124+
</div>
112125
</div>
113126
<!-- Second top-right -->
114127
<div class="W28p H55p <%= css.mushroomFrontOuter %> R23p T1p">
115-
<div class="W90p H80p Ps-a L5p T3p <%= css.mushroomFrontInner %> M-a"></div>
128+
<div class="W90p H80p Ps-a L5p T3p <%= css.mushroomFrontInner %> M-a">
129+
</div>
116130
</div>
117131
<!-- Second bottom-left -->
118132
<div class="W25p H50p <%= css.mushroomFrontOuter %> L20p B0p">
119-
<div class="W90p H80p <%= css.mushroomFrontInner %> Mr-a"></div>
133+
<div class="W90p H80p <%= css.mushroomFrontInner %> Mr-a">
134+
</div>
120135
</div>
121136
<!-- Bottom-middle one -->
122137
<div class="W26p H65p <%= css.mushroomFrontOuter %> R37p B0p ">
123-
<div class="W90p H85p <%= css.mushroomFrontInner %> Mr-a"></div>
138+
<div class="W90p H85p <%= css.mushroomFrontInner %> Mr-a">
139+
</div>
124140
</div>
125141
</div>
126142

127143
</div>
128-
129-
<%
130-
css.explosionSmoke = "Bgc-$explodingBrownI Ps-a Tf"
131-
%>
144+
<%
145+
css.explosionSmoke = "Bgc-$explodingBrownI Ps-a Tf"
146+
%>
132147
<!-- The smoke of the explosion -->
133148
<div class="<%= css.artLayer %>">
134149

135150
<!-- The second from the left -->
136151
<div class="-Sz30p <%= css.explosionSmoke%> T48p L5p -Rt30d Bdblr50p">
137-
<div class="-Sz25p <%= css.explosionSmoke%> T35p L-10p -Rt35d"></div>
152+
<div class="-Sz25p <%= css.explosionSmoke%> T35p L-10p -Rt35d">
153+
</div>
138154
</div>
139155
<!-- The third from the left -->
140156
<div class="-Sz30p <%= css.explosionSmoke%> T47p L10p -Rt-35d">
141157
</div>
142158
<!-- The fourth from the left -->
143-
<div class="-Sz20p <%= css.explosionSmoke%> T46p L28p -Rt26d "></div>
159+
<div class="-Sz20p <%= css.explosionSmoke%> T46p L28p -Rt26d ">
160+
</div>
144161
<!-- The fifth from the left -->
145162
<div class="-Sz25p <%= css.explosionSmoke%> T49p L46p -Rt-35d">
146163
</div>
147164
<!-- The sixth from the left -->
148165
<div class="-Sz30p <%= css.explosionSmoke%> T48p L60p -Rt-20d Bdbrr50p">
149166
</div>
150167
<!-- The seventh from the left -->
151-
<div class="-Sz15p <%= css.explosionSmoke%> T49p R5p -Rt35d Bdbrr50p"></div>
168+
<div class="-Sz15p <%= css.explosionSmoke%> T49p R5p -Rt35d Bdbrr50p">
169+
</div>
152170
</div>
153-
154-
<%
155-
css.foreheadPart = "Bgc-$explodingOrangeB Ps-a Tf"
156-
%>
171+
<%
172+
css.foreheadPart = "Bgc-$explodingOrangeB Ps-a Tf"
173+
%>
157174
<!-- Forehead parts -->
158175
<div class="<%= css.artLayer %>">
159176
<!-- The first from the left -->
@@ -175,38 +192,47 @@
175192
<div class="-Sz30p <%= css.foreheadPart %> T50p L60p -Rt-15d Bdbrr50p">
176193
</div>
177194
<!-- The seventh from the left -->
178-
<div class="-Sz15p <%= css.foreheadPart %> T55p R1.6p -Rt10d Bdbrr50p"></div>
195+
<div class="-Sz15p <%= css.foreheadPart %> T55p R1.6p -Rt10d Bdbrr50p">
196+
</div>
179197
</div>
180-
181-
182-
<%
183-
css.outerPieces = "Ps-a Tf"
184-
%>
185-
<!-- Outer pieces -->
186-
<div class="<%= css.artLayer %>">
187-
<!-- The first from the left -->
188-
<div class="-Sz12p -Gdl60d,tp;0,tp;40p,$explodingOrangeB;40p,$explodingOrangeB;80p,tp;80p T8p L-8p Bdrd10p <%= css.outerPieces %> -Rt50d"></div>
189-
<!-- The second from the left -->
190-
<div class="H10p W15p -Gdl210d,tp;0,tp;40p,$explodingOrangeB;40p,$explodingOrangeB;80p,tp;80p T33p L-5p <%= css.outerPieces %> -Rt15d "></div>
191-
<!-- The third from the left -->
192-
<div class="H10p W5p -Gdl60d,tp;0,tp;40p,$explodingOrangeB;40p -Rt-90d T-10p L20p Bdtrr20p <%= css.outerPieces%>" ></div>
193-
<!-- The fifth from the left -->
194-
<div class="H8p W16p -Gdl60d,tp;0,tp;40p,$explodingOrangeB;40p T5p R-15p -Rt125d <%= css.outerPieces%>"></div>
195-
<div class="W6p H15p Bdbrr100p Bgc-$explodingOrangeB T-10p R6p -Rt-55d <%= css.outerPieces%>"></div>
196-
</div>
197-
<!-- The bottom part of the head -->
198-
<div class="<%= css.artLayer %> Fns10 -Gdl0d,$explodingOrangeA;20p,$explodingOrangeB;40p,tp;40p">
199-
<!-- Mouth -->
200-
<div class="W36p H30p Ps-a B8p L32p">
201-
<div class="W100p H100p -Gdl0d,tp;60p,$explodingBrownD;60p,$explodingBrownD;65p,$explodingBrownA;100p Bdrd100p Ps-a T36p "></div>
202-
<div class="W100p H20p -Bdbrd5u -Bdtrd5u Bgc-$explodingBrownD Ps-a T70p"></div>
203-
<div class="W80p H12p Bdrd100p -Gdl0d,tp;0p,tp;50p,$explodingOrangeA;50p Ps-a B1p L10p"></div>
204-
</div>
205-
<!-- Eyes -->
206-
<div class="Apcr1 W100p Bdrd100p Ps-a">
207-
<div class="<%= css.eyes %> L27p"></div>
208-
<div class="<%= css.eyes %> R27p"></div>
198+
<%
199+
css.outerPieces = "Ps-a Tf"
200+
%>
201+
<!-- Outer pieces -->
202+
<div class="<%= css.artLayer %>">
203+
<!-- The first from the left -->
204+
<div class="-Sz12p -Gdl60d,tp;0,tp;40p,$explodingOrangeB;40p,$explodingOrangeB;80p,tp;80p T8p L-8p Bdrd10p <%= css.outerPieces %> -Rt50d">
205+
</div>
206+
<!-- The second from the left -->
207+
<div class="H10p W15p -Gdl210d,tp;0,tp;40p,$explodingOrangeB;40p,$explodingOrangeB;80p,tp;80p T33p L-5p <%= css.outerPieces %> -Rt15d ">
208+
</div>
209+
<!-- The third from the left -->
210+
<div class="H10p W5p -Gdl60d,tp;0,tp;40p,$explodingOrangeB;40p -Rt-90d T-10p L20p Bdtrr20p <%= css.outerPieces%>" >
211+
</div>
212+
<!-- The fifth from the left -->
213+
<div class="H8p W16p -Gdl60d,tp;0,tp;40p,$explodingOrangeB;40p T5p R-15p -Rt125d <%= css.outerPieces%>">
214+
</div>
215+
<div class="W6p H15p Bdbrr100p Bgc-$explodingOrangeB T-10p R6p -Rt-55d <%= css.outerPieces%>">
216+
</div>
217+
</div>
218+
<!-- The bottom part of the head -->
219+
<div class="<%= css.artLayer %> Fns10 -Gdl0d,$explodingOrangeA;20p,$explodingOrangeB;40p,tp;40p">
220+
<!-- Mouth -->
221+
<div class="W36p H30p Ps-a B8p L32p">
222+
<div class="W100p H100p -Gdl0d,tp;60p,$explodingBrownD;60p,$explodingBrownD;65p,$explodingBrownA;100p Bdrd100p Ps-a T36p ">
223+
</div>
224+
<div class="W100p H20p -Bdbrd5u -Bdtrd5u Bgc-$explodingBrownD Ps-a T70p">
225+
</div>
226+
<div class="W80p H12p Bdrd100p -Gdl0d,tp;0p,tp;50p,$explodingOrangeA;50p Ps-a B1p L10p">
227+
</div>
228+
</div>
229+
<!-- Eyes -->
230+
<div class="Apcr1 W100p Bdrd100p Ps-a">
231+
<div class="<%= css.eyes %> L27p">
232+
</div>
233+
<div class="<%= css.eyes %> R27p">
209234
</div>
210235
</div>
211236
</div>
212-
</div>
237+
</div>
238+
</div>

‎src/arts/flushed-emoji.ejs‎

Lines changed: 2 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -7,10 +7,9 @@
77
sparkle:"-Sz15p Ps-a Bgc-$flushedGrayD T7p R7p"
88
}
99
%>
10-
<div class="Ctnt-s -Sz100p Apcr1 Ctnn-canva D-f Plci-c;c Plcc-c -FlushedOrangeA#e66300 -FlushedOrangeB#f0761c -FlushedOrangeC#f17a1b -FlushedOrangeD#ee980d -FlushedOrangeE#f8c829 -FlushedOrangeF#f6cc2b -FlushedOrangeG#fdfce1 -FlushedGrayA#010101 -FlushedGrayB#938568 -FlushedGrayC#ccc -FlushedGrayD#ededed -FlushedBrownA#662800 -FlushedBrownB#934800">
11-
10+
<div class="Ctnt-s -Sz100p Apcr1 D-f Plci-c;c Plcc-c -FlushedOrangeA#e66300 -FlushedOrangeB#f0761c -FlushedOrangeC#f17a1b -FlushedOrangeD#ee980d -FlushedOrangeE#f8c829 -FlushedOrangeF#f6cc2b -FlushedOrangeG#fdfce1 -FlushedGrayA#010101 -FlushedGrayB#938568 -FlushedGrayC#ccc -FlushedGrayD#ededed -FlushedBrownA#662800 -FlushedBrownB#934800">
1211
<!-- Head -->
13-
<div class="Apcr1 Bdrd100p Bd2;s;$flushedOrangeA Bgc-$flushedOrangeC @c:canva:apcr>=1/1_H70p @c:canva:apcr<=1/1_W70p">
12+
<div class="Apcr1 Bdrd100p Bd2;s;$flushedOrangeA Bgc-$flushedOrangeC @c:apcr>=1/1_H70p @c:apcr<=1/1_W70p">
1413
<div class="Apcr1 W99p Bdrd100p Bd2;s;$flushedOrangeD -Gdl0d,$flushedOrangeD;1p,$flushedOrangeE;40p,$flushedOrangeF;70p,$flushedOrangeG;100p Ps-r Ov-h M-a">
1514
<!-- Eyebrows-->
1615
<div class="<%= css.eyebrow %> L12p -Rt-10d">

0 commit comments

Comments
 (0)