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

fix: correct heaven bead positioning to match earth bead gap consistency

Browse Source 
Fix heaven bead positioning issue where inactive heaven beads appeared
too close to the reckoning bar. Now inactive heaven beads use the same
5pt gap as inactive earth beads for visual consistency.

Changes:
- Inactive heaven beads: moved from 5pt+bead-size/2 to bead-size/2+5pt gap
- Active heaven beads: fine-tuned to heaven-earth-gap-bead-size/2-1pt
- Updated example images to reflect corrected 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:15:53 -05:00
parent 243160ebe5
commit 0c4eea5a04
12 changed files with 11 additions and 11 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: 48 KiB

After

Width:  |  Height:  |  Size: 48 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

2
docs/images/svg/basic-7_front.svg
View File

@@ -16,7 +16,7 @@
<g transform="translate(11 0)"> <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 "/> <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>
<g transform="translate(4.1000000000000005 6)"> <g transform="translate(4.1000000000000005 7)">
<g class="typst-group"> <g class="typst-group">
<g> <g>
<g transform="translate(0 0)"> <g transform="translate(0 0)">
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 6.4 KiB

After

Width:  |  Height:  |  Size: 6.4 KiB

2
docs/images/svg/circle-25_front.svg
View File

@@ -64,7 +64,7 @@
<g transform="translate(36 0)"> <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 "/> <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>
<g transform="translate(31.5 6)"> <g transform="translate(31.5 7)">
<g class="typst-group"> <g class="typst-group">
<g> <g>
<g transform="translate(-0 -0)"> <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

@@ -64,7 +64,7 @@
<g transform="translate(36 0)"> <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 "/> <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>
<g transform="translate(29.099999999999998 6)"> <g transform="translate(29.099999999999998 7)">
<g class="typst-group"> <g class="typst-group">
<g> <g>
<g transform="translate(0 0)"> <g transform="translate(0 0)">
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 11 KiB

After

Width:  |  Height:  |  Size: 11 KiB

4
docs/images/svg/heaven-earth-78_front.svg
View File

@@ -16,7 +16,7 @@
<g transform="translate(11 0)"> <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 "/> <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>
<g transform="translate(4.1000000000000005 6)"> <g transform="translate(4.1000000000000005 7)">
<g class="typst-group"> <g class="typst-group">
<g> <g>
<g transform="translate(0 0)"> <g transform="translate(0 0)">
@@ -64,7 +64,7 @@
<g transform="translate(36 0)"> <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 "/> <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>
<g transform="translate(29.099999999999998 6)"> <g transform="translate(29.099999999999998 7)">
<g class="typst-group"> <g class="typst-group">
<g> <g>
<g transform="translate(0 0)"> <g transform="translate(0 0)">
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 11 KiB

After

Width:  |  Height:  |  Size: 11 KiB

4
docs/images/svg/place-value-456_front.svg
View File

@@ -64,7 +64,7 @@
<g transform="translate(36 0)"> <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 "/> <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>
<g transform="translate(29.099999999999998 6)"> <g transform="translate(29.099999999999998 7)">
<g class="typst-group"> <g class="typst-group">
<g> <g>
<g transform="translate(0 0)"> <g transform="translate(0 0)">
@@ -112,7 +112,7 @@
<g transform="translate(61 0)"> <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 "/> <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>
<g transform="translate(54.1 6)"> <g transform="translate(54.1 7)">
<g class="typst-group"> <g class="typst-group">
<g> <g>
<g transform="translate(0 0)"> <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

@@ -49,10 +49,10 @@
<g transform="translate(36 0)"> <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 "/> <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>
<g transform="translate(31.5 6)"> <g transform="translate(31.5 7)">
<path class="typst-shape" fill="#000000" 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 "/> <path class="typst-shape" fill="#000000" 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>
<g transform="translate(31.5 6)"> <g transform="translate(31.5 7)">
<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 "/> <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>
<g transform="translate(31.5 41)"> <g transform="translate(31.5 41)">
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 12 KiB

4
templates/flashcards.typ
View File

@@ -140,9 +140,9 @@
// Draw heaven bead // Draw heaven bead
#let heaven-y = if heaven-active == 1 { #let heaven-y = if heaven-active == 1 {
heaven-earth-gap - bead-size / 2 - 2pt // Active (center just above bar) heaven-earth-gap - bead-size / 2 - 1pt // Active (center just above bar)
} else { } else {
5pt + bead-size / 2 // Inactive (center near top) bead-size / 2 + 5pt // Inactive (center at top, with same 5pt gap as earth beads)
} }
#let bead-color = if heaven-active == 1 { #let bead-color = if heaven-active == 1 {