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

fix: regenerate example SVGs with actual soroban renderings

Browse Source 
- Remove text labels from example templates, show only soroban graphics
- Increase canvas sizes for better visibility (300x150pt, 400x200pt)
- Use larger base-size (1.8-2.0) for clearer bead visualization
- Regenerate all SVGs with proper soroban beads instead of text
- Fix example-5: now shows diamond beads with place-value colors
- Fix example-123: now shows circle beads with heaven-earth colors
- Fix example-single-card: properly renders number 42 as soroban

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

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Thomas Hallock
2025-09-16 09:53:04 -05:00
parent e196fa371c
commit d94baa1a80
4 changed files with 226 additions and 94 deletions
Download Patch File Download Diff File Expand all files Collapse all files

205
packages/templates/examples/example-123-1.svg
View File

@@ -1,51 +1,164 @@
<svg class="typst-doc" viewBox="0 0 250 120" width="250pt" height="120pt" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:h5="http://www.w3.org/1999/xhtml">
<path class="typst-shape" fill="#ffffff" fill-rule="nonzero" d="M 0 0 L 0 120 L 250 120 L 250 0 Z "/>
<svg class="typst-doc" viewBox="0 0 400 200" width="400pt" height="200pt" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:h5="http://www.w3.org/1999/xhtml">
<path class="typst-shape" fill="#ffffff" fill-rule="nonzero" d="M 0 0 L 0 200 L 400 200 L 400 0 Z "/>
<g>
<g transform="translate(90.44 59.87)">
<g class="typst-text" transform="scale(1, -1)">
<use xlink:href="#gF2111A4C52AB429176E8096DC8CBBA2B" x="0" fill="#000000" fill-rule="nonzero"/>
<use xlink:href="#gE19E7522E76C452EB868F2CAC0B9F39D" x="8.88" fill="#000000" fill-rule="nonzero"/>
<use xlink:href="#g87CDBD8657588760082F0560DC0E7149" x="16.056" fill="#000000" fill-rule="nonzero"/>
<use xlink:href="#g2B98A043C9CDB8EE97FD22CA103FE7D6" x="26.916" fill="#000000" fill-rule="nonzero"/>
<use xlink:href="#g101FC7DEB19593305FCDD699D70FB6CA" x="33.54" fill="#000000" fill-rule="nonzero"/>
<use xlink:href="#g9472D99F9EE999E20BA3AAA14786E788" x="39.408" fill="#000000" fill-rule="nonzero"/>
<use xlink:href="#gE55960A68E1CC9B8F3B7F4430DA3D3A2" x="44.544" fill="#000000" fill-rule="nonzero"/>
<use xlink:href="#g2E860E6BA658E5B263B4031FEDD706CE" x="50.616" fill="#000000" fill-rule="nonzero"/>
<use xlink:href="#g10954B43606A94597B2972076E4FC137" x="56.784" fill="#000000" fill-rule="nonzero"/>
<use xlink:href="#gC2BA45A0E36418A571398684643C19C2" x="62.952" fill="#000000" fill-rule="nonzero"/>
<g transform="translate(132.5 -4)">
<g class="typst-group">
<g>
<g transform="translate(0 0)">
<g class="typst-group">
<g>
<g transform="translate(19.8 24.399999999999995)">
<path class="typst-shape" fill="#eeeeee" fill-rule="nonzero" d="M 0 0 L 0 130.4 L 5.4 130.4 L 5.4 0 Z "/>
</g>
<g transform="translate(11.7 24.399999999999995)">
<g class="typst-group">
<g>
<g transform="translate(-0 -0)">
<path class="typst-shape" fill="#e6e6e6" fill-rule="nonzero" stroke="#000000" stroke-width="0.5" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="4" d="M 0 10.8 C 0 4.8407326 4.8407326 0 10.8 0 C 16.759268 0 21.6 4.8407326 21.6 10.8 C 21.6 16.759268 16.759268 21.6 10.8 21.6 C 4.8407326 21.6 0 16.759268 0 10.8 "/>
</g>
</g>
</g>
</g>
<g transform="translate(11.7 58.599999999999994)">
<g class="typst-group">
<g>
<g transform="translate(-0 -0)">
<path class="typst-shape" fill="#2e86ab" fill-rule="nonzero" stroke="#000000" stroke-width="0.5" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="4" d="M 0 10.8 C 0 4.8407326 4.8407326 0 10.8 0 C 16.759268 0 21.6 4.8407326 21.6 10.8 C 21.6 16.759268 16.759268 21.6 10.8 21.6 C 4.8407326 21.6 0 16.759268 0 10.8 "/>
</g>
</g>
</g>
</g>
<g transform="translate(11.7 88.2)">
<g class="typst-group">
<g>
<g transform="translate(-0 -0)">
<path class="typst-shape" fill="#e6e6e6" fill-rule="nonzero" stroke="#000000" stroke-width="0.5" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="4" d="M 0 10.8 C 0 4.8407326 4.8407326 0 10.8 0 C 16.759268 0 21.6 4.8407326 21.6 10.8 C 21.6 16.759268 16.759268 21.6 10.8 21.6 C 4.8407326 21.6 0 16.759268 0 10.8 "/>
</g>
</g>
</g>
</g>
<g transform="translate(11.7 110.7)">
<g class="typst-group">
<g>
<g transform="translate(-0 -0)">
<path class="typst-shape" fill="#e6e6e6" fill-rule="nonzero" stroke="#000000" stroke-width="0.5" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="4" d="M 0 10.8 C 0 4.8407326 4.8407326 0 10.8 0 C 16.759268 0 21.6 4.8407326 21.6 10.8 C 21.6 16.759268 16.759268 21.6 10.8 21.6 C 4.8407326 21.6 0 16.759268 0 10.8 "/>
</g>
</g>
</g>
</g>
<g transform="translate(11.7 133.20000000000002)">
<g class="typst-group">
<g>
<g transform="translate(-0 -0)">
<path class="typst-shape" fill="#e6e6e6" fill-rule="nonzero" stroke="#000000" stroke-width="0.5" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="4" d="M 0 10.8 C 0 4.8407326 4.8407326 0 10.8 0 C 16.759268 0 21.6 4.8407326 21.6 10.8 C 21.6 16.759268 16.759268 21.6 10.8 21.6 C 4.8407326 21.6 0 16.759268 0 10.8 "/>
</g>
</g>
</g>
</g>
<g transform="translate(64.8 24.399999999999995)">
<path class="typst-shape" fill="#eeeeee" fill-rule="nonzero" d="M 0 0 L 0 130.4 L 5.4 130.4 L 5.4 0 Z "/>
</g>
<g transform="translate(56.699999999999996 24.399999999999995)">
<g class="typst-group">
<g>
<g transform="translate(-0 -0)">
<path class="typst-shape" fill="#e6e6e6" fill-rule="nonzero" stroke="#000000" stroke-width="0.5" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="4" d="M 0 10.8 C 0 4.8407326 4.8407326 0 10.8 0 C 16.759268 0 21.6 4.8407326 21.6 10.8 C 21.6 16.759268 16.759268 21.6 10.8 21.6 C 4.8407326 21.6 0 16.759268 0 10.8 "/>
</g>
</g>
</g>
</g>
<g transform="translate(56.699999999999996 58.599999999999994)">
<g class="typst-group">
<g>
<g transform="translate(-0 -0)">
<path class="typst-shape" fill="#2e86ab" fill-rule="nonzero" stroke="#000000" stroke-width="0.5" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="4" d="M 0 10.8 C 0 4.8407326 4.8407326 0 10.8 0 C 16.759268 0 21.6 4.8407326 21.6 10.8 C 21.6 16.759268 16.759268 21.6 10.8 21.6 C 4.8407326 21.6 0 16.759268 0 10.8 "/>
</g>
</g>
</g>
</g>
<g transform="translate(56.699999999999996 81.1)">
<g class="typst-group">
<g>
<g transform="translate(-0 -0)">
<path class="typst-shape" fill="#2e86ab" fill-rule="nonzero" stroke="#000000" stroke-width="0.5" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="4" d="M 0 10.8 C 0 4.8407326 4.8407326 0 10.8 0 C 16.759268 0 21.6 4.8407326 21.6 10.8 C 21.6 16.759268 16.759268 21.6 10.8 21.6 C 4.8407326 21.6 0 16.759268 0 10.8 "/>
</g>
</g>
</g>
</g>
<g transform="translate(56.699999999999996 110.7)">
<g class="typst-group">
<g>
<g transform="translate(-0 -0)">
<path class="typst-shape" fill="#e6e6e6" fill-rule="nonzero" stroke="#000000" stroke-width="0.5" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="4" d="M 0 10.8 C 0 4.8407326 4.8407326 0 10.8 0 C 16.759268 0 21.6 4.8407326 21.6 10.8 C 21.6 16.759268 16.759268 21.6 10.8 21.6 C 4.8407326 21.6 0 16.759268 0 10.8 "/>
</g>
</g>
</g>
</g>
<g transform="translate(56.699999999999996 133.20000000000002)">
<g class="typst-group">
<g>
<g transform="translate(-0 -0)">
<path class="typst-shape" fill="#e6e6e6" fill-rule="nonzero" stroke="#000000" stroke-width="0.5" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="4" d="M 0 10.8 C 0 4.8407326 4.8407326 0 10.8 0 C 16.759268 0 21.6 4.8407326 21.6 10.8 C 21.6 16.759268 16.759268 21.6 10.8 21.6 C 4.8407326 21.6 0 16.759268 0 10.8 "/>
</g>
</g>
</g>
</g>
<g transform="translate(109.8 24.399999999999995)">
<path class="typst-shape" fill="#eeeeee" fill-rule="nonzero" d="M 0 0 L 0 130.4 L 5.4 130.4 L 5.4 0 Z "/>
</g>
<g transform="translate(101.7 24.399999999999995)">
<g class="typst-group">
<g>
<g transform="translate(-0 -0)">
<path class="typst-shape" fill="#e6e6e6" fill-rule="nonzero" stroke="#000000" stroke-width="0.5" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="4" d="M 0 10.8 C 0 4.8407326 4.8407326 0 10.8 0 C 16.759268 0 21.6 4.8407326 21.6 10.8 C 21.6 16.759268 16.759268 21.6 10.8 21.6 C 4.8407326 21.6 0 16.759268 0 10.8 "/>
</g>
</g>
</g>
</g>
<g transform="translate(101.7 58.599999999999994)">
<g class="typst-group">
<g>
<g transform="translate(-0 -0)">
<path class="typst-shape" fill="#2e86ab" fill-rule="nonzero" stroke="#000000" stroke-width="0.5" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="4" d="M 0 10.8 C 0 4.8407326 4.8407326 0 10.8 0 C 16.759268 0 21.6 4.8407326 21.6 10.8 C 21.6 16.759268 16.759268 21.6 10.8 21.6 C 4.8407326 21.6 0 16.759268 0 10.8 "/>
</g>
</g>
</g>
</g>
<g transform="translate(101.7 81.1)">
<g class="typst-group">
<g>
<g transform="translate(-0 -0)">
<path class="typst-shape" fill="#2e86ab" fill-rule="nonzero" stroke="#000000" stroke-width="0.5" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="4" d="M 0 10.8 C 0 4.8407326 4.8407326 0 10.8 0 C 16.759268 0 21.6 4.8407326 21.6 10.8 C 21.6 16.759268 16.759268 21.6 10.8 21.6 C 4.8407326 21.6 0 16.759268 0 10.8 "/>
</g>
</g>
</g>
</g>
<g transform="translate(101.7 103.6)">
<g class="typst-group">
<g>
<g transform="translate(-0 -0)">
<path class="typst-shape" fill="#2e86ab" fill-rule="nonzero" stroke="#000000" stroke-width="0.5" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="4" d="M 0 10.8 C 0 4.8407326 4.8407326 0 10.8 0 C 16.759268 0 21.6 4.8407326 21.6 10.8 C 21.6 16.759268 16.759268 21.6 10.8 21.6 C 4.8407326 21.6 0 16.759268 0 10.8 "/>
</g>
</g>
</g>
</g>
<g transform="translate(101.7 133.20000000000002)">
<g class="typst-group">
<g>
<g transform="translate(-0 -0)">
<path class="typst-shape" fill="#e6e6e6" fill-rule="nonzero" stroke="#000000" stroke-width="0.5" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="4" d="M 0 10.8 C 0 4.8407326 4.8407326 0 10.8 0 C 16.759268 0 21.6 4.8407326 21.6 10.8 C 21.6 16.759268 16.759268 21.6 10.8 21.6 C 4.8407326 21.6 0 16.759268 0 10.8 "/>
</g>
</g>
</g>
</g>
<g transform="translate(0 54)">
<path class="typst-shape" fill="#000000" fill-rule="nonzero" d="M 0 0 L 0 3.6 L 135 3.6 L 135 0 Z "/>
</g>
</g>
</g>
</g>
</g>
</g>
</g>
</g>
<defs id="glyph">
<symbol id="gF2111A4C52AB429176E8096DC8CBBA2B" overflow="visible">
<path d="M 7.572 0 C 7.572 0 7.512 0.852 7.512 1.224 L 7.512 6.144 C 7.512 7.212 7.716 7.272 8.556 7.356 C 8.628 7.428 8.628 7.692 8.556 7.764 C 7.968 7.752 7.764 7.7400002 7.26 7.7400002 C 6.7200003 7.7400002 6.468 7.752 5.868 7.764 C 5.796 7.692 5.796 7.428 5.868 7.356 C 6.708 7.272 6.912 7.236 6.912 6.144 L 6.912 2.772 C 6.912 2.4720001 6.756 2.532 6.588 2.736 L 3.408 6.48 L 2.34 7.7400002 L 0.384 7.764 C 0.312 7.692 0.312 7.428 0.384 7.356 C 0.90000004 7.32 1.26 6.912 1.332 6.6 L 1.332 1.596 C 1.332 0.528 1.128 0.468 0.288 0.384 C 0.216 0.312 0.216 0.048 0.288 -0.024 C 0.876 -0.012 1.104 0 1.632 0 C 2.16 0 2.376 -0.012 2.976 -0.024 C 3.048 0.048 3.048 0.312 2.976 0.384 C 2.136 0.468 1.932 0.504 1.932 1.596 L 1.932 5.16 C 1.932 5.28 1.956 5.4 2.028 5.4 C 2.088 5.4 2.184 5.316 2.316 5.16 L 6.336 0.384 C 6.576 0.084 6.816 -0.144 6.816 -0.144 C 7.236 -0.144 7.356 -0.108 7.572 0 Z "/>
</symbol>
<symbol id="gE19E7522E76C452EB868F2CAC0B9F39D" overflow="visible">
<path d="M 6.12 1.596 L 6.12 3.672 C 6.12 4.68 6.144 4.5360003 6.144 4.824 C 6.144 5.028 6.096 5.16 6.024 5.232 C 5.808 5.2200003 5.568 5.208 5.34 5.208 C 5.004 5.208 4.224 5.2200003 3.756 5.232 C 3.684 5.16 3.684 4.896 3.756 4.824 C 4.368 4.764 4.56 4.68 4.56 3.672 L 4.56 1.452 C 4.56 1.332 4.56 1.212 4.572 1.092 C 4.08 0.792 3.684 0.768 3.468 0.768 C 2.988 0.768 2.628 0.828 2.628 1.668 L 2.628 3.672 C 2.628 4.68 2.652 4.5360003 2.652 4.824 C 2.652 5.028 2.604 5.16 2.532 5.232 C 2.316 5.2200003 2.0640001 5.208 1.848 5.208 C 1.2360001 5.208 0.78000003 5.2200003 0.264 5.232 C 0.192 5.16 0.192 4.896 0.264 4.824 C 0.816 4.8 1.068 4.68 1.068 3.672 L 1.068 1.8000001 C 1.068 0.528 1.572 -0.120000005 2.604 -0.120000005 C 3.036 -0.120000005 3.912 0.228 4.608 0.612 C 4.632 0.312 4.656 0.084 4.656 0.084 C 4.668 -0.060000002 4.764 -0.120000005 4.932 -0.120000005 C 5.376 0 6.096 0.168 6.9240003 0.276 C 6.948 0.348 6.9240003 0.588 6.9 0.66 C 6.252 0.72 6.12 0.912 6.12 1.596 Z "/>
</symbol>
<symbol id="g87CDBD8657588760082F0560DC0E7149" overflow="visible">
<path d="M 2.736 1.464 L 2.736 3.852 C 2.736 3.912 2.736 3.9720001 2.736 4.032 C 3.204 4.32 3.624 4.44 3.828 4.44 C 4.308 4.44 4.668 4.224 4.668 3.54 L 4.668 1.536 C 4.668 0.528 4.476 0.42000002 3.984 0.384 C 3.912 0.312 3.912 0.048 3.984 -0.024 C 4.488 -0.012 4.872 0 5.448 0 C 6.024 0 6.396 -0.012 6.912 -0.024 C 6.984 0.048 6.984 0.312 6.912 0.384 C 6.432 0.42000002 6.228 0.528 6.228 1.536 L 6.228 3.408 C 6.228 3.708 6.216 3.948 6.18 4.068 C 6.636 4.296 7.152 4.44 7.344 4.44 C 7.824 4.44 8.16 4.224 8.16 3.54 L 8.16 1.536 C 8.16 0.528 7.968 0.42000002 7.476 0.384 C 7.4040003 0.312 7.4040003 0.048 7.476 -0.024 C 7.98 -0.012 8.364 0 8.940001 0 C 9.6 0 10.128 -0.012 10.644 -0.024 C 10.716001 0.048 10.716001 0.312 10.644 0.384 C 9.912 0.42000002 9.72 0.528 9.72 1.536 L 9.72 3.408 C 9.72 4.728 9.24 5.328 8.208 5.328 C 7.764 5.328 6.756 4.848 6.06 4.464 C 5.88 4.98 5.4 5.328 4.692 5.328 C 4.26 5.328 3.3960001 4.872 2.7120001 4.488 C 2.676 4.848 2.64 5.124 2.64 5.124 C 2.628 5.268 2.532 5.328 2.364 5.328 C 1.9200001 5.208 1.2 5.04 0.372 4.932 C 0.348 4.86 0.372 4.62 0.396 4.548 C 1.056 4.488 1.176 4.392 1.176 3.708 L 1.176 1.464 C 1.176 0.468 1.044 0.444 0.312 0.384 C 0.24000001 0.312 0.24000001 0.048 0.312 -0.024 C 0.816 -0.012 1.32 0 1.956 0 C 2.5080001 0 2.844 -0.012 3.3600001 -0.024 C 3.432 0.048 3.432 0.312 3.3600001 0.384 C 2.856 0.432 2.736 0.468 2.736 1.464 Z "/>
</symbol>
<symbol id="g2B98A043C9CDB8EE97FD22CA103FE7D6" overflow="visible">
<path d="M 0.888 1.524 C 0.888 0.528 0.864 0.384 0.816 -0.072 C 0.96000004 -0.120000005 1.092 -0.156 1.224 -0.156 C 1.38 -0.024 1.5 0.144 1.608 0.36 C 2.076 0 2.808 -0.120000005 3.3600001 -0.120000005 C 4.692 -0.120000005 6.096 1.2 6.096 2.9160001 C 6.096 3.6000001 5.8320003 4.272 5.448 4.716 C 5.0160003 5.208 4.44 5.328 3.8040001 5.328 C 3.432 5.328 2.796 4.908 2.448 4.656 L 2.448 6.9960003 C 2.448 7.776 2.484 8.22 2.484 8.22 C 2.484 8.328 2.4 8.376 2.292 8.376 C 1.848 8.232 0.888 8.1 0.036 8.064 C 0 7.92 0.012 7.788 0.072 7.6800003 C 0.828 7.62 0.888 7.6080003 0.888 6.78 Z M 2.448 4.176 C 2.844 4.44 3.108 4.476 3.384 4.476 C 3.9720001 4.476 4.416 3.936 4.416 2.76 C 4.416 1.776 4.248 0.384 3.3 0.384 C 2.9520001 0.384 2.676 0.528 2.448 0.804 Z "/>
</symbol>
<symbol id="g101FC7DEB19593305FCDD699D70FB6CA" overflow="visible">
<path d="M 5.172 1.548 C 4.68 1.044 4.032 0.912 3.576 0.912 C 2.64 0.912 2.0640001 1.452 2.0640001 2.628 C 2.0640001 2.7120001 2.076 2.76 2.076 2.82 L 4.956 2.82 C 5.244 2.82 5.304 3.024 5.304 3.192 C 5.304 4.212 4.908 5.328 3.144 5.328 C 1.8840001 5.328 0.444 4.212 0.444 2.376 C 0.444 1.6800001 0.696 0.948 1.212 0.48000002 C 1.668 0.072 2.256 -0.120000005 3.108 -0.120000005 C 3.936 -0.120000005 4.752 0.3 5.352 1.176 C 5.352 1.332 5.292 1.548 5.172 1.548 Z M 2.124 3.3 C 2.136 3.72 2.196 4.176 2.364 4.416 C 2.556 4.704 2.88 4.824 3.012 4.824 C 3.336 4.824 3.78 4.512 3.78 3.552 C 3.78 3.48 3.78 3.3240001 3.756 3.3 Z "/>
</symbol>
<symbol id="g9472D99F9EE999E20BA3AAA14786E788" overflow="visible">
<path d="M 2.736 3.216 C 2.736 3.648 2.868 3.828 3.024 4.008 C 3.1200001 4.1280003 3.228 4.212 3.408 4.212 C 3.516 4.212 3.648 4.104 3.744 3.984 C 3.828 3.888 4.032 3.792 4.308 3.792 C 4.656 3.792 4.992 4.152 4.992 4.656 C 4.992 4.968 4.632 5.328 4.2 5.328 C 3.78 5.328 3.3240001 4.968 2.772 4.176 L 2.724 4.176 C 2.7 4.5360003 2.64 5.124 2.64 5.124 C 2.628 5.232 2.532 5.328 2.364 5.328 C 1.8000001 5.184 1.164 5.0160003 0.372 4.932 C 0.348 4.86 0.372 4.632 0.396 4.56 C 1.056 4.5 1.176 4.392 1.176 3.708 L 1.176 1.464 C 1.176 0.468 1.044 0.444 0.312 0.384 C 0.24000001 0.312 0.24000001 0.048 0.312 -0.024 C 0.816 -0.012 1.32 0 1.956 0 C 2.592 0 3.084 -0.012 3.6000001 -0.024 C 3.672 0.048 3.672 0.312 3.6000001 0.384 C 2.868 0.432 2.736 0.468 2.736 1.464 Z "/>
</symbol>
<symbol id="gE55960A68E1CC9B8F3B7F4430DA3D3A2" overflow="visible">
<path d="M 0.72 0.72 C 0.72 0.264 1.104 -0.096 1.584 -0.096 C 2.0640001 -0.096 2.4720001 0.288 2.4720001 0.744 C 2.4720001 1.212 2.088 1.572 1.608 1.572 C 1.128 1.572 0.72 1.188 0.72 0.72 Z M 0.72 4.296 C 0.72 3.8400002 1.104 3.48 1.584 3.48 C 2.0640001 3.48 2.4720001 3.864 2.4720001 4.32 C 2.4720001 4.788 2.088 5.1480002 1.608 5.1480002 C 1.128 5.1480002 0.72 4.764 0.72 4.296 Z "/>
</symbol>
<symbol id="g2E860E6BA658E5B263B4031FEDD706CE" overflow="visible">
<path d="M 4.404 1.464 L 4.404 5.796 C 4.404 6.432 4.5 7.116 4.5 7.116 C 4.5 7.272 4.404 7.32 4.296 7.32 C 4.176 7.32 3.9720001 7.272 3.696 7.14 C 2.964 6.804 2.148 6.5160003 1.104 6.084 C 1.116 5.88 1.2 5.688 1.368 5.568 C 2.016 5.844 2.448 5.868 2.616 5.868 C 2.772 5.868 2.844 5.82 2.844 5.2200003 L 2.844 1.464 C 2.844 0.468 2.2680001 0.42000002 1.608 0.384 C 1.488 0.312 1.488 0.048 1.608 -0.024 C 2.592 -0.012 3.1560001 0 3.636 0 C 4.116 0 4.656 -0.012 5.64 -0.024 C 5.76 0.048 5.76 0.312 5.64 0.384 C 4.98 0.42000002 4.404 0.468 4.404 1.464 Z "/>
</symbol>
<symbol id="g10954B43606A94597B2972076E4FC137" overflow="visible">
<path d="M 0.6 5.448 C 0.6 5.1480002 0.876 4.8 1.308 4.8 C 1.656 4.8 2.004 5.064 2.004 5.436 C 2.004 5.496 1.98 5.58 1.944 5.688 C 1.908 5.772 1.872 5.868 1.872 6 C 1.872 6.276 2.292 6.828 2.868 6.828 C 3.48 6.828 3.9 6.072 3.9 5.352 C 3.9 4.548 3.852 4.032 3.216 3.432 L 2.196 2.46 C 0.708 1.044 0.504 0.708 0.468 0.384 L 0.51600003 0 L 5.1480002 0 C 5.292 0.456 5.436 1.284 5.52 1.968 C 5.364 2.04 5.256 2.088 4.98 2.088 C 4.716 1.272 4.368 0.948 3.828 0.948 L 2.2680001 0.948 C 2.304 1.332 2.424 1.656 2.82 2.016 L 3.528 2.664 C 4.956 3.984 5.436 4.272 5.436 5.388 C 5.436 6.636 4.38 7.32 3.144 7.32 C 1.428 7.32 0.6 6.192 0.6 5.448 Z "/>
</symbol>
<symbol id="gC2BA45A0E36418A571398684643C19C2" overflow="visible">
<path d="M 2.976 6.816 C 3.48 6.816 3.732 6.528 3.732 5.964 C 3.732 5.052 3 4.32 1.896 4.068 L 1.98 3.588 C 2.232 3.66 2.376 3.684 2.556 3.684 C 3.18 3.684 4.056 3.504 4.056 2.0640001 C 4.056 0.684 3.24 0.384 2.796 0.384 C 2.328 0.384 2.076 0.684 1.9200001 0.888 C 1.788 1.068 1.584 1.332 1.14 1.332 C 0.768 1.332 0.552 1.02 0.552 0.816 C 0.552 0.564 0.684 0.384 0.948 0.252 C 1.38 0.036 2.016 -0.120000005 2.604 -0.120000005 C 4.02 -0.120000005 5.604 0.996 5.604 2.664 C 5.604 3.528 5.04 4.284 4.032 4.356 C 4.56 4.62 5.1480002 5.256 5.1480002 5.988 C 5.1480002 6.5160003 4.86 7.32 3.204 7.32 C 1.956 7.32 1.452 6.9 1.068 6.552 C 0.804 6.3120003 0.732 5.988 0.732 5.8320003 C 0.732 5.664 0.792 5.388 1.188 5.388 C 1.716 5.388 1.86 5.664 1.932 6.048 C 2.0640001 6.78 2.568 6.816 2.976 6.816 Z "/>
</symbol>
</defs>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 10 KiB

