Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
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
5 changes: 5 additions & 0 deletions src/_data/arts.json
Original file line number Diff line number Diff line change
Expand Up @@ -34,5 +34,10 @@
{
"artId":"cat",
"bgColor":"Bgc-$artCat"
},
{
"artId":"corgi",
"bgColor":"Bgc-$artCorgi"
}

]
49 changes: 49 additions & 0 deletions src/arts/corgi.ejs
Original file line number Diff line number Diff line change
@@ -0,0 +1,49 @@
<%
const css = {
earR: "Ps-a_af Ct_af -Sz50p_af T37p_af L20p_af Bgc-tp_af Bdr0.5u;s;$corgiBlack_af Tf_af -Rt13d_af Ps-a_b Ct_b W82p_b Apcr3/2_b T67p_b L17p_b Bdrd100p_b Bd0.5u;s;tp_b Bdbc-$corgiBlack_b",
ear: "Ps-a W40p Apcr3/4 Bgc-tp T-19p Bdrd0;20p;0;0 Bdr0.5u;s;$corgiBlack Tf -Rt-54d",
earL: "Ps-a_b Ct_b W82p_b Apcr3/2_b T77p_b L17p_b Bdrd100p_b Bd0.5u;s;tp_b Bdtc-$corgiBlack_b",
eye: "Ps-a_af Ct_af W14p_af Apcr1_af T25p_af L78p_af Bgc-$corgiWhite_af Bd0.5u;s;$corgiBlack_af Bdrd100p_af -Gdrd-cr;fts;at;90p;51p,$corgiBlack;0;45p,tp;45p;100p_af",
moustache: "Ps-a W5p Apcr1 Bgc-$corgiBlack Bdrd100p Ps-a_af Ct_af W100p_af Apcr1_af T240p_af L-105p_af Bgc-$corgiBlack_af Bdrd100p_af Ps-a_b Ct_b W100p_b Apcr1_b T80p_b L-350p_b Bgc-$corgiBlack_b Bdrd100p_b",
cheek: "Ps-a_b Ct_b W40p_b Apcr1_b T47p_b L-39p_b -Gdrd-cr;fts;at;94p;76p,tp;0;50p,$corgiBlack;50p;56p,tp;56p;100p_b",
paws: "Ps-a W15p Apcr3/2 Bgc-$corgiWhite Bdrd45p Bd0.5u;s;$corgiBlack -Gdrd-cr;fts;at;50p;147p,$corgiBlack;0;45p,tp;45p;100p",
hip: "Ps-a W31p Apcr1 T64p Bgc-$corgiBody Bd0.5u;s;$corgiBlack Bdrd100p",
ass: "Ps-a W55p Apcr1 Bgc-$corgiWhite T20p Bd0.5u;s;$corgiBlack Tf"
}
const pawsPosition = ["T84p L45p", "T84p L23p", "T90p L51p", "T90p L17p"];
%>


<div class="-Sz100p Ctnt-s D-f Jc-c Ai-c Bgc-grey Ov-h -CorgiBody#bd610b -CorgiShadow#57483b -CorgiWhite#fff -CorgiBlack#000">
<div class="@c:apcr>=1_H85p @c:apcr<=1_W85p Apcr1 Ps-r">
<div class="Ps-a W70p Apcr4/1 Bdrd100p Bgc-$corgiShadow T86p L7p"></div>

<!-- Head -->
<div class="Ps-a W40p Apcr1 Bgc-$corgiWhite T8p L43p Bd0.5u;s;$corgiBlack Bdrd80p;100p;80p;100p -Gdrd-cr;at;150p;82p,tp;0;55p,$corgiBlack;55p;56p,$corgiBody;56p;100p <%= css.eye %>">
<!-- Face -->
<div class="Ps-a W40p Apcr1 Bgc-$corgiWhite T35p L94p Bd0.5u;s;$corgiBlack Bdrd0;60p;60p;0/0;25p;75p;0 Bdlc-tp Tf -Rt-3d -Gdl199d,tp;0;80p,$corgiBlack;80p;82p,tp;82p;100p <%= css.cheek %>">
<div class="Ps-a W40p Apcr3/2 T1p L67p Bgc-$corgiBlack Bdrd50p -Gdrd-cr;at;78p;5p,$corgiWhite;0;15p,$corgiBlack;15p;100p"></div>
<div class="T39p L87p <%= css.moustache %>"></div>
<div class="T61p L68p <%= css.moustache %> Tf -Rt23d"></div>
</div>
<div class="Ps-a W38p Apcr1 Bgc-tp T74p L81p -Gdrd-el;at;148p;96p,tp;0;75p,$corgiBlack;75p;77p,$corgiWhite;77p;100p"></div>
<!-- Ears -->
<div class="<%= css.ear %> <%= css.earL %> L-22p -Gdrd-el;at;152p;188p,$corgiBody;0;77p,$corgiBlack;77p;78p,tp;78p;100p"></div>
<div class="<%= css.ear %> <%= css.earR %> L10p -Gdrd-el;at;152p;188p,$corgiBody;0;73p,$corgiBlack;73p;74p,$corgiBody;74p;77p,$corgiBlack;77p;78p,tp;78p;100p"></div>
</div>

<!-- Paws -->
<% for (let i = 0; i < pawsPosition.length; i++) { %>
<div class="<%= css.paws %> <%= pawsPosition[i] %>"></div>
<% } %>
<div class="L10p <%= css.hip %>"></div>
<div class="R27p <%= css.hip %>"></div>

<!-- Body -->
<div class="Ps-a W75p Apcr1 B5p L4p Bdrd75p;75p;70p;70p Bd0.5u;s;$corgiBlack Bdbc-tp Bgcl-pb -Gdl180d,$corgiBody;0;80p,tp;80p;100p">
<div class="Ps-a W20p Apcr3/2 Bgc-$corgiBody T8p L40p Bd0.5u;s;$corgiBlack Bdtc-tp Bdrd100p;80p;100p;80p"></div>
<div class="L7p Bdrd50p;50p;50p;0 -Rt-68d <%= css.ass %>"></div>
<div class="R7p Bdrd50p;50p;0;50p Bdbc-tp -Rt69d <%= css.ass %>"></div>
</div>
</div>
</div>
2 changes: 2 additions & 0 deletions src/assets/style/style.scss
Original file line number Diff line number Diff line change
Expand Up @@ -101,6 +101,7 @@ html{
--ml-artRobotHare: #6f592b;
--ml-artFunnyCake: #1f3e6e;
--ml-artCat: #a479a8;
--ml-artCorgi: #47484d;
}
}

Expand Down Expand Up @@ -162,6 +163,7 @@ html{
--ml-artRobotHare: #947e4f;
--ml-artFunnyCake: #6295e3;
--ml-artCat: #dea3e3;
--ml-artCorgi: #77797f;
}

}
Expand Down