Worker orbs/hub: preserve logo aspect ratio + use SoulSync logo on Manage Workers button

- Nucleus logo now fits to the pulsing radius using the image's natural
  width/height, so it no longer stretches to a square.
- Manage Workers button swaps the helix emoji for the SoulSync logo
  (trans2.png) inside the existing accent badge.
pull/784/head
BoulderBadgeDad 3 weeks ago
parent 37f9046afd
commit 6dfe9f3d6a

@ -651,7 +651,7 @@
<button class="em-manage-btn" id="manage-enrichment-btn"
title="Manage enrichment workers — stats, unmatched items, manual matching"
onclick="openEnrichmentManager()">
<span class="em-manage-btn-icon">🧬</span>
<span class="em-manage-btn-icon"><img src="/static/trans2.png" alt="SoulSync" class="em-manage-btn-logo"></span>
<span class="em-manage-btn-label">Manage Workers</span>
</button>
</div>

@ -64905,6 +64905,7 @@ body.reduce-effects .dash-card::after {
background: linear-gradient(135deg, rgba(var(--accent-rgb), 0.9), rgba(var(--accent-rgb), 0.55));
box-shadow: 0 0 12px rgba(var(--accent-rgb), 0.5);
}
.em-manage-btn-logo { width: 22px; height: 22px; object-fit: contain; display: block; }
.em-manage-btn-label { background: linear-gradient(90deg, #fff, rgba(255,255,255,0.85)); -webkit-background-clip: text; background-clip: text; }
.enrichment-manager-modal {

@ -591,12 +591,16 @@
ctx.fill();
if (hubImageReady) {
// SoulSync logo as the nucleus — sized to the pulsing radius,
// brightness lifts a touch with energy
const imgSize = hubR * 3.2;
// SoulSync logo as the nucleus — fit to the pulsing radius while
// preserving the image's natural aspect ratio (no stretch)
const natW = hubImage.naturalWidth || 1;
const natH = hubImage.naturalHeight || 1;
const fit = (hubR * 3.2) / Math.max(natW, natH);
const dw = natW * fit;
const dh = natH * fit;
ctx.save();
ctx.globalAlpha = Math.min(1, 0.85 + energy * 0.15 + slow * 0.1);
ctx.drawImage(hubImage, orb.x - imgSize / 2, orb.y - imgSize / 2, imgSize, imgSize);
ctx.drawImage(hubImage, orb.x - dw / 2, orb.y - dh / 2, dw, dh);
ctx.restore();
} else {
// Fallback while the logo loads: solid bright core + highlight

Loading…
Cancel
Save