Skip to content

feat(art): add art cat #23

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
mr150 merged 2 commits into from
May 16, 2026
Merged

feat(art): add art cat #23

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
47cd1a6
feat(art): add art cat
oostap1985 May 15, 2026
bcf735e
fix art funny-cake
oostap1985 May 15, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 4 additions & 0 deletions src/_data/arts.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -30,5 +30,9 @@
{
"artId":"funny-cake",
"bgColor":"Bgc-$artFunnyCake"
},
{
"artId":"cat",
"bgColor":"Bgc-$artCat"
}
]
59 changes: 59 additions & 0 deletions src/arts/cat.ejs
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,59 @@
<%
const css = {
body: 'Ps-a_b Ct_b -Sz101p_b -Gdl180d,tp;0;50p,$catNeon;0;100p_b',
backLegBefore: 'Ps-a_b Ct_b -Sz100p_b -Gdrd-cr;at;50p;78p,$catBlack;0;10p,tp;0;100p_b',
frontLegBefore: 'Ps-a_b Ct_b B0_b L0_b W100p_b H15p_b -Gdl90d,tp;0;23p,$catBlack;23p;27p,tp;27p;48p,$catBlack;48p;52p,tp;52p;73p,$catBlack;73p;77p,tp;77p;100p_b',
frontLegAfter: 'Ps-a_af Ct_af B7p_af L0_af W100p_af H15p_af Bgc-tp_af -Gdrd-el;at;50p;-25p,$catNeon;0;50p,tp;0;100p_af',
ball: 'Ps-a_b Ct_b -Sz101p_b -Gdrd-cr;at;0;50p,tp;0;30p,$catNeon;30p;32p,tp;32p;100p_b',
X: 'Ps-a_b Ct_b -Sz101p_b -Gdl-45d,tp;0;48p,$catNeon;48p;52p,tp;52p;100p_b',
fingers: 'Ps-a W15p Apcr1 Bgc-$catBlack Bdrd100p',
leftLeg: 'Ps-a T50p W14p Apcr1/3 Bxsd-i;0;0;0;0.5u;$catBlack Bdrd0;0;50;50 Bgc-tp -Gdrd-cr;at;-10p;0,$catBlack;0;40p,tp;0;100p',
rightLeg: 'Ps-a T50p W14p Apcr1/3 Bxsd-i;0;0;0;0.5u;$catBlack Bdrd0;0;50;50 Bgc-tp -Gdrd-cr;at;110p;0,$catBlack;0;40p,tp;0;100p',
ear: 'Ps-a T-10p W25p Apcr2/3',
eye: 'Ps-a T35p W35p Apcr3/2 Bxsd-i;0;0;0;0.5u;$catNeon -Gdrd-cr;at;30p;100p,$catBlack;0;50p,$catNeon;50p;100p Bdrd55p;55p;100p;100p/85p;85p;100p;100p',
cheek: 'Ps-a T66p W25p Apcr1 Bgc-$catBlack Bxsd-i;0;0;0;0.5u;$catNeon Tf'
}
const sizeFingers = ['T90p L55p', 'T90p L30p', 'T85p L10p', 'T85p L75p'];
%>

