diff --git a/VERSION b/VERSION index 92ab6b2..3e9b3af 100644 --- a/VERSION +++ b/VERSION @@ -1 +1 @@ -0.4.24-beta \ No newline at end of file +0.4.25-beta \ No newline at end of file diff --git a/public/css/teach.css b/public/css/teach.css index 853053c..f4ec74e 100644 --- a/public/css/teach.css +++ b/public/css/teach.css @@ -1698,7 +1698,17 @@ body.hc #penbar .pen-current,body.hc #penbar .pen-popover{border:2px solid #000; .av-species-dino .av-spike-mid{display:block; left:39%; width:22%; height:100%; bottom:0; background:var(--av-body); filter:brightness(.68); clip-path:polygon(50% 0%,100% 65%,100% 100%,0% 100%,0% 65%); border-radius:3px 3px 0 0;} .av-species-animal .av-part-body{display:block; right:2%; bottom:8%; width:16%; height:30%; border-radius:50% 50% 50% 10%; background:var(--av-body); transform:rotate(20deg); filter:brightness(.9);} .av-tail{position:absolute; z-index:0; display:none;} -.av-species-dino .av-tail{display:block; left:-8%; bottom:8%; width:22%; height:18%; background:var(--av-body); border-radius:50% 15% 50% 50%; transform:rotate(-25deg); filter:brightness(.93);} +.av-species-dino .av-tail{display:block; left:-14%; bottom:10%; width:30%; height:16%; background:var(--av-body); filter:brightness(.93); clip-path:polygon(100% 15%,100% 85%,35% 100%,0% 55%,30% 0%); transform:rotate(-8deg);} +.av-leg{position:absolute; z-index:0; display:none; border-radius:45% 45% 55% 55%;} +.av-species-dino .av-leg{display:block; top:82%; height:16%; width:17%; background:var(--av-body); filter:brightness(.78);} +.av-leg-l{left:16%;} +.av-leg-r{right:16%;} +.av-arm{position:absolute; z-index:2; display:none; border-radius:50%;} +.av-species-dino .av-arm{display:block; top:66%; height:15%; width:13%; background:var(--av-body); filter:brightness(.88);} +.av-arm-l{left:9%; transform:rotate(20deg);} +.av-arm-r{right:9%; transform:rotate(-20deg);} +.av-belly{position:absolute; z-index:2; display:none; border-radius:50%;} +.av-species-dino .av-belly{display:block; left:35%; right:35%; top:66%; height:28%; background:var(--av-body); filter:brightness(1.4);} .av-eye{position:absolute; z-index:4; top:30%; width:16%; height:16%; border-radius:50%; background:#fff; box-shadow:inset 0 0 0 1.5px rgba(20,20,30,.15);} .av-eye::after{content:""; position:absolute; width:46%; height:46%; left:27%; top:30%; border-radius:50%; background:#232733;} .av-eye-l{left:25%;} diff --git a/public/js/avatar.js b/public/js/avatar.js index f1605e4..9ae2185 100644 --- a/public/js/avatar.js +++ b/public/js/avatar.js @@ -42,12 +42,17 @@ function renderAvatarFace(config, size){ const snout = document.createElement("div"); snout.className = "av-snout"; const accHead = document.createElement("div"); accHead.className = "av-acc-head av-acc-head-" + c.accessoryHead; const tail = document.createElement("div"); tail.className = "av-tail"; + const legL = document.createElement("div"); legL.className = "av-leg av-leg-l"; + const legR = document.createElement("div"); legR.className = "av-leg av-leg-r"; const partBody = document.createElement("div"); partBody.className = "av-part-body"; const spikeMid = document.createElement("div"); spikeMid.className = "av-spike-mid"; partBody.appendChild(spikeMid); const body = document.createElement("div"); body.className = "av-body"; + const belly = document.createElement("div"); belly.className = "av-belly"; + const armL = document.createElement("div"); armL.className = "av-arm av-arm-l"; + const armR = document.createElement("div"); armR.className = "av-arm av-arm-r"; const accBody = document.createElement("div"); accBody.className = "av-acc-body av-acc-body-" + c.accessoryBody; - face.append(tail, partBody, body, accBody, partHead, head, eyeL, eyeR, snout, accHead, hair); + face.append(tail, legL, legR, partBody, body, belly, armL, armR, accBody, partHead, head, eyeL, eyeR, snout, accHead, hair); return face; } diff --git a/public/js/core.js b/public/js/core.js index 8b06dc6..1ec1b4f 100644 --- a/public/js/core.js +++ b/public/js/core.js @@ -2,7 +2,7 @@ "use strict"; /* version — shown until /api/version resolves (or if the fetch fails, e.g. offline). Kept in sync by hand with the VERSION file at the repo root on every release. */ -const VERSION = "0.4.24-beta"; +const VERSION = "0.4.25-beta"; (function(){ const tag = document.getElementById("verTag"); tag.textContent = "v"+VERSION;