Merge pull request #25 from mlutcss/feat/63842047_art-corgi

feat(corgi): add new art corgi

Author: mr150

src/_data/arts.json

@@ -34,5 +34,10 @@
 	{
 		"artId":"cat",
 		"bgColor":"Bgc-$artCat"
+	},
+	{
+		"artId":"corgi",
+		"bgColor":"Bgc-$artCorgi"
 	}
+
 ]

src/arts/corgi.ejs

@@ -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 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>

src/assets/style/style.scss

@@ -101,6 +101,7 @@ html{
 		--ml-artRobotHare: #6f592b;
 		--ml-artFunnyCake: #1f3e6e;
 		--ml-artCat: #a479a8;
+		--ml-artCorgi: #77797f;
 	}
 }
 
@@ -162,6 +163,7 @@ html{
 		--ml-artRobotHare: #947e4f;
 		--ml-artFunnyCake: #6295e3;
 		--ml-artCat: #dea3e3;
+		--ml-artCorgi: #92959c;
 	}
 
 }