fix: maximize inactive heaven bead gap from reckoning bar

Position inactive heaven beads much closer to top edge (7pt from top)
to create maximum visual separation from reckoning bar (13pt gap vs
previous 6pt gap).

This provides much better visual balance with the large gap that
inactive earth beads have from the reckoning bar, while keeping
heaven beads clearly in the upper portion of the soroban.

Updated all example images to show the maximized positioning.

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Thomas Hallock
2025-09-10 07:26:07 -05:00
parent a7890873ed
commit 8f88eeb071
11 changed files with 9 additions and 9 deletions

Binary file not shown.

Before

Width:  |  Height:  |  Size: 55 KiB

After

Width:  |  Height:  |  Size: 55 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 56 KiB

After

Width:  |  Height:  |  Size: 56 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 48 KiB

After

Width:  |  Height:  |  Size: 49 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 32 KiB

After

Width:  |  Height:  |  Size: 32 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 45 KiB

After

Width:  |  Height:  |  Size: 46 KiB

View File

@@ -16,7 +16,7 @@
<g transform="translate(11 0)">
<path class="typst-shape" fill="#eeeeee" fill-rule="nonzero" d="M 0 0 L 0 110 L 3 110 L 3 0 Z "/>
</g>
<g transform="translate(4.1000000000000005 8)">
<g transform="translate(4.1000000000000005 1)">
<g class="typst-group">
<g>
<g transform="translate(0 0)">
@@ -64,7 +64,7 @@
<g transform="translate(36 0)">
<path class="typst-shape" fill="#eeeeee" fill-rule="nonzero" d="M 0 0 L 0 110 L 3 110 L 3 0 Z "/>
</g>
<g transform="translate(29.099999999999998 8)">
<g transform="translate(29.099999999999998 1)">
<g class="typst-group">
<g>
<g transform="translate(0 0)">
@@ -112,7 +112,7 @@
<g transform="translate(61 0)">
<path class="typst-shape" fill="#eeeeee" fill-rule="nonzero" d="M 0 0 L 0 110 L 3 110 L 3 0 Z "/>
</g>
<g transform="translate(54.1 8)">
<g transform="translate(54.1 1)">
<g class="typst-group">
<g>
<g transform="translate(0 0)">

Before

Width:  |  Height:  |  Size: 16 KiB

After

Width:  |  Height:  |  Size: 16 KiB

View File

@@ -16,7 +16,7 @@
<g transform="translate(11 0)">
<path class="typst-shape" fill="#eeeeee" fill-rule="nonzero" d="M 0 0 L 0 110 L 3 110 L 3 0 Z "/>
</g>
<g transform="translate(6.5 8)">
<g transform="translate(6.5 1)">
<g class="typst-group">
<g>
<g transform="translate(-0 -0)">

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 12 KiB

View File

@@ -16,7 +16,7 @@
<g transform="translate(11 0)">
<path class="typst-shape" fill="#eeeeee" fill-rule="nonzero" d="M 0 0 L 0 110 L 3 110 L 3 0 Z "/>
</g>
<g transform="translate(4.1000000000000005 8)">
<g transform="translate(4.1000000000000005 1)">
<g class="typst-group">
<g>
<g transform="translate(0 0)">

Before

Width:  |  Height:  |  Size: 11 KiB

After

Width:  |  Height:  |  Size: 11 KiB

View File

@@ -16,7 +16,7 @@
<g transform="translate(11 0)">
<path class="typst-shape" fill="#eeeeee" fill-rule="nonzero" d="M 0 0 L 0 110 L 3 110 L 3 0 Z "/>
</g>
<g transform="translate(4.1000000000000005 8)">
<g transform="translate(4.1000000000000005 1)">
<g class="typst-group">
<g>
<g transform="translate(0 0)">

Before

Width:  |  Height:  |  Size: 16 KiB

After

Width:  |  Height:  |  Size: 16 KiB

View File

@@ -16,10 +16,10 @@
<g transform="translate(11 0)">
<path class="typst-shape" fill="#eeeeee" fill-rule="nonzero" d="M 0 0 L 0 110 L 3 110 L 3 0 Z "/>
</g>
<g transform="translate(6.5 8)">
<g transform="translate(6.5 1)">
<path class="typst-shape" fill="#e6e6e6" fill-rule="nonzero" d="M 0 0.75 C 0 0.33578643 0.33578643 0 0.75 0 L 11.25 0 C 11.664213 0 12 0.33578643 12 0.75 L 12 11.25 C 12 11.664213 11.664213 12 11.25 12 L 0.75 12 C 0.33578643 12 0 11.664213 0 11.25 Z "/>
</g>
<g transform="translate(6.5 8)">
<g transform="translate(6.5 1)">
<path class="typst-shape" fill="none" stroke="#000000" stroke-width="0.5" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="4" d="M 0.75 0 L 11.25 0 C 11.664213 0 12 0.33578643 12 0.75 L 12 11.25 C 12 11.664213 11.664213 12 11.25 12 L 0.75 12 C 0.33578643 12 0 11.664213 0 11.25 L 0 0.75 C 0 0.33578643 0.33578643 0 0.75 0 "/>
</g>
<g transform="translate(6.5 24)">

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 12 KiB

View File

@@ -142,7 +142,7 @@
#let heaven-y = if heaven-active == 1 {
heaven-earth-gap - bead-size / 2 - 1pt // Active (center just above bar)
} else {
bead-size / 2 + 8pt // Inactive (well above bar, visually balanced with earth beads)
bead-size / 2 + 1pt // Inactive (positioned very close to top with maximum gap from bar)
}
#let bead-color = if heaven-active == 1 {