After

Width:  |  Height:  |  Size: 14 KiB

7
packages/templates/examples/example-123.typ
View File

@@ -1,10 +1,7 @@
#import "../flashcards.typ": draw-soroban
#set page(width: 250pt, height: 120pt, margin: 8pt, fill: white)
#set text(size: 10pt)
#set page(width: 400pt, height: 200pt, margin: 12pt, fill: white)
#align(center + horizon)[
#text(weight: "bold", size: 12pt)[Number: 123]
#v(8pt)
#draw-soroban(123, columns: auto, bead-shape: "circle", color-scheme: "heaven-earth", base-size: 1.0)
#draw-soroban(123, columns: auto, bead-shape: "circle", color-scheme: "heaven-earth", base-size: 1.8)
]

101
packages/templates/examples/example-5-1.svg
View File

@@ -1,43 +1,68 @@
<svg class="typst-doc" viewBox="0 0 200 100" width="200pt" height="100pt" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:h5="http://www.w3.org/1999/xhtml">
<path class="typst-shape" fill="#ffffff" fill-rule="nonzero" d="M 0 0 L 0 100 L 200 100 L 200 0 Z "/>
<svg class="typst-doc" viewBox="0 0 300 150" width="300pt" height="150pt" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:h5="http://www.w3.org/1999/xhtml">
<path class="typst-shape" fill="#ffffff" fill-rule="nonzero" d="M 0 0 L 0 150 L 300 150 L 300 0 Z "/>
<g>
<g transform="translate(71.608 49.87)">
<g class="typst-text" transform="scale(1, -1)">
<use xlink:href="#gF2111A4C52AB429176E8096DC8CBBA2B" x="0" fill="#000000" fill-rule="nonzero"/>
<use xlink:href="#gE19E7522E76C452EB868F2CAC0B9F39D" x="8.88" fill="#000000" fill-rule="nonzero"/>
<use xlink:href="#g87CDBD8657588760082F0560DC0E7149" x="16.056" fill="#000000" fill-rule="nonzero"/>
<use xlink:href="#g2B98A043C9CDB8EE97FD22CA103FE7D6" x="26.916" fill="#000000" fill-rule="nonzero"/>
<use xlink:href="#g101FC7DEB19593305FCDD699D70FB6CA" x="33.54" fill="#000000" fill-rule="nonzero"/>
<use xlink:href="#g9472D99F9EE999E20BA3AAA14786E788" x="39.408" fill="#000000" fill-rule="nonzero"/>
<use xlink:href="#gE55960A68E1CC9B8F3B7F4430DA3D3A2" x="44.544" fill="#000000" fill-rule="nonzero"/>
<use xlink:href="#g79FE48522CFF41E5EC5F4663A877192B" x="50.616" fill="#000000" fill-rule="nonzero"/>
<g transform="translate(125 -40)">
<g class="typst-group">
<g>
<g transform="translate(0 0)">
<g class="typst-group">
<g>
<g transform="translate(22 35)">
<path class="typst-shape" fill="#eeeeee" fill-rule="nonzero" d="M 0 0 L 0 136 L 6 136 L 6 0 Z "/>
</g>
<g transform="translate(8.200000000000001 35)">
<g class="typst-group">
<g>
<g transform="translate(0 0)">
<path class="typst-shape" fill="#2e86ab" fill-rule="nonzero" stroke="#000000" stroke-width="0.5" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="4" d="M 16.8 0 L 33.6 12 L 16.8 24 L 0 12 Z "/>
</g>
</g>
</g>
</g>
<g transform="translate(8.200000000000001 72)">
<g class="typst-group">
<g>
<g transform="translate(0 0)">
<path class="typst-shape" fill="#e6e6e6" fill-rule="nonzero" stroke="#000000" stroke-width="0.5" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="4" d="M 16.8 0 L 33.6 12 L 16.8 24 L 0 12 Z "/>
</g>
</g>
</g>
</g>
<g transform="translate(8.200000000000001 97)">
<g class="typst-group">
<g>
<g transform="translate(0 0)">
<path class="typst-shape" fill="#e6e6e6" fill-rule="nonzero" stroke="#000000" stroke-width="0.5" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="4" d="M 16.8 0 L 33.6 12 L 16.8 24 L 0 12 Z "/>
</g>
</g>
</g>
</g>
<g transform="translate(8.200000000000001 122)">
<g class="typst-group">
<g>
<g transform="translate(0 0)">
<path class="typst-shape" fill="#e6e6e6" fill-rule="nonzero" stroke="#000000" stroke-width="0.5" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="4" d="M 16.8 0 L 33.6 12 L 16.8 24 L 0 12 Z "/>
</g>
</g>
</g>
</g>
<g transform="translate(8.200000000000001 147)">
<g class="typst-group">
<g>
<g transform="translate(0 0)">
<path class="typst-shape" fill="#e6e6e6" fill-rule="nonzero" stroke="#000000" stroke-width="0.5" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="4" d="M 16.8 0 L 33.6 12 L 16.8 24 L 0 12 Z "/>
</g>
</g>
</g>
</g>
<g transform="translate(0 60)">
<path class="typst-shape" fill="#000000" fill-rule="nonzero" d="M 0 0 L 0 4 L 50 4 L 50 0 Z "/>
</g>
</g>
</g>
</g>
</g>
</g>
</g>
</g>
<defs id="glyph">
<symbol id="gF2111A4C52AB429176E8096DC8CBBA2B" overflow="visible">
<path d="M 7.572 0 C 7.572 0 7.512 0.852 7.512 1.224 L 7.512 6.144 C 7.512 7.212 7.716 7.272 8.556 7.356 C 8.628 7.428 8.628 7.692 8.556 7.764 C 7.968 7.752 7.764 7.7400002 7.26 7.7400002 C 6.7200003 7.7400002 6.468 7.752 5.868 7.764 C 5.796 7.692 5.796 7.428 5.868 7.356 C 6.708 7.272 6.912 7.236 6.912 6.144 L 6.912 2.772 C 6.912 2.4720001 6.756 2.532 6.588 2.736 L 3.408 6.48 L 2.34 7.7400002 L 0.384 7.764 C 0.312 7.692 0.312 7.428 0.384 7.356 C 0.90000004 7.32 1.26 6.912 1.332 6.6 L 1.332 1.596 C 1.332 0.528 1.128 0.468 0.288 0.384 C 0.216 0.312 0.216 0.048 0.288 -0.024 C 0.876 -0.012 1.104 0 1.632 0 C 2.16 0 2.376 -0.012 2.976 -0.024 C 3.048 0.048 3.048 0.312 2.976 0.384 C 2.136 0.468 1.932 0.504 1.932 1.596 L 1.932 5.16 C 1.932 5.28 1.956 5.4 2.028 5.4 C 2.088 5.4 2.184 5.316 2.316 5.16 L 6.336 0.384 C 6.576 0.084 6.816 -0.144 6.816 -0.144 C 7.236 -0.144 7.356 -0.108 7.572 0 Z "/>
</symbol>
<symbol id="gE19E7522E76C452EB868F2CAC0B9F39D" overflow="visible">
<path d="M 6.12 1.596 L 6.12 3.672 C 6.12 4.68 6.144 4.5360003 6.144 4.824 C 6.144 5.028 6.096 5.16 6.024 5.232 C 5.808 5.2200003 5.568 5.208 5.34 5.208 C 5.004 5.208 4.224 5.2200003 3.756 5.232 C 3.684 5.16 3.684 4.896 3.756 4.824 C 4.368 4.764 4.56 4.68 4.56 3.672 L 4.56 1.452 C 4.56 1.332 4.56 1.212 4.572 1.092 C 4.08 0.792 3.684 0.768 3.468 0.768 C 2.988 0.768 2.628 0.828 2.628 1.668 L 2.628 3.672 C 2.628 4.68 2.652 4.5360003 2.652 4.824 C 2.652 5.028 2.604 5.16 2.532 5.232 C 2.316 5.2200003 2.0640001 5.208 1.848 5.208 C 1.2360001 5.208 0.78000003 5.2200003 0.264 5.232 C 0.192 5.16 0.192 4.896 0.264 4.824 C 0.816 4.8 1.068 4.68 1.068 3.672 L 1.068 1.8000001 C 1.068 0.528 1.572 -0.120000005 2.604 -0.120000005 C 3.036 -0.120000005 3.912 0.228 4.608 0.612 C 4.632 0.312 4.656 0.084 4.656 0.084 C 4.668 -0.060000002 4.764 -0.120000005 4.932 -0.120000005 C 5.376 0 6.096 0.168 6.9240003 0.276 C 6.948 0.348 6.9240003 0.588 6.9 0.66 C 6.252 0.72 6.12 0.912 6.12 1.596 Z "/>
</symbol>
<symbol id="g87CDBD8657588760082F0560DC0E7149" overflow="visible">
<path d="M 2.736 1.464 L 2.736 3.852 C 2.736 3.912 2.736 3.9720001 2.736 4.032 C 3.204 4.32 3.624 4.44 3.828 4.44 C 4.308 4.44 4.668 4.224 4.668 3.54 L 4.668 1.536 C 4.668 0.528 4.476 0.42000002 3.984 0.384 C 3.912 0.312 3.912 0.048 3.984 -0.024 C 4.488 -0.012 4.872 0 5.448 0 C 6.024 0 6.396 -0.012 6.912 -0.024 C 6.984 0.048 6.984 0.312 6.912 0.384 C 6.432 0.42000002 6.228 0.528 6.228 1.536 L 6.228 3.408 C 6.228 3.708 6.216 3.948 6.18 4.068 C 6.636 4.296 7.152 4.44 7.344 4.44 C 7.824 4.44 8.16 4.224 8.16 3.54 L 8.16 1.536 C 8.16 0.528 7.968 0.42000002 7.476 0.384 C 7.4040003 0.312 7.4040003 0.048 7.476 -0.024 C 7.98 -0.012 8.364 0 8.940001 0 C 9.6 0 10.128 -0.012 10.644 -0.024 C 10.716001 0.048 10.716001 0.312 10.644 0.384 C 9.912 0.42000002 9.72 0.528 9.72 1.536 L 9.72 3.408 C 9.72 4.728 9.24 5.328 8.208 5.328 C 7.764 5.328 6.756 4.848 6.06 4.464 C 5.88 4.98 5.4 5.328 4.692 5.328 C 4.26 5.328 3.3960001 4.872 2.7120001 4.488 C 2.676 4.848 2.64 5.124 2.64 5.124 C 2.628 5.268 2.532 5.328 2.364 5.328 C 1.9200001 5.208 1.2 5.04 0.372 4.932 C 0.348 4.86 0.372 4.62 0.396 4.548 C 1.056 4.488 1.176 4.392 1.176 3.708 L 1.176 1.464 C 1.176 0.468 1.044 0.444 0.312 0.384 C 0.24000001 0.312 0.24000001 0.048 0.312 -0.024 C 0.816 -0.012 1.32 0 1.956 0 C 2.5080001 0 2.844 -0.012 3.3600001 -0.024 C 3.432 0.048 3.432 0.312 3.3600001 0.384 C 2.856 0.432 2.736 0.468 2.736 1.464 Z "/>
</symbol>
<symbol id="g2B98A043C9CDB8EE97FD22CA103FE7D6" overflow="visible">
<path d="M 0.888 1.524 C 0.888 0.528 0.864 0.384 0.816 -0.072 C 0.96000004 -0.120000005 1.092 -0.156 1.224 -0.156 C 1.38 -0.024 1.5 0.144 1.608 0.36 C 2.076 0 2.808 -0.120000005 3.3600001 -0.120000005 C 4.692 -0.120000005 6.096 1.2 6.096 2.9160001 C 6.096 3.6000001 5.8320003 4.272 5.448 4.716 C 5.0160003 5.208 4.44 5.328 3.8040001 5.328 C 3.432 5.328 2.796 4.908 2.448 4.656 L 2.448 6.9960003 C 2.448 7.776 2.484 8.22 2.484 8.22 C 2.484 8.328 2.4 8.376 2.292 8.376 C 1.848 8.232 0.888 8.1 0.036 8.064 C 0 7.92 0.012 7.788 0.072 7.6800003 C 0.828 7.62 0.888 7.6080003 0.888 6.78 Z M 2.448 4.176 C 2.844 4.44 3.108 4.476 3.384 4.476 C 3.9720001 4.476 4.416 3.936 4.416 2.76 C 4.416 1.776 4.248 0.384 3.3 0.384 C 2.9520001 0.384 2.676 0.528 2.448 0.804 Z "/>
</symbol>
<symbol id="g101FC7DEB19593305FCDD699D70FB6CA" overflow="visible">
<path d="M 5.172 1.548 C 4.68 1.044 4.032 0.912 3.576 0.912 C 2.64 0.912 2.0640001 1.452 2.0640001 2.628 C 2.0640001 2.7120001 2.076 2.76 2.076 2.82 L 4.956 2.82 C 5.244 2.82 5.304 3.024 5.304 3.192 C 5.304 4.212 4.908 5.328 3.144 5.328 C 1.8840001 5.328 0.444 4.212 0.444 2.376 C 0.444 1.6800001 0.696 0.948 1.212 0.48000002 C 1.668 0.072 2.256 -0.120000005 3.108 -0.120000005 C 3.936 -0.120000005 4.752 0.3 5.352 1.176 C 5.352 1.332 5.292 1.548 5.172 1.548 Z M 2.124 3.3 C 2.136 3.72 2.196 4.176 2.364 4.416 C 2.556 4.704 2.88 4.824 3.012 4.824 C 3.336 4.824 3.78 4.512 3.78 3.552 C 3.78 3.48 3.78 3.3240001 3.756 3.3 Z "/>
</symbol>
<symbol id="g9472D99F9EE999E20BA3AAA14786E788" overflow="visible">
<path d="M 2.736 3.216 C 2.736 3.648 2.868 3.828 3.024 4.008 C 3.1200001 4.1280003 3.228 4.212 3.408 4.212 C 3.516 4.212 3.648 4.104 3.744 3.984 C 3.828 3.888 4.032 3.792 4.308 3.792 C 4.656 3.792 4.992 4.152 4.992 4.656 C 4.992 4.968 4.632 5.328 4.2 5.328 C 3.78 5.328 3.3240001 4.968 2.772 4.176 L 2.724 4.176 C 2.7 4.5360003 2.64 5.124 2.64 5.124 C 2.628 5.232 2.532 5.328 2.364 5.328 C 1.8000001 5.184 1.164 5.0160003 0.372 4.932 C 0.348 4.86 0.372 4.632 0.396 4.56 C 1.056 4.5 1.176 4.392 1.176 3.708 L 1.176 1.464 C 1.176 0.468 1.044 0.444 0.312 0.384 C 0.24000001 0.312 0.24000001 0.048 0.312 -0.024 C 0.816 -0.012 1.32 0 1.956 0 C 2.592 0 3.084 -0.012 3.6000001 -0.024 C 3.672 0.048 3.672 0.312 3.6000001 0.384 C 2.868 0.432 2.736 0.468 2.736 1.464 Z "/>
</symbol>
<symbol id="gE55960A68E1CC9B8F3B7F4430DA3D3A2" overflow="visible">
<path d="M 0.72 0.72 C 0.72 0.264 1.104 -0.096 1.584 -0.096 C 2.0640001 -0.096 2.4720001 0.288 2.4720001 0.744 C 2.4720001 1.212 2.088 1.572 1.608 1.572 C 1.128 1.572 0.72 1.188 0.72 0.72 Z M 0.72 4.296 C 0.72 3.8400002 1.104 3.48 1.584 3.48 C 2.0640001 3.48 2.4720001 3.864 2.4720001 4.32 C 2.4720001 4.788 2.088 5.1480002 1.608 5.1480002 C 1.128 5.1480002 0.72 4.764 0.72 4.296 Z "/>
</symbol>
<symbol id="g79FE48522CFF41E5EC5F4663A877192B" overflow="visible">
<path d="M 3.876 2.256 C 3.876 1.08 3.456 0.408 2.796 0.408 C 2.556 0.408 2.328 0.648 2.136 0.948 C 1.98 1.188 1.6800001 1.416 1.2360001 1.416 C 0.804 1.416 0.624 1.116 0.624 0.852 C 0.624 0.648 0.804 0.372 1.104 0.216 C 1.572 -0.024 2.292 -0.120000005 2.868 -0.120000005 C 4.464 -0.120000005 5.508 1.188 5.508 2.628 C 5.508 3.828 4.644 4.728 3.228 4.728 C 2.856 4.728 2.1 4.644 1.812 4.572 L 2.04 6.156 C 2.424 6.12 3.276 6.096 3.78 6.096 C 4.212 6.096 4.428 6.12 5.16 6.168 L 5.388 7.2000003 L 5.112 7.356 C 4.236 7.272 3.792 7.2000003 3.072 7.2000003 C 2.58 7.2000003 2.196 7.272 1.512 7.32 L 1.0320001 3.744 L 1.188 3.648 C 2.0640001 3.9720001 2.28 4.056 2.88 4.056 C 3.444 4.056 3.876 3.456 3.876 2.256 Z "/>
</symbol>
</defs>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 8.6 KiB

After

Width:  |  Height:  |  Size: 4.5 KiB

7
packages/templates/examples/example-5.typ
View File

@@ -1,10 +1,7 @@
#import "../flashcards.typ": draw-soroban
#set page(width: 200pt, height: 100pt, margin: 8pt, fill: white)
#set text(size: 10pt)
#set page(width: 300pt, height: 150pt, margin: 12pt, fill: white)
#align(center + horizon)[
#text(weight: "bold", size: 12pt)[Number: 5]
#v(8pt)
#draw-soroban(5, columns: auto, bead-shape: "diamond", color-scheme: "place-value", base-size: 1.2)
#draw-soroban(5, columns: auto, bead-shape: "diamond", color-scheme: "place-value", base-size: 2.0)
]