<div class="-Sz100p Ctnt-s D-f Jc-c Ai-c -CatNeon#4ecfcf -CatBlack#0c0c0c">
<div class="@c:apcr>=1_H85p @c:apcr<=1_W85p Apcr3/2 Ps-r Bgc-$catNeon">
<!-- body -->
<div class="<%= css.body %> Ps-a T50p L50p W70p Apcr3/2 Bdrd50p;77p;0;0 Tf -Tr-50p;-50p Bg-$catBlack -Gdrd-cr;at;50p;50p,$catNeon;0;30p,$catBlack;0;100p">
<!-- tail -->
<div class="Ps-a L14p T-20p W7p Apcr1/4 Bgc-$catBlack Bdrd100p Bxsd0;0;0;0.5u;$catNeon Tf Tfo0;100p -Rt-30d Zi1"></div>
<!-- X -->
<div class="<%= css.X %> Ps-a T26p L15p W2p Apcr1 Bgc-tp -Gdl45d,tp;0;48p,$catNeon;48p;52p,tp;52p;100p"></div>
<!-- back paws -->
<div class="<%= css.backLegBefore %> <%= css.leftLeg %> L0p">
<% for (let finger of sizeFingers) { %>
<div class="<%= css.fingers %> <%= finger %>"></div>
<% } %>
</div>
<div class="Ps-a T45p L14p W4p Apcr1 -Gdrd-cr;at;50p;100p,$catNeon;0;42p,tp;0;100p"></div>
<div class="<%= css.backLegBefore %> <%= css.rightLeg %> L18p">
<% for (let finger of sizeFingers) { %>
<div class="<%= css.fingers %> <%= finger %>"></div>
<% } %>
</div>
<!-- front paws -->
<div class="<%= css.frontLegBefore %> <%= css.frontLegAfter %> <%= css.leftLeg %> L68p Ov-h"></div>
<div class=" <%= css.frontLegBefore %> <%= css.frontLegAfter %> <%= css.rightLeg %> L85p Ov-h"></div>
</div>
<!-- head -->
<div class="Ps-a T22p L65p W25p Apcr1 Bgc-$catBlack Bd0.5u;s;$catNeon Bdrd50p;50p;60p;60p/45p;45p;75p;75p">
<!-- ears -->
<div class="<%= css.ear %> L10p Bdr0.5u;s;$catNeon -Gdrd-el;at;148p;96p,$catBlack;0;75p,$catNeon;75p;77p,tp;77p;100p Tf -Rt-30d"></div>
<div class="<%= css.ear %> R10p Bdl0.5u;s;$catNeon -Gdrd-el;at;-48p;96p,$catBlack;0;75p,$catNeon;75p;77p,tp;77p;100p Tf -Rt30d"></div>
<!-- eyes -->
<div class="<%= css.eye %> L8p"></div>
<div class="<%= css.eye %> R8p"></div>
<!-- mouth and nose -->
<div class="Ps-a T70p L45p W10p Apcr2/3 Bgc-$catBlack Bdrd75p;75p;100p;100p Bxsd-i;0;0;0;0.5u;$catNeon"></div>
<div class="<%= css.cheek %> L20p Bdrd100p;10p;100p;100p -Rt45d"></div>
<div class="<%= css.cheek %> R20p Bdrd10p;100p;100p;100p -Rt-45d"></div>
</div>
<!-- ball -->
<div class="<%= css.ball %> Ps-a T64p L40p W20p Apcr1 Bgc-$catBlack Bdrd100p -Gdrd-cr;at;100p;50p,tp;0;30p,$catNeon;30p;32p,tp;32p;100p Ov-h"></div>
</div>
</div>
28 changes: 13 additions & 15 deletions src/arts/funny-cake.ejs
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,9 @@
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',
creamYellow: 'Ps-a Apcr2/1 Bdrd50p Bgc-$cakeYellow Ov-h'
};
const pos = {
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'],
Expand Down Expand Up @@ -36,12 +38,10 @@
<div class="Ps-a B10p L0 W100p H20p Bdrd50p Bgc-$cakeGreen">
<!-- Beads -->
<div class="Ps-a T50p L0 -Sz100p">
<% for (let i = 0; i < css.leftBeads.length; i++) { %>
<!-- Left Beads -->
<div class="<%= css.bead %> <%= css.leftBeads[i] %>"></div>
<!-- Right Beads -->
<div class="<%= css.bead %> <%= css.rightBeads[i] %>"></div>
<% }; %>
<% for (let i = 0; i < pos.leftBeads.length; i++) { %>
<div class="<%= css.bead %> <%= pos.leftBeads[i] %>"></div>
<div class="<%= css.bead %> <%= pos.rightBeads[i] %>"></div>
<% } %>
<!-- Center Bead -->
<div class="<%= css.bead %> T50p L50p W20p"></div>
<!-- Mouth -->
Expand All @@ -54,11 +54,9 @@
<div class="Ps-a B60p L0 W100p H20p Bd2;s;$cakeBlack Bdrd50p Bgc-$cakeWhite">
<!-- Beads -->
<div class="Ps-a T50p L0 -Sz100p">
<% for (let i = 0; i < css.leftBeads.length; i++) { %>
<!-- Left Beads -->
<div class="<%= css.bead %> <%= css.leftBeads[i] %>"></div>
<!-- Right Beads -->
<div class="<%= css.bead %> <%= css.rightBeads[i] %>"></div>
<% for (let i = 0; i < pos.leftBeads.length; i++) { %>
<div class="<%= css.bead %> <%= pos.leftBeads[i] %>"></div>
<div class="<%= css.bead %> <%= pos.rightBeads[i] %>"></div>
<% } %>
<!-- Center Bead -->
<div class="<%= css.bead %> T50p L50p W20p"></div>
Expand All @@ -75,9 +73,9 @@
</div>
</div>
</div>
<% for (let i = 0; i < css.sizeCreamWhite.length; i++) { %>
<div class="<%= css.creamYellow %> <%= css.sizeCreamYellow[i] %>">
<div class="<%= css.creamWhite %> <%= css.sizeCreamWhite[i] %>"></div>
<% for (let i = 0; i < pos.sizeCreamWhite.length; i++) { %>
<div class="<%= css.creamYellow %> <%= pos.sizeCreamYellow[i] %>">
<div class="<%= css.creamWhite %> <%= pos.sizeCreamWhite[i] %>"></div>
</div>
<% } %>
</div>
Expand Down
2 changes: 2 additions & 0 deletions src/assets/style/style.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -100,6 +100,7 @@ html{
--ml-artMushroom: #3b244d;
--ml-artRobotHare: #6f592b;
--ml-artFunnyCake: #1f3e6e;
--ml-artCat: #a479a8;
}
}

Expand Down Expand Up @@ -160,6 +161,7 @@ html{
--ml-artMushroom: #ad8bc7;
--ml-artRobotHare: #947e4f;
--ml-artFunnyCake: #6295e3;
--ml-artCat: #dea3e3;
}

}
Expand Down