antialias/soroban-abacus-flashcards
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: position inactive heaven beads with maximum gap using available space

Browse Source 
Position inactive heaven beads at the top edge (bead-size/2) to maximize
their separation from the reckoning bar within the constraint of the
heaven section space.

This provides the best possible visual balance between inactive heaven
and earth beads while keeping active bead positioning intact:
- Inactive heaven: 6pt from top, 14pt gap from reckoning bar
- Active heaven: 13pt from top, just above reckoning bar
- Active earth: just below reckoning bar
- Inactive earth: large gap from reckoning bar at bottom

Updated all example images to show the optimized 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 08:21:59 -05:00
parent 8f88eeb071
commit 421ec11efc
11 changed files with 9 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
docs/images/cutting-guides-front.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 55 KiB

After

Width:  |  Height:  |  Size: 55 KiB

BIN
docs/images/cutting-registration-front.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 56 KiB

After

Width:  |  Height:  |  Size: 56 KiB

BIN
docs/images/grid-12-front.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 49 KiB

After

Width:  |  Height:  |  Size: 49 KiB

BIN
docs/images/grid-6-front.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 32 KiB

After

Width:  |  Height:  |  Size: 32 KiB

BIN
docs/images/skip-5s-front.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 46 KiB

After

Width:  |  Height:  |  Size: 46 KiB

6
docs/images/svg/basic-123_front.svg
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 1)">
<g transform="translate(4.1000000000000005 0)">
<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 1)">
<g transform="translate(29.099999999999998 0)">
<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 1)">
<g transform="translate(54.1 0)">
<g class="typst-group">
<g>
<g transform="translate(0 0)">
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 16 KiB

After

Width:  |  Height:  |  Size: 16 KiB

2
docs/images/svg/circle-25_front.svg
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 1)">
<g transform="translate(6.5 0)">
<g class="typst-group">
<g>
<g transform="translate(-0 -0)">
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 12 KiB

2
docs/images/svg/diamond-25_front.svg
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 1)">
<g transform="translate(4.1000000000000005 0)">
<g class="typst-group">
<g>
<g transform="translate(0 0)">
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 11 KiB

After

Width:  |  Height:  |  Size: 11 KiB

2
docs/images/svg/place-value-456_front.svg
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 1)">
<g transform="translate(4.1000000000000005 0)">
<g class="typst-group">
<g>
<g transform="translate(0 0)">
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 16 KiB

After

Width:  |  Height:  |  Size: 16 KiB

4
docs/images/svg/square-25_front.svg
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 1)">
<g transform="translate(6.5 0)">
<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 1)">
<g transform="translate(6.5 0)">
<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)">
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 12 KiB

2
templates/flashcards.typ
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 + 1pt // Inactive (positioned very close to top with maximum gap from bar)
bead-size / 2 // Inactive (positioned at top with maximum gap in available space)
}
#let bead-color = if heaven-active == 1 {