fix: spread out low person count

for 2 people tan is huge, so radius becomes ~0, hardcode for radius
~image size

and in css --r add part of image for 'offces from center'
This commit is contained in:
efim
2023-11-19 06:47:43 +00:00
parent af53bda10e
commit b13a43aa71
4 changed files with 22 additions and 20 deletions

View File

@@ -3,29 +3,29 @@
{{ define "inactiveBrick" }}
<div
class="h-8 w-20 border-[hsl(var(--brick-color))]/25 border bg-[hsl(var(--brick-color))]/5"
style="--brick-color: var({{.}})"
class="h-[var(--brick-height)] w-20 border-[hsl(var(--brick-color))]/25 border bg-[hsl(var(--brick-color))]/5"
style="--brick-color: var({{.}}); --brick-height: calc(var(--d)/5)"
></div>
{{ end }}
{{ define "raisedBrick" }}
<div
class="h-8 w-20 border-[hsl(var(--brick-color))] border-2 bg-[hsl(var(--brick-color))]/25"
style="--brick-color: var({{.}})"
class="h-[var(--brick-height)] w-20 border-[hsl(var(--brick-color))] border-2 bg-[hsl(var(--brick-color))]/25"
style="--brick-color: var({{.}}); --brick-height: calc(var(--d)/5)"
></div>
{{ end }}
{{ define "speakerBrick" }}
<div
class="h-8 w-20 border-[hsl(var(--brick-color))] border-2 bg-[hsl(var(--brick-color))]/50 shadow-[0_0_15px_rgba(0,_0,_0,_0.5)] shadow-[hsl(var(--brick-color))] animate-pulse"
style="--brick-color: var({{.}})"
class="h-[var(--brick-height)] w-20 border-[hsl(var(--brick-color))] border-2 bg-[hsl(var(--brick-color))]/50 shadow-[0_0_15px_rgba(0,_0,_0,_0.5)] shadow-[hsl(var(--brick-color))] animate-pulse"
style="--brick-color: var({{.}}); --brick-height: calc(var(--d)/5)"
></div>
{{ end }}
{{ define "markBrick" }}
<div
class="h-8 w-20 border-[hsl(var(--brick-color))]/25 border bg-[hsl(var(--brick-color))]/5 grid place-content-center font-bold text-[hsl(var(--brick-color))]/50"
style="--brick-color: var({{.}})"
class="h-[var(--brick-height)] w-20 border-[hsl(var(--brick-color))]/25 border bg-[hsl(var(--brick-color))]/5 grid place-content-center font-bold text-[hsl(var(--brick-color))]/50"
style="--brick-color: var({{.}}); --brick-height: calc(var(--d)/5)"
>
X
</div>
@@ -68,7 +68,7 @@
<p>expected to be called with personData</p>
{{ define "personBlocks" }}
<div class="person-bricks "
<div class="person-bricks"
id="person-{{.Index}}"
style="--i: {{ .Index }}"
>