Skip to content

feat(art): add art funny-cake #22

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 4 commits into from
May 7, 2026
Merged

feat(art): add art funny-cake #22

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
ed68079
feat(art): add art funny-cake
May 3, 2026
bad5cc3
fix(art): add cycle for beads
oostap1985 May 4, 2026
5cc0712
fix(art): fix cycle beads
oostap1985 May 5, 2026
0af5d13
fix(art): add cycle for cream and fix style eyes
oostap1985 May 6, 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 @@ -22,5 +22,9 @@
{
"artId":"robot-hare",
"bgColor":"Bgc-$artRobotHare"
},
{
"artId":"funny-cake",
"bgColor":"Bgc-$artFunnyCake"
}
]
85 changes: 85 additions & 0 deletions src/arts/funny-cake.ejs
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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'],
Copy link
Copy Markdown
Contributor

@mr150 mr150 May 7, 2026

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Массивы с классами лучше в отдельный словарь выносить

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']
};
%>

<div class="-Sz100p Ctnt-s D-f Jc-c Ai-c -CakeGreen#97de9e -CakeWhite#fff -CakeBlack#000 -CakeYellow#ece74f -CakeRed#fc0522">
<div class="@c:apcr>=1_H90p @c:apcr<=1_W90p Apcr1 Ps-r">
<!-- Body -->
<div class="Ps-a B20p L0 W100p H50p Bd1u;s;$cakeBlack Bdb-tp Bgc-$cakeGreen">
<!-- Left Eye -->
<div class="<%= css.eye %> T30p L15p W22p Bdl1.5u;s;$cakeBlack Bdb1.5u;s;$cakeBlack Tf -Rt-25d">
<div class="<%= css.eye %> B3p R1p W80p Bdr1.5u;s;$cakeBlack Bdt1.5u;s;$cakeBlack">
<div class="<%= css.eye %> T3p L2p W70p Bdl1.5u;s;$cakeBlack Bdb1.5u;s;$cakeBlack">
<div class="<%= css.eye %> B3p R1p W60p Bgc-$cakeBlack"></div>
</div>
</div>
</div>
<!-- Right Eye -->
<div class="<%= css.eye %> T30p L63p W22p Bdr1.5u;s;$cakeBlack Bdb1.5u;s;$cakeBlack Tf -Rt25d">
<div class="<%= css.eye %> B3p L1p W80p Bdl1.5u;s;$cakeBlack Bdt1.5u;s;$cakeBlack">
<div class="<%= css.eye %> T3p R2p W70p Bdr1.5u;s;$cakeBlack Bdb1.5u;s;$cakeBlack">
<div class="<%= css.eye %> B3p L1p W60p Bgc-$cakeBlack"></div>
</div>
</div>
</div>
</div>
<!-- Bottom Cake -->
<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>
<% }; %>
<!-- Center Bead -->
<div class="<%= css.bead %> T50p L50p W20p"></div>
<!-- Mouth -->
<div class="Ps-a T-50p L50p W40p H50p Tf -Trx-60p Bgc-$cakeBlack Bdrd50p">
<div class="Ps-a T-8p L42p -Sz100p Tf -Trx-50p Bgc-$cakeGreen Bdrd50p"></div>
</div>
</div>
</div>
<!-- Top Cake -->
<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>
<% } %>
<!-- Center Bead -->
<div class="<%= css.bead %> T50p L50p W20p"></div>
</div>
</div>
<!-- Cream -->
<div class="Ps-a T12p L0 W100p H20p">
<!-- Cream with Cherry -->
<div class="Ps-a T-45p L35p W30p Apcr1 Bdrd50p Bgc-$cakeYellow Ov-h">
<div class="Ps-a T5p L-5p W110p Apcr1 Bdrd50p Bgc-$cakeWhite">
<!-- Cherry -->
<div class="Ps-a T32p L35p W30p Apcr3/2 Bd2;s;$cakeBlack Bdt-tp Bdrd40p/55p;55p;85p;85p -Gdrd-cr;at;70p;30p,$cakeWhite;0;10p,$cakeRed;30p;100p Tf -Rt-10d">
<div class="Ps-a T-180p L30p W60p H180p Bdl1u;s;$cakeBlack Bdrd50p"></div>
</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>
</div>
<% } %>
</div>
</div>
</div>
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 @@ -98,6 +98,7 @@ html{
--ml-artExplodingHead:#003b2a;
--ml-artClownEmoji: #065054;
--ml-artRobotHare: #6f592b;
--ml-artFunnyCake: #1f3e6e;
}
}

Expand Down Expand Up @@ -156,6 +157,7 @@ html{
--ml-artExplodingHead:#9cffe5;
--ml-artClownEmoji: #10bac3;
--ml-artRobotHare: #947e4f;
--ml-artFunnyCake: #6295e3;
}

}
Expand Down