game name

game name from get parameter
s1
2024-10-19 13:05:21 +05:30 · 2024-10-18 16:59:03 +05:30 · 2024-10-14 11:15:56 +05:30 · 2024-10-04 17:49:07 +05:30 · 2024-10-03 13:33:08 +05:30 · 2024-10-02 21:19:54 +05:30
312 changed files with 62120 additions and 3997 deletions
--- a/README.md
+++ b/README.md
@@ -1,50 +1,27 @@
-# Welcome to [Astro](https://astro.build)

-[![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/withastro/astro/tree/latest/examples/basics)
-[![Open with CodeSandbox](https://assets.codesandbox.io/github/button-edit-lime.svg)](https://codesandbox.io/s/github/withastro/astro/tree/latest/examples/basics)
-
-> 🧑‍🚀 **Seasoned astronaut?** Delete this file. Have fun!
-
-![basics](https://user-images.githubusercontent.com/4677417/186188965-73453154-fdec-4d6b-9c34-cb35c248ae5b.png)
-
-
-## 🚀 Project Structure
-
-Inside of your Astro project, you'll see the following folders and files:
-
-```
-/
-├── public/
-│   └── favicon.svg
-├── src/
-│   ├── components/
-│   │   └── Card.astro
-│   ├── layouts/
-│   │   └── Layout.astro
-│   └── pages/
-│       └── index.astro
-└── package.json
-```
-
-Astro looks for `.astro` or `.md` files in the `src/pages/` directory. Each page is exposed as a route based on its file name.
-
-There's nothing special about `src/components/`, but that's where we like to put any Astro/React/Vue/Svelte/Preact components.
-
-Any static assets, like images, can be placed in the `public/` directory.
-
-## 🧞 Commands
-
-All commands are run from the root of the project, from a terminal:
-
-| Command                | Action                                             |
-| :--------------------- | :------------------------------------------------- |
-| `npm install`          | Installs dependencies                              |
-| `npm run dev`          | Starts local dev server at `localhost:3000`        |
-| `npm run build`        | Build your production site to `./dist/`            |
-| `npm run preview`      | Preview your build locally, before deploying       |
-| `npm run astro ...`    | Run CLI commands like `astro add`, `astro preview` |
-| `npm run astro --help` | Get help using the Astro CLI                       |
-
-## 👀 Want to learn more?
-
-Feel free to check [our documentation](https://docs.astro.build) or jump into our [Discord server](https://astro.build/chat).
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="225px" height="225px" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd" xmlns:xlink="http://www.w3.org/1999/xlink">
+<g><path style="opacity:1" fill="#fdfdfd" d="M -0.5,-0.5 C 74.5,-0.5 149.5,-0.5 224.5,-0.5C 224.5,74.5 224.5,149.5 224.5,224.5C 149.5,224.5 74.5,224.5 -0.5,224.5C -0.5,149.5 -0.5,74.5 -0.5,-0.5 Z"/></g>
+<g><path style="opacity:1" fill="#798394" d="M 173.5,78.5 C 168.695,79.4872 163.695,79.8205 158.5,79.5C 158.83,95.0091 158.496,110.342 157.5,125.5C 157.5,109.833 157.5,94.1667 157.5,78.5C 162.833,78.5 168.167,78.5 173.5,78.5 Z"/></g>
+<g><path style="opacity:1" fill="#192852" d="M 173.5,78.5 C 168.167,78.5 162.833,78.5 157.5,78.5C 157.5,94.1667 157.5,109.833 157.5,125.5C 140.005,126.662 122.338,126.829 104.5,126C 88.5206,121.885 82.354,111.719 86,95.5C 91.0975,81.4028 100.931,72.5695 115.5,69C 122.833,68.3333 130.167,68.3333 137.5,69C 138.549,72.1455 138.383,75.3122 137,78.5C 132.14,90.03 123.64,97.1966 111.5,100C 104.221,101.247 96.8876,101.747 89.5,101.5C 89.3129,112.495 94.6462,119.328 105.5,122C 121.497,122.5 137.497,122.667 153.5,122.5C 153.333,106.83 153.5,91.1631 154,75.5C 157.076,74.7117 160.242,74.2117 163.5,74C 148.833,64 134.167,54 119.5,44C 118.5,43.3333 117.5,43.3333 116.5,44C 100.167,55 83.8333,66 67.5,77C 65.6547,78.128 63.6547,78.628 61.5,78.5C 61.2965,76.6096 61.9632,75.1096 63.5,74C 69.7531,69.9571 75.9197,65.7905 82,61.5C 82.203,57.5787 82.703,53.7454 83.5,50C 84.549,49.5078 85.549,49.6744 86.5,50.5C 87.1667,52.8333 87.8333,55.1667 88.5,57.5C 98.2005,50.6522 108.201,44.3189 118.5,38.5C 136.611,50.1013 154.611,61.9346 172.5,74C 174.466,75.3466 174.799,76.8466 173.5,78.5 Z"/></g>
+<g><path style="opacity:1" fill="#22a84b" d="M 118.5,72.5 C 123.5,72.5 128.5,72.5 133.5,72.5C 132.212,81.5577 127.545,88.3911 119.5,93C 110.724,96.285 101.724,97.1183 92.5,95.5C 101.7,85.1493 113.2,79.8159 127,79.5C 127.684,78.2161 127.517,77.0495 126.5,76C 121.777,75.3762 117.11,75.7095 112.5,77C 108.832,78.6828 105.165,80.0162 101.5,81C 106.712,77.0607 112.379,74.2273 118.5,72.5 Z"/></g>
+<g><path style="opacity:1" fill="#182552" d="M 22.5,151.5 C 24.0799,153.717 25.0799,156.384 25.5,159.5C 29.6264,156.491 33.1264,157.158 36,161.5C 36.9285,165.244 36.4285,168.744 34.5,172C 30.8804,173.226 27.2137,173.726 23.5,173.5C 22.5027,166.197 22.1694,158.863 22.5,151.5 Z"/></g>
+<g><path style="opacity:1" fill="#0f1e4f" d="M 136.5,151.5 C 137.822,154.768 138.489,158.435 138.5,162.5C 138.167,166.167 137.833,169.833 137.5,173.5C 136.503,166.197 136.169,158.863 136.5,151.5 Z"/></g>
+<g><path style="opacity:1" fill="#edeff0" d="M 26.5,160.5 C 33.9905,160.323 35.9905,163.49 32.5,170C 24.8903,170.634 22.8903,167.468 26.5,160.5 Z"/></g>
+<g><path style="opacity:1" fill="#212d56" d="M 80.5,157.5 C 83.6516,156.959 86.1516,157.959 88,160.5C 88.9284,165.02 88.5951,169.354 87,173.5C 85.7378,169.687 85.0712,165.687 85,161.5C 83,160.167 81,160.167 79,161.5C 78.6667,165.167 78.3333,168.833 78,172.5C 77.586,172.957 77.086,173.291 76.5,173.5C 75.5059,168.544 75.1725,163.544 75.5,158.5C 76.8221,158.33 77.9887,158.663 79,159.5C 79.7172,158.956 80.2172,158.289 80.5,157.5 Z"/></g>
+<g><path style="opacity:1" fill="#192852" d="M 44.5,157.5 C 50.5471,157.547 53.5471,160.547 53.5,166.5C 49.774,166.177 46.1073,166.511 42.5,167.5C 42.9767,168.478 43.6433,169.311 44.5,170C 47.3315,170.212 49.9982,170.379 52.5,170.5C 45.6646,175.629 41.3313,173.962 39.5,165.5C 39.6724,161.807 41.3391,159.141 44.5,157.5 Z"/></g>
+<g><path style="opacity:1" fill="#d8dbe0" d="M 44.5,160.5 C 48.2407,159.599 50.2407,160.932 50.5,164.5C 47.7531,164.813 45.0865,164.48 42.5,163.5C 43.1925,162.482 43.8592,161.482 44.5,160.5 Z"/></g>
+<g><path style="opacity:1" fill="#202d56" d="M 60.5,157.5 C 63.2724,157.22 65.7724,157.887 68,159.5C 68.6054,157.519 69.6054,157.185 71,158.5C 71.8015,163.419 71.6349,168.252 70.5,173C 69.2559,173.456 68.4226,172.956 68,171.5C 64.304,174.425 60.9707,174.092 58,170.5C 55.6062,165.527 56.4395,161.194 60.5,157.5 Z"/></g>
+<g><path style="opacity:1" fill="#f7f8f8" d="M 61.5,160.5 C 68.6275,160.706 70.2942,163.873 66.5,170C 60.4983,170.993 58.3317,168.493 60,162.5C 60.7172,161.956 61.2172,161.289 61.5,160.5 Z"/></g>
+<g><path style="opacity:1" fill="#1b2953" d="M 163.5,157.5 C 169.547,157.547 172.547,160.547 172.5,166.5C 168.774,166.177 165.107,166.511 161.5,167.5C 161.833,168.167 162.167,168.833 162.5,169.5C 165.613,170.254 168.613,170.587 171.5,170.5C 167.115,174.665 162.949,174.332 159,169.5C 157.474,164.239 158.974,160.239 163.5,157.5 Z"/></g>
+<g><path style="opacity:1" fill="#d5d8dd" d="M 162.5,160.5 C 164.591,160.318 166.591,160.652 168.5,161.5C 169.386,162.325 169.719,163.325 169.5,164.5C 166.833,164.5 164.167,164.5 161.5,164.5C 161.433,163.041 161.766,161.708 162.5,160.5 Z"/></g>
+<g><path style="opacity:1" fill="#192452" d="M 121.5,157.5 C 124.157,157.162 126.49,157.829 128.5,159.5C 129.167,159.167 129.833,158.833 130.5,158.5C 131.833,163.5 131.833,168.5 130.5,173.5C 128.383,172.468 126.217,172.468 124,173.5C 122.105,173.385 120.438,172.718 119,171.5C 116.418,166.12 117.251,161.453 121.5,157.5 Z"/></g>
+<g><path style="opacity:1" fill="#f0f1f2" d="M 121.5,160.5 C 128.745,160.555 130.745,163.722 127.5,170C 119.89,170.634 117.89,167.468 121.5,160.5 Z"/></g>
+<g><path style="opacity:1" fill="#1a2852" d="M 144.5,151.5 C 145.117,151.611 145.617,151.944 146,152.5C 146.333,156.5 146.667,160.5 147,164.5C 149.067,161.93 151.567,159.93 154.5,158.5C 154.833,158.833 155.167,159.167 155.5,159.5C 154.018,161.483 152.351,163.316 150.5,165C 152.333,166.833 154.167,168.667 156,170.5C 156.563,171.725 156.23,172.725 155,173.5C 152.793,170.436 149.959,168.436 146.5,167.5C 146.66,169.199 146.494,170.866 146,172.5C 145.333,173.833 144.667,173.833 144,172.5C 143.205,165.42 143.372,158.42 144.5,151.5 Z"/></g>
+<g><path style="opacity:1" fill="#172551" d="M 108.5,154.5 C 110.176,155.183 110.843,156.517 110.5,158.5C 115.833,159.167 115.833,159.833 110.5,160.5C 110.5,163.833 110.5,167.167 110.5,170.5C 115.276,170.671 115.609,171.671 111.5,173.5C 110.558,173.392 109.725,173.059 109,172.5C 108.501,168.514 108.334,164.514 108.5,160.5C 104.5,159.833 104.5,159.167 108.5,158.5C 108.5,157.167 108.5,155.833 108.5,154.5 Z"/></g>
+<g><path style="opacity:1" fill="#1d2953" d="M 95.5,157.5 C 97.9363,157.317 100.103,157.984 102,159.5C 102.688,160.332 102.521,160.998 101.5,161.5C 92.5477,160.889 92.5477,162.389 101.5,166C 104.172,168.679 103.838,171.012 100.5,173C 97.4124,173.847 94.5791,173.347 92,171.5C 92.1862,167.706 93.3529,167.54 95.5,171C 98.9257,172.238 100.592,171.071 100.5,167.5C 92.2223,166.885 90.5556,163.551 95.5,157.5 Z"/></g>
+<g><path style="opacity:1" fill="#192753" d="M 187.5,151.5 C 188.822,154.768 189.489,158.435 189.5,162.5C 189.167,166.167 188.833,169.833 188.5,173.5C 187.808,172.975 187.308,172.308 187,171.5C 182.675,174.569 179.008,173.902 176,169.5C 173.91,163.291 175.91,159.291 182,157.5C 183.812,157.493 185.312,158.16 186.5,159.5C 187.48,156.914 187.813,154.247 187.5,151.5 Z"/></g>
+<g><path style="opacity:1" fill="#f2f3f5" d="M 180.5,160.5 C 185.039,159.539 187.372,161.373 187.5,166C 187.561,167.711 186.894,169.044 185.5,170C 178.923,171.591 176.756,169.091 179,162.5C 179.717,161.956 180.217,161.289 180.5,160.5 Z"/></g>
+<g><path style="opacity:1" fill="#192852" d="M 194.5,158.5 C 195.5,158.5 196.5,158.5 197.5,158.5C 197.335,162.182 197.501,165.848 198,169.5C 200,170.833 202,170.833 204,169.5C 204.499,165.848 204.665,162.182 204.5,158.5C 205.5,158.5 206.5,158.5 207.5,158.5C 207.665,162.182 207.499,165.848 207,169.5C 204.839,173.124 201.672,174.291 197.5,173C 196.299,172.097 195.465,170.931 195,169.5C 194.501,165.848 194.335,162.182 194.5,158.5 Z"/></g>
+</svg>
--- a/info.txt
+++ b/info.txt
@@ -0,0 +1 @@
+1. Auto brake line Drag v4 Left & Right Heading.
--- a/package.json
+++ b/package.json
@@ -4,8 +4,8 @@
  "version": "0.0.1",
  "private": true,
  "scripts": {
-    "dev": "astro dev --host --port 2008",
-    "start": "astro dev --host --port 2008",
+    "dev": "astro dev --host --port 2022",
+    "start": "astro dev --host --port 2022",
    "build": "astro build",
    "preview": "astro preview",
    "astro": "astro"
@@ -16,7 +16,6 @@
    "astro": "^1.7.2",
    "astro-eslint-parser": "^0.14.0",
    "eslint": "^8.44.0",
-    "flowbite": "^1.7.0",
    "flowbite-typography": "^1.0.3",
    "phaser": "^3.60.0",
    "shiki": "^0.14.3",
--- a/public/assets/animate-clipart.gif
+++ b/public/assets/animate-clipart.gif
--- a/public/assets/animated-letter/number_0.mp4
+++ b/public/assets/animated-letter/number_0.mp4
--- a/public/assets/animated-letter/number_1.mp4
+++ b/public/assets/animated-letter/number_1.mp4
--- a/public/assets/animated-letter/number_2.mp4
+++ b/public/assets/animated-letter/number_2.mp4
--- a/public/assets/animated-letter/number_3.mp4
+++ b/public/assets/animated-letter/number_3.mp4
--- a/public/assets/animated-letter/number_4.mp4
+++ b/public/assets/animated-letter/number_4.mp4
--- a/public/assets/animated-letter/number_5.mp4
+++ b/public/assets/animated-letter/number_5.mp4
--- a/public/assets/animated-letter/number_6.mp4
+++ b/public/assets/animated-letter/number_6.mp4
--- a/public/assets/animated-letter/number_7.mp4
+++ b/public/assets/animated-letter/number_7.mp4
--- a/public/assets/animated-letter/number_8.mp4
+++ b/public/assets/animated-letter/number_8.mp4
--- a/public/assets/animated-letter/number_9.mp4
+++ b/public/assets/animated-letter/number_9.mp4
--- a/public/assets/animated-letter/small_a.mp4
+++ b/public/assets/animated-letter/small_a.mp4
--- a/public/assets/animated-letter/small_b.mp4
+++ b/public/assets/animated-letter/small_b.mp4
--- a/public/assets/animated-letter/small_c.mp4
+++ b/public/assets/animated-letter/small_c.mp4
--- a/public/assets/animated-letter/small_d.mp4
+++ b/public/assets/animated-letter/small_d.mp4
--- a/public/assets/animated-letter/small_e.mp4
+++ b/public/assets/animated-letter/small_e.mp4
--- a/public/assets/animated-letter/small_f.mp4
+++ b/public/assets/animated-letter/small_f.mp4
--- a/public/assets/animated-letter/small_g.mp4
+++ b/public/assets/animated-letter/small_g.mp4
--- a/public/assets/animated-letter/small_h.mp4
+++ b/public/assets/animated-letter/small_h.mp4
--- a/public/assets/animated-letter/small_i.mp4
+++ b/public/assets/animated-letter/small_i.mp4
--- a/public/assets/animated-letter/small_j.mp4
+++ b/public/assets/animated-letter/small_j.mp4
--- a/public/assets/animated-letter/small_k.mp4
+++ b/public/assets/animated-letter/small_k.mp4
--- a/public/assets/animated-letter/small_l.mp4
+++ b/public/assets/animated-letter/small_l.mp4
--- a/public/assets/animated-letter/small_m.mp4
+++ b/public/assets/animated-letter/small_m.mp4
--- a/public/assets/animated-letter/small_n.mp4
+++ b/public/assets/animated-letter/small_n.mp4
--- a/public/assets/animated-letter/small_o.mp4
+++ b/public/assets/animated-letter/small_o.mp4
--- a/public/assets/animated-letter/small_p.mp4
+++ b/public/assets/animated-letter/small_p.mp4
--- a/public/assets/animated-letter/small_q.mp4
+++ b/public/assets/animated-letter/small_q.mp4
--- a/public/assets/animated-letter/small_r.mp4
+++ b/public/assets/animated-letter/small_r.mp4
--- a/public/assets/animated-letter/small_s.mp4
+++ b/public/assets/animated-letter/small_s.mp4
--- a/public/assets/animated-letter/small_t.mp4
+++ b/public/assets/animated-letter/small_t.mp4
--- a/public/assets/animated-letter/small_u.mp4
+++ b/public/assets/animated-letter/small_u.mp4
--- a/public/assets/animated-letter/small_v.mp4
+++ b/public/assets/animated-letter/small_v.mp4
--- a/public/assets/animated-letter/small_w.mp4
+++ b/public/assets/animated-letter/small_w.mp4
--- a/public/assets/animated-letter/small_x.mp4
+++ b/public/assets/animated-letter/small_x.mp4
--- a/public/assets/animated-letter/small_y.mp4
+++ b/public/assets/animated-letter/small_y.mp4
--- a/public/assets/animated-letter/small_z.mp4
+++ b/public/assets/animated-letter/small_z.mp4
--- a/public/assets/audio/curve-around.mp3
+++ b/public/assets/audio/curve-around.mp3
--- a/public/assets/audio/curve-down.mp3
+++ b/public/assets/audio/curve-down.mp3
--- a/public/assets/audio/down-hook.mp3
+++ b/public/assets/audio/down-hook.mp3
--- a/public/assets/audio/hook-arround-close.mp3
+++ b/public/assets/audio/hook-arround-close.mp3
--- a/public/assets/audio/hook-arround-snake.mp3
+++ b/public/assets/audio/hook-arround-snake.mp3
--- a/public/assets/audio/hook-snake.mp3
+++ b/public/assets/audio/hook-snake.mp3
--- a/public/assets/audio/loop.mp3
+++ b/public/assets/audio/loop.mp3
--- a/public/assets/audio/roll-around.mp3
+++ b/public/assets/audio/roll-around.mp3
--- a/public/assets/audio/roll-down.mp3
+++ b/public/assets/audio/roll-down.mp3
--- a/public/assets/audio/roll-slant.mp3
+++ b/public/assets/audio/roll-slant.mp3
--- a/public/assets/audio/roll-up.mp3
+++ b/public/assets/audio/roll-up.mp3
--- a/public/assets/audio/roll.mp3
+++ b/public/assets/audio/roll.mp3
--- a/public/assets/audio/slant-in.mp3
+++ b/public/assets/audio/slant-in.mp3
--- a/public/assets/audio/slant-out.mp3
+++ b/public/assets/audio/slant-out.mp3
--- a/public/assets/audio/slant-tail.mp3
+++ b/public/assets/audio/slant-tail.mp3
--- a/public/assets/audio/small-down-curve-up.mp3
+++ b/public/assets/audio/small-down-curve-up.mp3
--- a/public/assets/clip-art-with-hand.svg
+++ b/public/assets/clip-art-with-hand.svg
@@ -0,0 +1,11 @@
+
+<svg width="169" height="133" viewBox="0 0 169 133" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M164.295 56.3359L133.293 75.7852L134.58 102.781L167.852 68.1232L164.295 56.3359Z" fill="#FF3141" stroke="black" stroke-width="0.745489"/>
+<path d="M3.59817 61.5937C3.23014 65.0223 2.23257 66.8818 0.605469 67.1724C1.67083 67.9762 1.88875 69.6324 1.25921 72.1408C0.774958 74.9592 1.61272 76.4555 3.7725 76.6299C5.64173 63.2063 9.68042 51.4292 15.8886 41.2986C12.8184 45.2598 9.60779 47.1581 6.25674 46.9934C6.33422 49.5406 6.95406 51.2888 8.11628 52.2379C5.63689 53.6907 3.66597 54.2718 2.20351 53.9812C2.15509 57.5357 2.61997 60.0732 3.59817 61.5937ZM51.0891 4.73241C50.4402 5.36195 49.8107 6.01569 49.2005 6.69365C45.3071 10.9551 42.2466 15.8509 40.0191 21.3811C46.3531 10.4079 54.0528 5.64766 63.1181 7.10043C63.6798 6.27719 63.3553 5.26994 62.1447 4.07867C58.3966 0.814784 54.7114 1.0327 51.0891 4.73241ZM121.069 32.5384C122.008 33.7297 122.817 34.7999 123.495 35.749C128.134 42.1993 131.882 52.7997 134.74 67.5501C134.807 67.9569 134.88 68.354 134.957 68.7414C136.381 68.2184 137.519 67.2983 138.371 65.9811C136.405 64.7705 134.793 62.3153 133.534 58.6156C134.938 58.1216 135.921 57.4873 136.483 56.7124C135.098 56.2766 133.834 54.543 132.691 51.5115C133.611 51.6084 134.531 50.9256 135.451 49.4631C132.275 47.3227 129.229 43.2404 126.313 37.2163C124.832 34.1752 123.083 32.6159 121.069 32.5384ZM94.0765 8.93091C93.6601 8.38855 93.2581 7.88492 92.8707 7.42003C91.0015 5.14403 89.4761 3.61378 88.2945 2.82929C84.4398 0.0399762 81.1178 0.0399762 78.3285 2.82929C77.8249 3.97213 78.3092 5.05202 79.7813 6.06896C80.1493 6.32078 80.8418 6.23845 81.8588 5.82199C84.4641 4.776 86.7885 5.00844 88.832 6.51932C90.1492 7.46846 91.4034 8.66942 92.5947 10.1222C94.5317 12.4369 97.5632 13.6669 101.689 13.8122C98.6092 13.1343 96.0717 11.5072 94.0765 8.93091Z" fill="#130704"/>
+<path d="M111.975 21.4681C109.059 18.0589 105.926 15.628 102.575 14.1752C102.478 14.1268 102.382 14.0881 102.285 14.059L102.139 14.0154C101.975 13.9476 101.825 13.8798 101.689 13.812C97.5632 13.6667 94.5318 12.4367 92.5947 10.122C91.4035 8.66923 90.1492 7.46827 88.8321 6.51913C86.7885 5.00825 84.4641 4.77581 81.8588 5.8218C80.8419 6.23826 80.1494 6.32059 79.7813 6.06877C78.3092 5.05184 77.8249 3.97195 78.3286 2.8291C75.8298 3.77824 70.4352 4.1947 62.1447 4.07848C63.3554 5.26975 63.6798 6.277 63.1181 7.10024C54.0528 5.64747 46.3531 10.4077 40.0191 21.3809C42.2467 15.8507 45.3072 10.9549 49.2006 6.69346C46.4016 8.27214 44.0723 10.1559 42.2128 12.3447C40.3532 14.5336 37.3121 17.042 33.0894 19.8701C28.8376 22.7078 23.7917 28.8627 17.9515 38.3347C17.2736 39.4292 16.5859 40.417 15.8886 41.2984C9.68045 51.429 5.64176 63.2061 3.77253 76.6297C3.72411 76.9106 3.68536 77.1914 3.65631 77.4723C2.17449 99.0701 2.85729 116.13 5.70471 128.653C6.38267 131.2 7.09937 132.464 7.85481 132.445L129.945 130.368C130.943 130.387 131.635 129.767 132.023 128.508C137.427 108.886 138.405 88.9637 134.957 68.7412C134.88 68.3538 134.807 67.9567 134.74 67.5499C131.882 52.7995 128.134 42.1991 123.495 35.7488C122.817 34.7997 122.008 33.7295 121.069 32.5382C118.783 29.6036 115.752 25.9136 111.975 21.4681ZM45.2926 25.6957C49.157 21.6279 53.2925 19.9475 57.6993 20.6546C62.1157 21.3809 65.5055 24.2865 67.8686 29.3712C70.2705 34.4946 70.9388 40.3153 69.8735 46.8334C68.8081 53.3321 66.3384 58.6299 62.4643 62.7267C58.6097 66.8332 54.479 68.5233 50.0722 67.7969C45.6558 67.0899 42.2563 64.1746 39.8738 59.0512C37.4913 53.9471 36.8327 48.1409 37.898 41.6325C38.9634 35.1144 41.4283 29.8022 45.2926 25.6957ZM74.1737 30.1121C76.2172 25.7538 79.0646 23.3567 82.7159 22.9209C86.3769 22.5141 89.7861 24.2042 92.9434 27.991C96.1298 31.7779 98.1153 36.5769 98.8998 42.388C99.7036 48.1506 99.0838 53.2305 97.0402 57.6275C95.0451 62.0245 92.2122 64.4216 88.5415 64.8187C84.8709 65.2545 81.452 63.5645 78.285 59.7485C75.1373 55.981 73.1616 51.2014 72.3577 45.4097C71.5538 39.6083 72.1591 34.5091 74.1737 30.1121ZM47.4863 84.2131L57.4378 82.7458L71.3698 79.4771C75.0114 78.7411 78.4351 78.2132 81.6409 77.8936C90.832 76.9929 98.2024 77.8694 103.752 80.5231C104.769 81.0074 105.728 81.5546 106.628 82.1647C110.967 85.7095 111.418 92.2227 107.98 101.704C107.273 104.068 106.076 106.208 104.391 108.126C100.168 112.91 92.8901 116.237 82.5561 118.106C79.515 118.649 76.1978 119.075 72.6047 119.385C62.9099 119.83 54.5468 118.639 47.5154 115.811C43.9997 114.397 40.8278 112.576 37.9997 110.348C31.8787 105.564 28.4405 100.736 27.6851 95.8643C27.0071 89.4237 30.2904 86.0243 37.5349 85.6659L47.4863 84.2131Z" fill="#FF3141"/>
+<path d="M37.5354 85.6655C30.291 86.0238 27.0077 89.4233 27.6857 95.8639C28.4411 100.736 31.8793 105.564 38.0003 110.348C40.8284 112.576 44.0002 114.396 47.5159 115.81L47.4869 84.2127L37.5354 85.6655ZM103.753 80.5227C98.203 77.8689 90.8326 76.9924 81.6414 77.8932L82.5567 118.106C92.8907 116.237 100.169 112.91 104.392 108.125L103.753 80.5227ZM106.629 82.1643C105.728 81.5541 104.77 81.0069 103.753 80.5227L104.392 108.125C106.077 106.208 107.273 104.067 107.98 101.704C111.418 92.2223 110.968 85.709 106.629 82.1643ZM57.4383 82.7454L47.4869 84.2127L47.5159 115.81C54.5473 118.638 62.9104 119.83 72.6052 119.384C76.1984 119.074 79.5156 118.648 82.5567 118.106L81.6414 77.8932C78.4357 78.2128 75.012 78.7406 71.3704 79.4767L57.4383 82.7454Z" fill="#FDFBFD"/>
+<path d="M82.716 22.9214C79.0647 23.3572 76.2172 25.7543 74.1737 30.1126C72.1592 34.5096 71.5539 39.6089 72.3577 45.4102C73.1616 51.2019 75.1374 55.9815 78.285 59.7491C81.452 63.565 84.8709 65.255 88.5415 64.8192C92.2122 64.4221 95.0451 62.0251 97.0402 57.628C99.0838 53.231 99.7037 48.1511 98.8998 42.3885C98.1153 36.5774 96.1298 31.7784 92.9434 27.9916C89.7861 24.2047 86.3769 22.5146 82.716 22.9214ZM79.7523 41.4006C79.6264 40.19 79.6651 39.144 79.8685 38.2626C80.101 37.4103 80.4496 36.9503 80.9145 36.8825C81.3794 36.8341 81.8201 37.2021 82.2365 37.9866C82.6433 38.7808 82.9193 39.7783 83.0646 40.9793C83.2196 42.1899 83.1857 43.2214 82.9629 44.0737C82.7402 44.9938 82.3963 45.4684 81.9315 45.4974C81.4569 45.5652 81.0114 45.1875 80.5949 44.3643C80.1978 43.5798 79.917 42.5919 79.7523 41.4006ZM57.6993 20.6551C53.2926 19.9481 49.157 21.6284 45.2927 25.6962C41.4283 29.8027 38.9634 35.115 37.8981 41.633C36.8327 48.1414 37.4913 53.9477 39.8738 59.0517C42.2564 64.1752 45.6559 67.0904 50.0723 67.7974C54.479 68.5238 58.6097 66.8337 62.4644 62.7272C66.3384 58.6304 68.8081 53.3327 69.8735 46.834C70.9388 40.3159 70.2706 34.4951 67.8687 29.3717C65.5055 24.287 62.1157 21.3815 57.6993 20.6551ZM55.2151 41.3425C55.4281 39.8122 55.8398 38.558 56.4499 37.5798C57.0891 36.5629 57.7477 36.1028 58.4257 36.1997C59.123 36.2965 59.6315 36.9164 59.9511 38.0592C60.3191 39.1924 60.3966 40.5241 60.1835 42.0543C59.9898 43.5652 59.5492 44.8195 58.8615 45.817C58.2513 46.7952 57.5976 47.2456 56.9003 47.1681C56.2223 47.0712 55.709 46.4611 55.3603 45.3376C55.0698 44.1948 55.0214 42.8631 55.2151 41.3425Z" fill="#FBF2FD"/>
+<path d="M79.8683 38.2621C79.6649 39.1434 79.6262 40.1894 79.7521 41.4001C79.9167 42.5913 80.1976 43.5792 80.5947 44.3637C81.0112 45.1869 81.4567 45.5647 81.9312 45.4969C82.3961 45.4678 82.74 44.9932 82.9627 44.0732C83.1855 43.2209 83.2194 42.1894 83.0644 40.9788C82.9191 39.7778 82.6431 38.7802 82.2363 37.9861C81.8199 37.2016 81.3792 36.8335 80.9143 36.882C80.4494 36.9498 80.1008 37.4098 79.8683 38.2621ZM56.4497 37.5793C55.8395 38.5575 55.4279 39.8117 55.2149 41.342C55.0212 42.8625 55.0696 44.1942 55.3601 45.3371C55.7088 46.4605 56.2221 47.0707 56.9001 47.1676C57.5974 47.245 58.2511 46.7947 58.8613 45.8165C59.5489 44.8189 59.9896 43.5647 60.1833 42.0538C60.3964 40.5236 60.3189 39.1919 59.9509 38.0587C59.6313 36.9159 59.1228 36.296 58.4255 36.1992C57.7475 36.1023 57.0889 36.5623 56.4497 37.5793Z" fill="#051917"/>
+<path d="M92.8711 7.41992C93.2585 7.88481 93.6604 8.38843 94.0769 8.9308C96.072 11.507 98.6095 13.1341 101.689 13.8121C101.825 13.8799 101.975 13.9477 102.14 14.0155C99.2633 12.5821 96.1737 10.3836 92.8711 7.41992Z" fill="#DE0103"/>
+<path d="M101.689 13.8122C98.6092 13.1343 96.0717 11.5072 94.0765 8.93091C93.6601 8.38855 93.2581 7.88492 92.8707 7.42003C91.0015 5.14403 89.4761 3.61378 88.2945 2.82929C84.4398 0.0399763 81.1178 0.0399763 78.3285 2.82929C77.8249 3.97213 78.3092 5.05202 79.7813 6.06896C80.1493 6.32077 80.8418 6.23845 81.8588 5.82199C84.4641 4.776 86.7885 5.00844 88.832 6.51932C90.1492 7.46846 91.4034 8.66941 92.5947 10.1222C94.5317 12.4369 97.5632 13.6669 101.689 13.8122ZM101.689 13.8122C101.825 13.88 101.975 13.9478 102.139 14.0156C99.2629 12.5822 96.1734 10.3837 92.8707 7.42003M121.069 32.5384C118.783 29.6038 115.752 25.9138 111.975 21.4683C109.059 18.0591 105.926 15.6282 102.575 14.1754C102.478 14.127 102.382 14.0882 102.285 14.0592L102.139 14.0156M134.957 68.7413C134.88 68.3539 134.807 67.9569 134.739 67.5501C131.882 52.7996 128.134 42.1993 123.495 35.749C122.817 34.7999 122.008 33.7296 121.069 32.5384C123.083 32.6159 124.832 34.1752 126.313 37.2163C129.229 43.2404 132.275 47.3227 135.451 49.4631C134.531 50.9256 133.611 51.6084 132.691 51.5115C133.834 54.543 135.098 56.2766 136.483 56.7124C135.921 57.4872 134.938 58.1216 133.534 58.6156C134.793 62.3153 136.405 64.7705 138.371 65.9811C137.519 67.2983 136.381 68.2184 134.957 68.7413ZM134.957 68.7413C138.405 88.9639 137.427 108.886 132.023 128.508C131.635 129.767 130.943 130.387 129.945 130.368L7.85478 132.445C7.09934 132.465 6.38264 131.201 5.70468 128.653C2.85726 116.131 2.17446 99.0703 3.65628 77.4725C3.68534 77.1916 3.72408 76.9107 3.7725 76.6299C1.61272 76.4555 0.774958 74.9592 1.25921 72.1408C1.88875 69.6324 1.67083 67.9762 0.605469 67.1724C2.23257 66.8818 3.23014 65.0223 3.59817 61.5937C2.61997 60.0732 2.15509 57.5357 2.20351 53.9812C3.66597 54.2718 5.63689 53.6907 8.11628 52.2379C6.95406 51.2888 6.33422 49.5406 6.25674 46.9934C9.60779 47.1581 12.8184 45.2598 15.8886 41.2986C16.5859 40.4172 17.2736 39.4293 17.9515 38.3349C23.7916 28.8629 28.8376 22.708 33.0894 19.8703C37.3121 17.0422 40.3532 14.5338 42.2127 12.3449C44.0723 10.1561 46.4015 8.27232 49.2005 6.69365C49.8107 6.01569 50.4402 5.36195 51.0891 4.73241C54.7114 1.0327 58.3966 0.814784 62.1447 4.07867C70.4352 4.19489 75.8298 3.77843 78.3285 2.82929M62.1447 4.07867C63.3553 5.26994 63.6798 6.27719 63.1181 7.10043C54.0528 5.64766 46.3531 10.4079 40.0191 21.3811C39.9222 21.5555 39.8205 21.7395 39.714 21.9332M47.4863 84.2133L57.4377 82.746L71.3698 79.4773C75.0114 78.7412 78.4351 78.2134 81.6408 77.8938C90.832 76.9931 98.2024 77.8696 103.752 80.5233C104.769 81.0075 105.728 81.5548 106.628 82.1649C110.967 85.7097 111.418 92.2229 107.98 101.705C107.273 104.068 106.076 106.208 104.391 108.126C100.168 112.91 92.8901 116.237 82.5561 118.106C79.515 118.649 76.1978 119.075 72.6046 119.385C62.9098 119.83 54.5467 118.639 47.5153 115.811C43.9996 114.397 40.8278 112.576 37.9997 110.349C31.8787 105.564 28.4405 100.736 27.6851 95.8645C27.0071 89.4239 30.2904 86.0244 37.5348 85.6661L47.4863 84.2133ZM47.4863 84.2133L47.5153 115.811M15.8886 41.2986C9.68043 51.4292 5.64173 63.2063 3.7725 76.6299M81.6408 77.8938L82.5561 118.106M49.2005 6.69365C45.3071 10.9551 42.2466 15.8509 40.0191 21.3811M103.752 80.5233L104.391 108.126M60.1835 42.054C59.9898 43.5649 59.5491 44.8191 58.8614 45.8167C58.2513 46.7949 57.5975 47.2452 56.9002 47.1678C56.2223 47.0709 55.7089 46.4607 55.3603 45.3373C55.0697 44.1944 55.0213 42.8627 55.215 41.3422C55.4281 39.8119 55.8397 38.5577 56.4499 37.5795C57.0891 36.5625 57.7477 36.1025 58.4256 36.1994C59.1229 36.2962 59.6314 36.9161 59.951 38.0589C60.3191 39.1921 60.3965 40.5238 60.1835 42.054ZM69.8734 46.8336C68.8081 53.3323 66.3384 58.6301 62.4643 62.7269C58.6096 66.8334 54.4789 68.5234 50.0722 67.797C45.6558 67.09 42.2563 64.1748 39.8738 59.0514C37.4912 53.9473 36.8327 48.1411 37.898 41.6327C38.9634 35.1146 41.4282 29.8023 45.2926 25.6958C49.157 21.6281 53.2925 19.9477 57.6992 20.6547C62.1156 21.3811 65.5054 24.2867 67.8686 29.3713C70.2705 34.4948 70.9388 40.3155 69.8734 46.8336ZM83.0646 40.979C83.2195 42.1896 83.1856 43.2211 82.9629 44.0734C82.7401 44.9934 82.3963 45.468 81.9314 45.4971C81.4568 45.5649 81.0113 45.1871 80.5949 44.3639C80.1978 43.5794 79.9169 42.5915 79.7522 41.4003C79.6263 40.1896 79.6651 39.1436 79.8685 38.2623C80.1009 37.41 80.4496 36.95 80.9145 36.8822C81.3793 36.8337 81.82 37.2018 82.2365 37.9863C82.6433 38.7804 82.9193 39.778 83.0646 40.979ZM98.8997 42.3881C99.7036 48.1508 99.0837 53.2306 97.0402 57.6277C95.045 62.0247 92.2121 64.4218 88.5415 64.8189C84.8708 65.2547 81.452 63.5646 78.285 59.7487C75.1373 55.9812 73.1615 51.2016 72.3577 45.4099C71.5538 39.6085 72.1591 34.5093 74.1736 30.1123C76.2172 25.754 79.0646 23.3569 82.7159 22.9211C86.3769 22.5143 89.786 24.2043 92.9434 27.9912C96.1298 31.7781 98.1152 36.5771 98.8997 42.3881Z" stroke="black" stroke-width="0.87166" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
--- a/public/assets/clip-art.svg
+++ b/public/assets/clip-art.svg
--- a/public/assets/color_button.png
+++ b/public/assets/color_button.png
--- a/public/assets/customBG.jpg
+++ b/public/assets/customBG.jpg
--- a/public/assets/numeric/n0.svg
+++ b/public/assets/numeric/n0.svg
@@ -0,0 +1,313 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="100mm"
+   height="100mm"
+   viewBox="0 0 100 100"
+   version="1.1"
+   id="svg5"
+   inkscape:export-filename="w2_l2.svg"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   sodipodi:docname="w0.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview7"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     showgrid="false"
+     showguides="true"
+     inkscape:zoom="1.4478969"
+     inkscape:cx="172.3189"
+     inkscape:cy="215.48496"
+     inkscape:window-width="1920"
+     inkscape:window-height="1011"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1">
+    <sodipodi:guide
+       position="50.044837,106.13694"
+       orientation="1,0"
+       id="guide61"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="30.151491,87.756667"
+       orientation="1,0"
+       id="guide65"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="34.933229,103.49635"
+       orientation="1,0"
+       id="guide67"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="117.31671,32.570302"
+       orientation="0,-1"
+       id="guide69"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="-33.075271,49.930251"
+       orientation="0,-1"
+       id="guide71"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="65.121878,12.99501"
+       orientation="1,0"
+       id="guide550"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="105.80432,67.655673"
+       orientation="0,-1"
+       id="guide343"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="105.07338,82.274578"
+       orientation="0,-1"
+       id="guide347"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="106.16979,17.585925"
+       orientation="0,-1"
+       id="guide349"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="70.170742,91.411393"
+       orientation="1,0"
+       id="guide351"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="49.521539,24.712641"
+       orientation="0,-1"
+       id="guide353"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="50.069748,74.965125"
+       orientation="0,-1"
+       id="guide355"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="57.561936,-11.83462"
+       orientation="1,0"
+       id="guide357"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="42.394823,-21.154172"
+       orientation="1,0"
+       id="guide359"
+       inkscape:locked="false" />
+  </sodipodi:namedview>
+  <defs
+     id="defs2">
+    <marker
+       style="overflow:visible"
+       id="Arrow2"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       inkscape:stockid="Arrow2"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       inkscape:isstock="true"
+       inkscape:collect="always"
+       preserveAspectRatio="xMidYMid">
+      <path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="Arrow2-6"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       preserveAspectRatio="xMidYMid">
+      <path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L-1" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="Arrow2-3"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       preserveAspectRatio="xMidYMid">
+      <path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L-6" />
+    </marker>
+  </defs>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline">
+    <ellipse
+       style="fill:none;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
+       id="path5224"
+       cx="52.567612"
+       cy="50.416187"
+       rx="14.560527"
+       ry="21.45266" />
+    <g
+       id="g5232"
+       transform="matrix(1.2440252,0,0,1.5091547,1.233766,9.9707915)"
+       inkscape:transform-center-x="0.078737506"
+       inkscape:transform-center-y="-0.02246399">
+      <text
+         xml:space="preserve"
+         style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="46.800331"
+         y="15.960659"
+         id="text5228"
+         transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
+           sodipodi:role="line"
+           id="tspan5226"
+           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
+           x="46.800331"
+           y="15.960659">1</tspan></text>
+      <circle
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="circle5230"
+         cx="-48.065395"
+         cy="-13.491238"
+         r="1.2760839"
+         transform="rotate(-178.67073)" />
+    </g>
+    <path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.46771;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
+       d="m 48.296789,30.181333 c 3.018232,-2.286024 8.360684,-1.658519 10.194726,0.66436"
+       id="path5234"
+       sodipodi:nodetypes="cc"
+       inkscape:transform-center-x="5.4029369"
+       inkscape:transform-center-y="0.0838721" />
+    <g
+       id="g19985"
+       style="display:none"
+       transform="matrix(0.88079587,0,0,1.0276504,8.2499935,-9.1427657)">
+      <path
+         style="display:inline;fill:#000000;fill-opacity:1;stroke:#e10079;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="m 42.014207,78.885553 33.868367,0.105865"
+         id="path1106" />
+      <path
+         style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-6);paint-order:stroke fill markers"
+         d="M 54.585716,79.075266 44.449435,78.916887"
+         id="path9586" />
+      <circle
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="circle9592"
+         cx="-78.125687"
+         cy="44.021099"
+         r="1.2760839"
+         transform="rotate(-88.91827)" />
+      <text
+         xml:space="preserve"
+         style="font-size:2.67135px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.117792;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="41.672253"
+         y="79.868111"
+         id="text9761"><tspan
+           id="tspan9759"
+           style="stroke-width:0.117792"
+           x="41.672253"
+           y="79.868111">4</tspan></text>
+    </g>
+    <path
+       style="display:none;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:5.23267;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="M 52.241378,0.26191402 C 52.315135,0.56658596 72.715386,65.174594 72.715386,65.174594"
+       id="path15674" />
+    <g
+       id="g1205"
+       transform="matrix(0.88079587,0,0,1.0276504,8.5600681,-8.5017231)"
+       style="display:none">
+      <g
+         id="g1198"
+         transform="translate(-0.48682415,0.59660565)"
+         style="display:none">
+        <text
+           xml:space="preserve"
+           style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           x="49.768463"
+           y="10.649764"
+           id="text15678"
+           transform="matrix(0.99960636,-0.0021636,0.00216529,1.0003891,0,0)"><tspan
+             id="tspan15676"
+             style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
+             x="49.768463"
+             y="10.649764">2</tspan></text>
+        <circle
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           id="circle15680"
+           cx="-50.731476"
+           cy="-8.3328476"
+           r="1.2760839"
+           transform="rotate(-178.35508)" />
+      </g>
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3);paint-order:stroke fill markers"
+         d="M 54.145899,21.77088 C 53.442717,19.74276 50.806456,11.912664 50.806456,11.912664"
+         id="path15682" />
+      <g
+         id="g1238"
+         style="display:inline"
+         transform="translate(-0.35203906,-0.62379443)">
+        <path
+           style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+           d="m 36.897143,48.164759 26.507248,0.07809"
+           id="path1108" />
+        <path
+           style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.452017;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-6);paint-order:normal"
+           d="M 48.768524,48.161093 39.639351,48.31565"
+           id="path9576" />
+        <g
+           id="g21538"
+           transform="translate(-21.46967,-27.579792)"
+           style="display:inline">
+          <ellipse
+             style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131538;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+             id="circle9582"
+             cx="-74.661598"
+             cy="60.70055"
+             transform="matrix(0.01839222,-0.99983085,0.99981223,0.0193779,0,0)"
+             rx="1.2146922"
+             ry="1.1834064" />
+          <text
+             xml:space="preserve"
+             style="font-size:2.14253px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131537;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+             x="59.531094"
+             y="75.579971"
+             id="text9714"
+             transform="scale(0.98702867,1.0131418)"><tspan
+               id="tspan9712"
+               style="stroke:#f9f6f6;stroke-width:0.131537;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
+               x="59.531094"
+               y="75.579971">3</tspan></text>
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>
--- a/public/assets/numeric/n1.svg
+++ b/public/assets/numeric/n1.svg
@@ -0,0 +1,322 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="100mm"
+   height="100mm"
+   viewBox="0 0 100 100"
+   version="1.1"
+   id="svg5"
+   inkscape:export-filename="w0.svg"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   sodipodi:docname="w0.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview7"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     showgrid="false"
+     showguides="true"
+     inkscape:zoom="1.4478969"
+     inkscape:cx="172.3189"
+     inkscape:cy="215.48496"
+     inkscape:window-width="1920"
+     inkscape:window-height="1011"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1">
+    <sodipodi:guide
+       position="50.044837,106.13694"
+       orientation="1,0"
+       id="guide61"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="30.151491,87.756667"
+       orientation="1,0"
+       id="guide65"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="34.933229,103.49635"
+       orientation="1,0"
+       id="guide67"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="117.31671,32.570302"
+       orientation="0,-1"
+       id="guide69"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="-33.075271,49.930251"
+       orientation="0,-1"
+       id="guide71"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="65.121878,12.99501"
+       orientation="1,0"
+       id="guide550"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="105.80432,67.655673"
+       orientation="0,-1"
+       id="guide343"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="105.07338,82.274578"
+       orientation="0,-1"
+       id="guide347"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="106.16979,17.585925"
+       orientation="0,-1"
+       id="guide349"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="70.170742,91.411393"
+       orientation="1,0"
+       id="guide351"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="49.521539,24.712641"
+       orientation="0,-1"
+       id="guide353"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="50.069748,74.965125"
+       orientation="0,-1"
+       id="guide355"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="57.561936,-11.83462"
+       orientation="1,0"
+       id="guide357"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="42.394823,-21.154172"
+       orientation="1,0"
+       id="guide359"
+       inkscape:locked="false" />
+  </sodipodi:namedview>
+  <defs
+     id="defs2">
+    <marker
+       style="overflow:visible"
+       id="Arrow2"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       inkscape:stockid="Arrow2"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       inkscape:isstock="true"
+       inkscape:collect="always"
+       preserveAspectRatio="xMidYMid">
+      <path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="Arrow2-3"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       inkscape:stockid="Arrow2"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       inkscape:isstock="true"
+       inkscape:collect="always"
+       preserveAspectRatio="xMidYMid">
+      <path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L-6" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="Arrow2-36"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       inkscape:stockid="Arrow2"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       inkscape:isstock="true"
+       inkscape:collect="always"
+       preserveAspectRatio="xMidYMid">
+      <path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L-7" />
+    </marker>
+  </defs>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline">
+    <g
+       id="g19985"
+       style="display:none">
+      <path
+         style="display:inline;fill:#000000;fill-opacity:1;stroke:#e10079;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="m 42.014207,78.885553 33.868367,0.105865"
+         id="path1106" />
+      <path
+         style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
+         d="M 54.585716,79.075266 44.449435,78.916887"
+         id="path9586"
+         sodipodi:nodetypes="cc" />
+      <circle
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="circle9592"
+         cx="-78.125687"
+         cy="44.021099"
+         r="1.2760839"
+         transform="rotate(-88.91827)" />
+      <text
+         xml:space="preserve"
+         style="font-size:2.67135px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.117792;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="41.672253"
+         y="79.868111"
+         id="text9761"><tspan
+           sodipodi:role="line"
+           id="tspan9759"
+           style="stroke-width:0.117792"
+           x="41.672253"
+           y="79.868111">4</tspan></text>
+    </g>
+    <path
+       style="display:none;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="M 49.945039,9.1516334 C 50.028779,9.4481077 73.189935,72.317745 73.189935,72.317745"
+       id="path15674"
+       sodipodi:nodetypes="cc" />
+    <g
+       id="g1205"
+       transform="translate(0.35203906,0.62379443)"
+       style="display:none">
+      <g
+         id="g1198"
+         transform="translate(-0.48682415,0.59660565)"
+         style="display:none">
+        <text
+           xml:space="preserve"
+           style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           x="49.768463"
+           y="10.649764"
+           id="text15678"
+           transform="matrix(0.99960636,-0.0021636,0.00216529,1.0003891,0,0)"><tspan
+             sodipodi:role="line"
+             id="tspan15676"
+             style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
+             x="49.768463"
+             y="10.649764">2</tspan></text>
+        <circle
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           id="circle15680"
+           cx="-50.731476"
+           cy="-8.3328476"
+           r="1.2760839"
+           transform="rotate(-178.35508)" />
+      </g>
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3);paint-order:stroke fill markers"
+         d="M 54.145899,21.77088 C 53.442717,19.74276 50.806456,11.912664 50.806456,11.912664"
+         id="path15682"
+         sodipodi:nodetypes="cc"
+         inkscape:transform-center-x="-1.6158511"
+         inkscape:transform-center-y="4.8664848" />
+      <g
+         id="g1238"
+         style="display:inline"
+         transform="translate(-0.35203906,-0.62379443)">
+        <path
+           style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+           d="m 36.897143,48.164759 26.507248,0.07809"
+           id="path1108" />
+        <path
+           style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.452017;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:normal"
+           d="M 48.768524,48.161093 39.639351,48.31565"
+           id="path9576"
+           sodipodi:nodetypes="cc"
+           inkscape:transform-center-x="-4.8199192"
+           inkscape:transform-center-y="0.3134404" />
+        <g
+           id="g21538"
+           transform="translate(-21.46967,-27.579792)"
+           style="display:inline">
+          <ellipse
+             style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131538;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+             id="circle9582"
+             cx="-74.661598"
+             cy="60.70055"
+             transform="matrix(0.01839222,-0.99983085,0.99981223,0.0193779,0,0)"
+             rx="1.2146922"
+             ry="1.1834064" />
+          <text
+             xml:space="preserve"
+             style="font-size:2.14253px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131537;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+             x="59.531094"
+             y="75.579971"
+             id="text9714"
+             transform="scale(0.98702867,1.0131418)"><tspan
+               sodipodi:role="line"
+               id="tspan9712"
+               style="stroke:#f9f6f6;stroke-width:0.131537;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
+               x="59.531094"
+               y="75.579971">3</tspan></text>
+        </g>
+      </g>
+    </g>
+    <path
+       style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="m 53.719598,28.365391 c 0.02898,1.84444 0.139581,43.462881 0.139581,43.462881"
+       id="path127"
+       sodipodi:nodetypes="cc" />
+    <text
+       xml:space="preserve"
+       style="font-size:3.78008px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.1896;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+       x="48.036243"
+       y="35.394852"
+       id="text9342"
+       transform="matrix(1.0839085,-0.00707373,0.00832414,0.92253275,0,0)"><tspan
+         sodipodi:role="line"
+         id="tspan9340"
+         style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.1896;stroke-dasharray:none;stroke-opacity:1"
+         x="48.036243"
+         y="35.394852">1</tspan></text>
+    <ellipse
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.189603;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+       id="path9448"
+       cx="-54.418415"
+       cy="-29.995638"
+       transform="matrix(-0.99980534,-0.01973028,0.02727456,-0.99962798,0,0)"
+       rx="1.8738403"
+       ry="1.5938919" />
+    <path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.46228;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-36);paint-order:stroke fill markers"
+       d="m 53.597816,43.149023 c -0.01086,-1.807121 0.02867,-8.762619 0.02867,-8.762619"
+       id="path13743"
+       sodipodi:nodetypes="cc"
+       inkscape:transform-center-x="0.031384711"
+       inkscape:transform-center-y="4.5490919" />
+  </g>
+</svg>
--- a/public/assets/numeric/n2.svg
+++ b/public/assets/numeric/n2.svg
@@ -0,0 +1,340 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="100mm"
+   height="100mm"
+   viewBox="0 0 100 100"
+   version="1.1"
+   id="svg5"
+   inkscape:export-filename="w9_l2.svg"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   sodipodi:docname="w0.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview7"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     showgrid="false"
+     showguides="true"
+     inkscape:zoom="1.4478969"
+     inkscape:cx="172.3189"
+     inkscape:cy="215.48496"
+     inkscape:window-width="1920"
+     inkscape:window-height="1011"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1">
+    <sodipodi:guide
+       position="50.044837,106.13694"
+       orientation="1,0"
+       id="guide61"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="30.151491,87.756667"
+       orientation="1,0"
+       id="guide65"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="34.933229,103.49635"
+       orientation="1,0"
+       id="guide67"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="117.31671,32.570302"
+       orientation="0,-1"
+       id="guide69"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="-33.075271,49.930251"
+       orientation="0,-1"
+       id="guide71"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="65.121878,12.99501"
+       orientation="1,0"
+       id="guide550"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="105.80432,67.655673"
+       orientation="0,-1"
+       id="guide343"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="105.07338,82.274578"
+       orientation="0,-1"
+       id="guide347"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="106.16979,17.585925"
+       orientation="0,-1"
+       id="guide349"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="70.170742,91.411393"
+       orientation="1,0"
+       id="guide351"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="49.521539,24.712641"
+       orientation="0,-1"
+       id="guide353"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="50.069748,74.965125"
+       orientation="0,-1"
+       id="guide355"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="57.561936,-11.83462"
+       orientation="1,0"
+       id="guide357"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="42.394823,-21.154172"
+       orientation="1,0"
+       id="guide359"
+       inkscape:locked="false" />
+  </sodipodi:namedview>
+  <defs
+     id="defs2">
+    <marker
+       style="overflow:visible"
+       id="Arrow2-6"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       preserveAspectRatio="xMidYMid">
+      <path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L-1" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="Arrow2-3"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       preserveAspectRatio="xMidYMid">
+      <path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L-6" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="Arrow2-36"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       preserveAspectRatio="xMidYMid">
+      <path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L-7" />
+    </marker>
+  </defs>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline">
+    <g
+       id="g19985"
+       style="display:none"
+       transform="matrix(0.88079587,0,0,1.0276504,8.2499935,-9.1427657)">
+      <path
+         style="display:inline;fill:#000000;fill-opacity:1;stroke:#e10079;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="m 42.014207,78.885553 33.868367,0.105865"
+         id="path1106" />
+      <path
+         style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-6);paint-order:stroke fill markers"
+         d="M 54.585716,79.075266 44.449435,78.916887"
+         id="path9586" />
+      <circle
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="circle9592"
+         cx="-78.125687"
+         cy="44.021099"
+         r="1.2760839"
+         transform="rotate(-88.91827)" />
+      <text
+         xml:space="preserve"
+         style="font-size:2.67135px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.117792;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="41.672253"
+         y="79.868111"
+         id="text9761"><tspan
+           id="tspan9759"
+           style="stroke-width:0.117792"
+           x="41.672253"
+           y="79.868111">4</tspan></text>
+    </g>
+    <path
+       style="display:none;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:5.23267;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="M 52.241378,0.26191402 C 52.315135,0.56658596 72.715386,65.174594 72.715386,65.174594"
+       id="path15674" />
+    <g
+       id="g1205"
+       transform="matrix(0.88079587,0,0,1.0276504,8.5600681,-8.5017231)"
+       style="display:none">
+      <g
+         id="g1198"
+         transform="translate(-0.48682415,0.59660565)"
+         style="display:none">
+        <text
+           xml:space="preserve"
+           style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           x="49.768463"
+           y="10.649764"
+           id="text15678"
+           transform="matrix(0.99960636,-0.0021636,0.00216529,1.0003891,0,0)"><tspan
+             id="tspan15676"
+             style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
+             x="49.768463"
+             y="10.649764">2</tspan></text>
+        <circle
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           id="circle15680"
+           cx="-50.731476"
+           cy="-8.3328476"
+           r="1.2760839"
+           transform="rotate(-178.35508)" />
+      </g>
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3);paint-order:stroke fill markers"
+         d="M 54.145899,21.77088 C 53.442717,19.74276 50.806456,11.912664 50.806456,11.912664"
+         id="path15682" />
+      <g
+         id="g1238"
+         style="display:inline"
+         transform="translate(-0.35203906,-0.62379443)">
+        <path
+           style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+           d="m 36.897143,48.164759 26.507248,0.07809"
+           id="path1108" />
+        <path
+           style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.452017;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-6);paint-order:normal"
+           d="M 48.768524,48.161093 39.639351,48.31565"
+           id="path9576" />
+        <g
+           id="g21538"
+           transform="translate(-21.46967,-27.579792)"
+           style="display:inline">
+          <ellipse
+             style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131538;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+             id="circle9582"
+             cx="-74.661598"
+             cy="60.70055"
+             transform="matrix(0.01839222,-0.99983085,0.99981223,0.0193779,0,0)"
+             rx="1.2146922"
+             ry="1.1834064" />
+          <text
+             xml:space="preserve"
+             style="font-size:2.14253px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131537;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+             x="59.531094"
+             y="75.579971"
+             id="text9714"
+             transform="scale(0.98702867,1.0131418)"><tspan
+               id="tspan9712"
+               style="stroke:#f9f6f6;stroke-width:0.131537;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
+               x="59.531094"
+               y="75.579971">3</tspan></text>
+        </g>
+      </g>
+    </g>
+    <path
+       style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="M 37.879497,32.131352 C 41.461683,18.7812 60.493839,17.317892 65.835893,28.175398 72.229493,41.170132 54.622314,49.45323 37.78953,64.096933"
+       id="path127" />
+    <path
+       style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="m 37.764142,64.196759 c 0.813085,0.148912 28.482383,0.140965 29.30932,0.181457"
+       id="path15674-3" />
+    <path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.446583;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-36);paint-order:stroke fill markers"
+       d="m 52.347432,63.601068 c -2.091849,0.01672 -10.14356,0.01556 -10.14356,0.01556"
+       id="path13743" />
+    <g
+       id="g5615"
+       transform="matrix(1.2998634,0,0,1.5273408,-19.067924,1.4807871)"
+       style="display:inline">
+      <text
+         xml:space="preserve"
+         style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="46.800331"
+         y="15.960659"
+         id="text5609"
+         transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
+           id="tspan5607"
+           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
+           x="46.800331"
+           y="15.960659">1</tspan></text>
+      <circle
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="circle5611"
+         cx="-48.065395"
+         cy="-13.491238"
+         r="1.2760839"
+         transform="rotate(-178.67073)" />
+      <circle
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="circle5613"
+         cx="-48.065395"
+         cy="-13.491238"
+         r="1.2760839"
+         transform="rotate(-178.67073)" />
+    </g>
+    <path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.446583;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-36);paint-order:stroke fill markers"
+       d="M 56.090515,21.016538 C 52.712109,19.342092 47.20201,20.418024 45.522277,22.60893"
+       id="path5617" />
+    <g
+       id="g1198-5"
+       transform="matrix(1.2046627,0,0,1.3613173,-20.78515,50.464601)"
+       style="display:inline">
+      <text
+         xml:space="preserve"
+         style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="49.768463"
+         y="10.649764"
+         id="text15678-6"
+         transform="matrix(0.99960636,-0.0021636,0.00216529,1.0003891,0,0)"><tspan
+           id="tspan15676-2"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
+           x="49.768463"
+           y="10.649764">2</tspan></text>
+      <circle
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="circle15680-9"
+         cx="-50.731476"
+         cy="-8.3328476"
+         r="1.2760839"
+         transform="rotate(-178.35508)" />
+    </g>
+  </g>
+</svg>
--- a/public/assets/numeric/n2_l1.svg
+++ b/public/assets/numeric/n2_l1.svg
@@ -0,0 +1,246 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="100mm"
+   height="100mm"
+   viewBox="0 0 100 100"
+   version="1.1"
+   id="svg5"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs2">
+    <marker
+       style="overflow:visible"
+       id="Arrow2-6"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       preserveAspectRatio="xMidYMid">
+      <path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L-1" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="Arrow2-3"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       preserveAspectRatio="xMidYMid">
+      <path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L-6" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="Arrow2-36"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       preserveAspectRatio="xMidYMid">
+      <path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L-7" />
+    </marker>
+  </defs>
+  <g
+     id="layer1"
+     style="display:inline">
+    <g
+       id="g19985"
+       style="display:none"
+       transform="matrix(0.88079587,0,0,1.0276504,8.2499935,-9.1427657)">
+      <path
+         style="display:inline;fill:#000000;fill-opacity:1;stroke:#e10079;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="m 42.014207,78.885553 33.868367,0.105865"
+         id="path1106" />
+      <path
+         style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-6);paint-order:stroke fill markers"
+         d="M 54.585716,79.075266 44.449435,78.916887"
+         id="path9586" />
+      <circle
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="circle9592"
+         cx="-78.125687"
+         cy="44.021099"
+         r="1.2760839"
+         transform="rotate(-88.91827)" />
+      <text
+         xml:space="preserve"
+         style="font-size:2.67135px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.117792;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="41.672253"
+         y="79.868111"
+         id="text9761"><tspan
+           id="tspan9759"
+           style="stroke-width:0.117792"
+           x="41.672253"
+           y="79.868111">4</tspan></text>
+    </g>
+    <path
+       style="display:none;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:5.23267;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="M 52.241378,0.26191402 C 52.315135,0.56658596 72.715386,65.174594 72.715386,65.174594"
+       id="path15674" />
+    <g
+       id="g1205"
+       transform="matrix(0.88079587,0,0,1.0276504,8.5600681,-8.5017231)"
+       style="display:none">
+      <g
+         id="g1198"
+         transform="translate(-0.48682415,0.59660565)"
+         style="display:none">
+        <text
+           xml:space="preserve"
+           style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           x="49.768463"
+           y="10.649764"
+           id="text15678"
+           transform="matrix(0.99960636,-0.0021636,0.00216529,1.0003891,0,0)"><tspan
+             id="tspan15676"
+             style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
+             x="49.768463"
+             y="10.649764">2</tspan></text>
+        <circle
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           id="circle15680"
+           cx="-50.731476"
+           cy="-8.3328476"
+           r="1.2760839"
+           transform="rotate(-178.35508)" />
+      </g>
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3);paint-order:stroke fill markers"
+         d="M 54.145899,21.77088 C 53.442717,19.74276 50.806456,11.912664 50.806456,11.912664"
+         id="path15682" />
+      <g
+         id="g1238"
+         style="display:inline"
+         transform="translate(-0.35203906,-0.62379443)">
+        <path
+           style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+           d="m 36.897143,48.164759 26.507248,0.07809"
+           id="path1108" />
+        <path
+           style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.452017;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-6);paint-order:normal"
+           d="M 48.768524,48.161093 39.639351,48.31565"
+           id="path9576" />
+        <g
+           id="g21538"
+           transform="translate(-21.46967,-27.579792)"
+           style="display:inline">
+          <ellipse
+             style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131538;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+             id="circle9582"
+             cx="-74.661598"
+             cy="60.70055"
+             transform="matrix(0.01839222,-0.99983085,0.99981223,0.0193779,0,0)"
+             rx="1.2146922"
+             ry="1.1834064" />
+          <text
+             xml:space="preserve"
+             style="font-size:2.14253px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131537;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+             x="59.531094"
+             y="75.579971"
+             id="text9714"
+             transform="scale(0.98702867,1.0131418)"><tspan
+               id="tspan9712"
+               style="stroke:#f9f6f6;stroke-width:0.131537;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
+               x="59.531094"
+               y="75.579971">3</tspan></text>
+        </g>
+      </g>
+    </g>
+    <g
+       id="g12136">
+      <path
+         style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="M 37.879497,32.131352 C 41.461683,18.7812 60.493839,17.317892 65.835893,28.175398 72.229493,41.170132 54.622314,49.45323 37.78953,64.096933"
+         id="path127" />
+      <g
+         id="g5615"
+         transform="matrix(1.2998634,0,0,1.5273408,-19.067924,1.4807871)"
+         style="display:inline">
+        <text
+           xml:space="preserve"
+           style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           x="46.800331"
+           y="15.960659"
+           id="text5609"
+           transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
+             id="tspan5607"
+             style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
+             x="46.800331"
+             y="15.960659">1</tspan></text>
+        <circle
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           id="circle5611"
+           cx="-48.065395"
+           cy="-13.491238"
+           r="1.2760839"
+           transform="rotate(-178.67073)" />
+        <circle
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           id="circle5613"
+           cx="-48.065395"
+           cy="-13.491238"
+           r="1.2760839"
+           transform="rotate(-178.67073)" />
+      </g>
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.446583;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-36);paint-order:stroke fill markers"
+         d="M 56.090515,21.016538 C 52.712109,19.342092 47.20201,20.418024 45.522277,22.60893"
+         id="path5617" />
+    </g>
+    <g
+       id="g12127"
+       style="display:none">
+      <path
+         style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="m 37.764142,64.196759 c 0.813085,0.148912 28.482383,0.140965 29.30932,0.181457"
+         id="path15674-3" />
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.446583;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-36);paint-order:stroke fill markers"
+         d="m 52.347432,63.601068 c -2.091849,0.01672 -10.14356,0.01556 -10.14356,0.01556"
+         id="path13743" />
+      <g
+         id="g1198-5"
+         transform="matrix(1.2046627,0,0,1.3613173,-20.78515,50.464601)"
+         style="display:inline">
+        <text
+           xml:space="preserve"
+           style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           x="49.768463"
+           y="10.649764"
+           id="text15678-6"
+           transform="matrix(0.99960636,-0.0021636,0.00216529,1.0003891,0,0)"><tspan
+             id="tspan15676-2"
+             style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
+             x="49.768463"
+             y="10.649764">2</tspan></text>
+        <circle
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           id="circle15680-9"
+           cx="-50.731476"
+           cy="-8.3328476"
+           r="1.2760839"
+           transform="rotate(-178.35508)" />
+      </g>
+    </g>
+  </g>
+</svg>
--- a/public/assets/numeric/n2_l2.svg
+++ b/public/assets/numeric/n2_l2.svg
@@ -0,0 +1,348 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="100mm"
+   height="100mm"
+   viewBox="0 0 100 100"
+   version="1.1"
+   id="svg5"
+   inkscape:export-filename="w2_l1.svg"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   sodipodi:docname="w0.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview7"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     showgrid="false"
+     showguides="true"
+     inkscape:zoom="1.4478969"
+     inkscape:cx="172.3189"
+     inkscape:cy="215.48496"
+     inkscape:window-width="1920"
+     inkscape:window-height="1011"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1">
+    <sodipodi:guide
+       position="50.044837,106.13694"
+       orientation="1,0"
+       id="guide61"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="30.151491,87.756667"
+       orientation="1,0"
+       id="guide65"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="34.933229,103.49635"
+       orientation="1,0"
+       id="guide67"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="117.31671,32.570302"
+       orientation="0,-1"
+       id="guide69"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="-33.075271,49.930251"
+       orientation="0,-1"
+       id="guide71"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="65.121878,12.99501"
+       orientation="1,0"
+       id="guide550"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="105.80432,67.655673"
+       orientation="0,-1"
+       id="guide343"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="105.07338,82.274578"
+       orientation="0,-1"
+       id="guide347"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="106.16979,17.585925"
+       orientation="0,-1"
+       id="guide349"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="70.170742,91.411393"
+       orientation="1,0"
+       id="guide351"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="49.521539,24.712641"
+       orientation="0,-1"
+       id="guide353"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="50.069748,74.965125"
+       orientation="0,-1"
+       id="guide355"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="57.561936,-11.83462"
+       orientation="1,0"
+       id="guide357"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="42.394823,-21.154172"
+       orientation="1,0"
+       id="guide359"
+       inkscape:locked="false" />
+  </sodipodi:namedview>
+  <defs
+     id="defs2">
+    <marker
+       style="overflow:visible"
+       id="Arrow2-6"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       preserveAspectRatio="xMidYMid">
+      <path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L-1" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="Arrow2-3"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       preserveAspectRatio="xMidYMid">
+      <path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L-6" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="Arrow2-36"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       preserveAspectRatio="xMidYMid">
+      <path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L-7" />
+    </marker>
+  </defs>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline">
+    <g
+       id="g19985"
+       style="display:none"
+       transform="matrix(0.88079587,0,0,1.0276504,8.2499935,-9.1427657)">
+      <path
+         style="display:inline;fill:#000000;fill-opacity:1;stroke:#e10079;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="m 42.014207,78.885553 33.868367,0.105865"
+         id="path1106" />
+      <path
+         style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-6);paint-order:stroke fill markers"
+         d="M 54.585716,79.075266 44.449435,78.916887"
+         id="path9586" />
+      <circle
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="circle9592"
+         cx="-78.125687"
+         cy="44.021099"
+         r="1.2760839"
+         transform="rotate(-88.91827)" />
+      <text
+         xml:space="preserve"
+         style="font-size:2.67135px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.117792;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="41.672253"
+         y="79.868111"
+         id="text9761"><tspan
+           id="tspan9759"
+           style="stroke-width:0.117792"
+           x="41.672253"
+           y="79.868111">4</tspan></text>
+    </g>
+    <path
+       style="display:none;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:5.23267;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="M 52.241378,0.26191402 C 52.315135,0.56658596 72.715386,65.174594 72.715386,65.174594"
+       id="path15674" />
+    <g
+       id="g1205"
+       transform="matrix(0.88079587,0,0,1.0276504,8.5600681,-8.5017231)"
+       style="display:none">
+      <g
+         id="g1198"
+         transform="translate(-0.48682415,0.59660565)"
+         style="display:none">
+        <text
+           xml:space="preserve"
+           style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           x="49.768463"
+           y="10.649764"
+           id="text15678"
+           transform="matrix(0.99960636,-0.0021636,0.00216529,1.0003891,0,0)"><tspan
+             id="tspan15676"
+             style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
+             x="49.768463"
+             y="10.649764">2</tspan></text>
+        <circle
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           id="circle15680"
+           cx="-50.731476"
+           cy="-8.3328476"
+           r="1.2760839"
+           transform="rotate(-178.35508)" />
+      </g>
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3);paint-order:stroke fill markers"
+         d="M 54.145899,21.77088 C 53.442717,19.74276 50.806456,11.912664 50.806456,11.912664"
+         id="path15682" />
+      <g
+         id="g1238"
+         style="display:inline"
+         transform="translate(-0.35203906,-0.62379443)">
+        <path
+           style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+           d="m 36.897143,48.164759 26.507248,0.07809"
+           id="path1108" />
+        <path
+           style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.452017;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-6);paint-order:normal"
+           d="M 48.768524,48.161093 39.639351,48.31565"
+           id="path9576" />
+        <g
+           id="g21538"
+           transform="translate(-21.46967,-27.579792)"
+           style="display:inline">
+          <ellipse
+             style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131538;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+             id="circle9582"
+             cx="-74.661598"
+             cy="60.70055"
+             transform="matrix(0.01839222,-0.99983085,0.99981223,0.0193779,0,0)"
+             rx="1.2146922"
+             ry="1.1834064" />
+          <text
+             xml:space="preserve"
+             style="font-size:2.14253px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131537;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+             x="59.531094"
+             y="75.579971"
+             id="text9714"
+             transform="scale(0.98702867,1.0131418)"><tspan
+               id="tspan9712"
+               style="stroke:#f9f6f6;stroke-width:0.131537;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
+               x="59.531094"
+               y="75.579971">3</tspan></text>
+        </g>
+      </g>
+    </g>
+    <g
+       id="g12136"
+       style="display:none">
+      <path
+         style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="M 37.879497,32.131352 C 41.461683,18.7812 60.493839,17.317892 65.835893,28.175398 72.229493,41.170132 54.622314,49.45323 37.78953,64.096933"
+         id="path127" />
+      <g
+         id="g5615"
+         transform="matrix(1.2998634,0,0,1.5273408,-19.067924,1.4807871)"
+         style="display:inline">
+        <text
+           xml:space="preserve"
+           style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           x="46.800331"
+           y="15.960659"
+           id="text5609"
+           transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
+             id="tspan5607"
+             style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
+             x="46.800331"
+             y="15.960659">1</tspan></text>
+        <circle
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           id="circle5611"
+           cx="-48.065395"
+           cy="-13.491238"
+           r="1.2760839"
+           transform="rotate(-178.67073)" />
+        <circle
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           id="circle5613"
+           cx="-48.065395"
+           cy="-13.491238"
+           r="1.2760839"
+           transform="rotate(-178.67073)" />
+      </g>
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.446583;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-36);paint-order:stroke fill markers"
+         d="M 56.090515,21.016538 C 52.712109,19.342092 47.20201,20.418024 45.522277,22.60893"
+         id="path5617" />
+    </g>
+    <g
+       id="g12127"
+       style="display:inline">
+      <path
+         style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="m 37.764142,64.196759 c 0.813085,0.148912 28.482383,0.140965 29.30932,0.181457"
+         id="path15674-3" />
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.446583;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-36);paint-order:stroke fill markers"
+         d="m 52.347432,63.601068 c -2.091849,0.01672 -10.14356,0.01556 -10.14356,0.01556"
+         id="path13743" />
+      <g
+         id="g1198-5"
+         transform="matrix(1.2046627,0,0,1.3613173,-20.78515,50.464601)"
+         style="display:inline">
+        <text
+           xml:space="preserve"
+           style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           x="49.768463"
+           y="10.649764"
+           id="text15678-6"
+           transform="matrix(0.99960636,-0.0021636,0.00216529,1.0003891,0,0)"><tspan
+             id="tspan15676-2"
+             style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
+             x="49.768463"
+             y="10.649764">2</tspan></text>
+        <circle
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           id="circle15680-9"
+           cx="-50.731476"
+           cy="-8.3328476"
+           r="1.2760839"
+           transform="rotate(-178.35508)" />
+      </g>
+    </g>
+  </g>
+</svg>
--- a/public/assets/numeric/n3.svg
+++ b/public/assets/numeric/n3.svg
@@ -0,0 +1,104 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="100mm"
+   height="100mm"
+   viewBox="0 0 100 100"
+   version="1.1"
+   id="svg5"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs2">
+    <marker
+       style="overflow:visible"
+       id="Arrow2-5"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       preserveAspectRatio="xMidYMid">
+      <path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L-3" />
+    </marker>
+  </defs>
+  <g
+     id="layer1"
+     style="display:inline">
+    <path
+       style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="m 38.024204,30.835116 c 2.932055,-10.257174 19.380973,-12.698365 25.491254,-4.472051 6.573001,7.970983 1.454588,21.446802 -16.03229,19.868203"
+       id="path127" />
+    <g
+       id="g5615"
+       transform="matrix(1.3668243,0,0,1.4233852,-26.270267,8.1583079)"
+       style="display:inline">
+      <text
+         xml:space="preserve"
+         style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="46.800331"
+         y="15.960659"
+         id="text5609"
+         transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
+           id="tspan5607"
+           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
+           x="46.800331"
+           y="15.960659">1</tspan></text>
+      <circle
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="circle5611"
+         cx="-48.065395"
+         cy="-13.491238"
+         r="1.2760839"
+         transform="rotate(-178.67073)" />
+      <circle
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="circle5613"
+         cx="-48.065395"
+         cy="-13.491238"
+         r="1.2760839"
+         transform="rotate(-178.67073)" />
+    </g>
+    <path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.476116;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-5);paint-order:stroke fill markers"
+       d="m 51.119219,21.678264 c -3.961259,-0.707707 -9.07215,2.069576 -9.969646,4.840117"
+       id="path5617" />
+    <path
+       style="display:inline;fill:none;fill-opacity:1;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="M 38.194102,63.207433 C 42.025293,73.261437 58.645308,74.706419 64.011433,66.13384 69.861597,57.788082 64.597894,44.1941 47.298249,46.820895"
+       id="path8192" />
+    <g
+       id="g9700"
+       transform="matrix(1.2672443,0,0,1.2429694,-15.257315,34.459233)"
+       style="display:inline">
+      <text
+         xml:space="preserve"
+         style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="49.768463"
+         y="10.649764"
+         id="text9696"
+         transform="matrix(0.99960636,-0.0021636,0.00216529,1.0003891,0,0)"><tspan
+           id="tspan9694"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
+           x="49.768463"
+           y="10.649764">2</tspan></text>
+      <circle
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="circle9698"
+         cx="-50.731476"
+         cy="-8.3328476"
+         r="1.2760839"
+         transform="rotate(-178.35508)" />
+    </g>
+    <path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.476116;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-5);paint-order:stroke fill markers"
+       d="M 61.751626,49.364907 C 59.272378,46.375884 54.36315,45.122495 50.84418,46.294213"
+       id="path9702" />
+  </g>
+</svg>
--- a/public/assets/numeric/n3_l1.svg
+++ b/public/assets/numeric/n3_l1.svg
@@ -0,0 +1,227 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="100mm"
+   height="100mm"
+   viewBox="0 0 100 100"
+   version="1.1"
+   id="svg5"
+   inkscape:export-filename="w3.svg"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   sodipodi:docname="w3.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview7"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     showgrid="false"
+     showguides="true"
+     inkscape:zoom="1.4478969"
+     inkscape:cx="172.3189"
+     inkscape:cy="215.48496"
+     inkscape:window-width="1920"
+     inkscape:window-height="1011"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1">
+    <sodipodi:guide
+       position="50.044837,106.13694"
+       orientation="1,0"
+       id="guide61"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="30.151491,87.756667"
+       orientation="1,0"
+       id="guide65"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="34.933229,103.49635"
+       orientation="1,0"
+       id="guide67"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="117.31671,32.570302"
+       orientation="0,-1"
+       id="guide69"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="-33.075271,49.930251"
+       orientation="0,-1"
+       id="guide71"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="65.121878,12.99501"
+       orientation="1,0"
+       id="guide550"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="105.80432,67.655673"
+       orientation="0,-1"
+       id="guide343"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="105.07338,82.274578"
+       orientation="0,-1"
+       id="guide347"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="106.16979,17.585925"
+       orientation="0,-1"
+       id="guide349"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="70.170742,91.411393"
+       orientation="1,0"
+       id="guide351"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="49.521539,24.712641"
+       orientation="0,-1"
+       id="guide353"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="50.069748,74.965125"
+       orientation="0,-1"
+       id="guide355"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="57.561936,-11.83462"
+       orientation="1,0"
+       id="guide357"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="42.394823,-21.154172"
+       orientation="1,0"
+       id="guide359"
+       inkscape:locked="false" />
+  </sodipodi:namedview>
+  <defs
+     id="defs2">
+    <marker
+       style="overflow:visible"
+       id="Arrow2-5"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       inkscape:stockid="Arrow2"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       inkscape:isstock="true"
+       inkscape:collect="always"
+       preserveAspectRatio="xMidYMid">
+      <path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L-3" />
+    </marker>
+  </defs>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline">
+    <g
+       id="g13433">
+      <path
+         style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="m 38.024204,30.835116 c 2.932055,-10.257174 19.380973,-12.698365 25.491254,-4.472051 6.573001,7.970983 1.454588,21.446802 -16.03229,19.868203"
+         id="path127"
+         sodipodi:nodetypes="ccc" />
+      <g
+         id="g5615"
+         transform="matrix(1.3668243,0,0,1.4233852,-26.270267,8.1583079)"
+         inkscape:transform-center-x="0.080372917"
+         inkscape:transform-center-y="-0.021553287"
+         style="display:inline">
+        <text
+           xml:space="preserve"
+           style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           x="46.800331"
+           y="15.960659"
+           id="text5609"
+           transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
+             sodipodi:role="line"
+             id="tspan5607"
+             style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
+             x="46.800331"
+             y="15.960659">1</tspan></text>
+        <circle
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           id="circle5611"
+           cx="-48.065395"
+           cy="-13.491238"
+           r="1.2760839"
+           transform="rotate(-178.67073)" />
+        <circle
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           id="circle5613"
+           cx="-48.065395"
+           cy="-13.491238"
+           r="1.2760839"
+           transform="rotate(-178.67073)" />
+      </g>
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.476116;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-5);paint-order:stroke fill markers"
+         d="m 51.119219,21.678264 c -3.961259,-0.707707 -9.07215,2.069576 -9.969646,4.840117"
+         id="path5617"
+         sodipodi:nodetypes="cc"
+         inkscape:transform-center-x="-5.3671847"
+         inkscape:transform-center-y="-1.4670278" />
+    </g>
+    <g
+       id="g13441"
+       style="display:none">
+      <path
+         style="display:inline;fill:none;fill-opacity:1;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="M 38.194102,63.207433 C 42.025293,73.261437 58.645308,74.706419 64.011433,66.13384 69.861597,57.788082 64.597894,44.1941 47.298249,46.820895"
+         id="path8192"
+         sodipodi:nodetypes="ccc" />
+      <g
+         id="g9700"
+         transform="matrix(1.2672443,0,0,1.2429694,-15.257315,34.459233)"
+         style="display:inline">
+        <text
+           xml:space="preserve"
+           style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           x="49.768463"
+           y="10.649764"
+           id="text9696"
+           transform="matrix(0.99960636,-0.0021636,0.00216529,1.0003891,0,0)"><tspan
+             sodipodi:role="line"
+             id="tspan9694"
+             style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
+             x="49.768463"
+             y="10.649764">2</tspan></text>
+        <circle
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           id="circle9698"
+           cx="-50.731476"
+           cy="-8.3328476"
+           r="1.2760839"
+           transform="rotate(-178.35508)" />
+      </g>
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.476116;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-5);paint-order:stroke fill markers"
+         d="M 61.751626,49.364907 C 59.272378,46.375884 54.36315,45.122495 50.84418,46.294213"
+         id="path9702"
+         sodipodi:nodetypes="cc"
+         inkscape:transform-center-x="-5.0231726"
+         inkscape:transform-center-y="1.9256938" />
+    </g>
+  </g>
+</svg>
--- a/public/assets/numeric/n3_l2.svg
+++ b/public/assets/numeric/n3_l2.svg
@@ -0,0 +1,228 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="100mm"
+   height="100mm"
+   viewBox="0 0 100 100"
+   version="1.1"
+   id="svg5"
+   inkscape:export-filename="w3_l1.svg"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   sodipodi:docname="w3.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview7"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     showgrid="false"
+     showguides="true"
+     inkscape:zoom="1.4478969"
+     inkscape:cx="172.3189"
+     inkscape:cy="215.48496"
+     inkscape:window-width="1920"
+     inkscape:window-height="1011"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1">
+    <sodipodi:guide
+       position="50.044837,106.13694"
+       orientation="1,0"
+       id="guide61"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="30.151491,87.756667"
+       orientation="1,0"
+       id="guide65"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="34.933229,103.49635"
+       orientation="1,0"
+       id="guide67"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="117.31671,32.570302"
+       orientation="0,-1"
+       id="guide69"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="-33.075271,49.930251"
+       orientation="0,-1"
+       id="guide71"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="65.121878,12.99501"
+       orientation="1,0"
+       id="guide550"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="105.80432,67.655673"
+       orientation="0,-1"
+       id="guide343"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="105.07338,82.274578"
+       orientation="0,-1"
+       id="guide347"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="106.16979,17.585925"
+       orientation="0,-1"
+       id="guide349"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="70.170742,91.411393"
+       orientation="1,0"
+       id="guide351"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="49.521539,24.712641"
+       orientation="0,-1"
+       id="guide353"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="50.069748,74.965125"
+       orientation="0,-1"
+       id="guide355"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="57.561936,-11.83462"
+       orientation="1,0"
+       id="guide357"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="42.394823,-21.154172"
+       orientation="1,0"
+       id="guide359"
+       inkscape:locked="false" />
+  </sodipodi:namedview>
+  <defs
+     id="defs2">
+    <marker
+       style="overflow:visible"
+       id="Arrow2-5"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       inkscape:stockid="Arrow2"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       inkscape:isstock="true"
+       inkscape:collect="always"
+       preserveAspectRatio="xMidYMid">
+      <path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L-3" />
+    </marker>
+  </defs>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline">
+    <g
+       id="g13433"
+       style="display:none">
+      <path
+         style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="m 38.024204,30.835116 c 2.932055,-10.257174 19.380973,-12.698365 25.491254,-4.472051 6.573001,7.970983 1.454588,21.446802 -16.03229,19.868203"
+         id="path127"
+         sodipodi:nodetypes="ccc" />
+      <g
+         id="g5615"
+         transform="matrix(1.3668243,0,0,1.4233852,-26.270267,8.1583079)"
+         inkscape:transform-center-x="0.080372917"
+         inkscape:transform-center-y="-0.021553287"
+         style="display:inline">
+        <text
+           xml:space="preserve"
+           style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           x="46.800331"
+           y="15.960659"
+           id="text5609"
+           transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
+             sodipodi:role="line"
+             id="tspan5607"
+             style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
+             x="46.800331"
+             y="15.960659">1</tspan></text>
+        <circle
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           id="circle5611"
+           cx="-48.065395"
+           cy="-13.491238"
+           r="1.2760839"
+           transform="rotate(-178.67073)" />
+        <circle
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           id="circle5613"
+           cx="-48.065395"
+           cy="-13.491238"
+           r="1.2760839"
+           transform="rotate(-178.67073)" />
+      </g>
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.476116;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-5);paint-order:stroke fill markers"
+         d="m 51.119219,21.678264 c -3.961259,-0.707707 -9.07215,2.069576 -9.969646,4.840117"
+         id="path5617"
+         sodipodi:nodetypes="cc"
+         inkscape:transform-center-x="-5.3671847"
+         inkscape:transform-center-y="-1.4670278" />
+    </g>
+    <g
+       id="g13441"
+       style="display:inline">
+      <path
+         style="display:inline;fill:none;fill-opacity:1;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="M 38.194102,63.207433 C 42.025293,73.261437 58.645308,74.706419 64.011433,66.13384 69.861597,57.788082 64.597894,44.1941 47.298249,46.820895"
+         id="path8192"
+         sodipodi:nodetypes="ccc" />
+      <g
+         id="g9700"
+         transform="matrix(1.2672443,0,0,1.2429694,-15.257315,34.459233)"
+         style="display:inline">
+        <text
+           xml:space="preserve"
+           style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           x="49.768463"
+           y="10.649764"
+           id="text9696"
+           transform="matrix(0.99960636,-0.0021636,0.00216529,1.0003891,0,0)"><tspan
+             sodipodi:role="line"
+             id="tspan9694"
+             style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
+             x="49.768463"
+             y="10.649764">2</tspan></text>
+        <circle
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           id="circle9698"
+           cx="-50.731476"
+           cy="-8.3328476"
+           r="1.2760839"
+           transform="rotate(-178.35508)" />
+      </g>
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.476116;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-5);paint-order:stroke fill markers"
+         d="M 61.751626,49.364907 C 59.272378,46.375884 54.36315,45.122495 50.84418,46.294213"
+         id="path9702"
+         sodipodi:nodetypes="cc"
+         inkscape:transform-center-x="-5.0231726"
+         inkscape:transform-center-y="1.9256938" />
+    </g>
+  </g>
+</svg>
--- a/public/assets/numeric/n4.svg
+++ b/public/assets/numeric/n4.svg
@@ -0,0 +1,255 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="100mm"
+   height="100mm"
+   viewBox="0 0 100 100"
+   version="1.1"
+   id="svg5"
+   inkscape:export-filename="w3_l2.svg"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   sodipodi:docname="w0.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview7"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     showgrid="false"
+     showguides="true"
+     inkscape:zoom="1.4478969"
+     inkscape:cx="172.3189"
+     inkscape:cy="215.48496"
+     inkscape:window-width="1920"
+     inkscape:window-height="1011"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1">
+    <sodipodi:guide
+       position="50.044837,106.13694"
+       orientation="1,0"
+       id="guide61"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="30.151491,87.756667"
+       orientation="1,0"
+       id="guide65"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="34.933229,103.49635"
+       orientation="1,0"
+       id="guide67"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="117.31671,32.570302"
+       orientation="0,-1"
+       id="guide69"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="-33.075271,49.930251"
+       orientation="0,-1"
+       id="guide71"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="65.121878,12.99501"
+       orientation="1,0"
+       id="guide550"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="105.80432,67.655673"
+       orientation="0,-1"
+       id="guide343"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="105.07338,82.274578"
+       orientation="0,-1"
+       id="guide347"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="106.16979,17.585925"
+       orientation="0,-1"
+       id="guide349"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="70.170742,91.411393"
+       orientation="1,0"
+       id="guide351"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="49.521539,24.712641"
+       orientation="0,-1"
+       id="guide353"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="50.069748,74.965125"
+       orientation="0,-1"
+       id="guide355"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="57.561936,-11.83462"
+       orientation="1,0"
+       id="guide357"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="42.394823,-21.154172"
+       orientation="1,0"
+       id="guide359"
+       inkscape:locked="false" />
+  </sodipodi:namedview>
+  <defs
+     id="defs2">
+    <marker
+       style="overflow:visible"
+       id="Arrow2-2"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       inkscape:stockid="Arrow2"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       inkscape:isstock="true"
+       inkscape:collect="always"
+       preserveAspectRatio="xMidYMid">
+      <path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L-9" />
+    </marker>
+  </defs>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline">
+    <path
+       style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="m 38.834832,28.760336 c 0,0 -0.10253,20.491837 -0.02083,21.56101"
+       id="path127"
+       sodipodi:nodetypes="cc" />
+    <g
+       id="g5615"
+       transform="matrix(1.460727,0,0,1.4422608,-30.824195,8.1730094)"
+       inkscape:transform-center-x="0.07641773"
+       inkscape:transform-center-y="-0.025642763">
+      <text
+         xml:space="preserve"
+         style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="46.800331"
+         y="15.960659"
+         id="text5609"
+         transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
+           sodipodi:role="line"
+           id="tspan5607"
+           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
+           x="46.800331"
+           y="15.960659">1</tspan></text>
+      <circle
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="circle5611"
+         cx="-48.065395"
+         cy="-13.491238"
+         r="1.2760839"
+         transform="rotate(-178.67073)" />
+      <circle
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="circle5613"
+         cx="-48.065395"
+         cy="-13.491238"
+         r="1.2760839"
+         transform="rotate(-178.67073)" />
+    </g>
+    <path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.495451;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-2);paint-order:stroke fill markers"
+       d="m 38.706413,42.201053 c -0.0043,-2.086893 0.0609,-10.119003 0.0609,-10.119003"
+       id="path12561"
+       sodipodi:nodetypes="cc"
+       inkscape:transform-center-x="0.041998397"
+       inkscape:transform-center-y="6.1678244" />
+    <path
+       style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="m 38.862094,50.525211 c 0.619414,0.18323 21.698076,0.17344 22.328042,0.223274"
+       id="path10277"
+       sodipodi:nodetypes="cc" />
+    <g
+       id="g13319"
+       transform="matrix(1.3543056,0,0,1.2594527,-29.153926,37.877844)"
+       style="display:inline">
+      <text
+         xml:space="preserve"
+         style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="49.768463"
+         y="10.649764"
+         id="text13315"
+         transform="matrix(0.99960636,-0.0021636,0.00216529,1.0003891,0,0)"><tspan
+           sodipodi:role="line"
+           id="tspan13313"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
+           x="49.768463"
+           y="10.649764">2</tspan></text>
+      <circle
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="circle13317"
+         cx="-50.731476"
+         cy="-8.3328476"
+         r="1.2760839"
+         transform="rotate(-178.35508)" />
+    </g>
+    <path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.495451;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-2);paint-order:stroke fill markers"
+       d="m 53.69499,49.925703 c -2.34155,0.01839 -11.354358,0.01711 -11.354358,0.01711"
+       id="path13321"
+       sodipodi:nodetypes="cc"
+       inkscape:transform-center-x="-5.2445532"
+       inkscape:transform-center-y="0.005789471" />
+    <path
+       style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="m 61.152781,28.703716 0.02385,49.419925"
+       id="path10309" />
+    <g
+       id="g13329"
+       transform="matrix(1.8098945,0,0,1.5410645,-46.365245,-86.727413)"
+       style="display:inline">
+      <ellipse
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131538;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+         id="ellipse13323"
+         cx="-74.661598"
+         cy="60.70055"
+         transform="matrix(0.01839222,-0.99983085,0.99981223,0.0193779,0,0)"
+         rx="1.2146922"
+         ry="1.1834064" />
+      <text
+         xml:space="preserve"
+         style="font-size:2.14253px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131537;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+         x="59.531094"
+         y="75.579971"
+         id="text13327"
+         transform="scale(0.98702867,1.0131418)"><tspan
+           sodipodi:role="line"
+           id="tspan13325"
+           style="stroke:#f9f6f6;stroke-width:0.131537;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
+           x="59.531094"
+           y="75.579971">3</tspan></text>
+    </g>
+    <path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.495451;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-2);paint-order:stroke fill markers"
+       d="m 60.939392,44.757648 c -0.0043,-2.086894 0.0609,-10.119004 0.0609,-10.119004"
+       id="path13331"
+       sodipodi:nodetypes="cc"
+       inkscape:transform-center-x="0.041999202"
+       inkscape:transform-center-y="6.167825" />
+  </g>
+</svg>
--- a/public/assets/numeric/n4_l1.svg
+++ b/public/assets/numeric/n4_l1.svg
@@ -0,0 +1,266 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="100mm"
+   height="100mm"
+   viewBox="0 0 100 100"
+   version="1.1"
+   id="svg5"
+   inkscape:export-filename="w4_l1.svg"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   sodipodi:docname="w0.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview7"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     showgrid="false"
+     showguides="true"
+     inkscape:zoom="1.4478969"
+     inkscape:cx="172.3189"
+     inkscape:cy="215.48496"
+     inkscape:window-width="1920"
+     inkscape:window-height="1011"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1">
+    <sodipodi:guide
+       position="50.044837,106.13694"
+       orientation="1,0"
+       id="guide61"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="30.151491,87.756667"
+       orientation="1,0"
+       id="guide65"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="34.933229,103.49635"
+       orientation="1,0"
+       id="guide67"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="117.31671,32.570302"
+       orientation="0,-1"
+       id="guide69"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="-33.075271,49.930251"
+       orientation="0,-1"
+       id="guide71"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="65.121878,12.99501"
+       orientation="1,0"
+       id="guide550"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="105.80432,67.655673"
+       orientation="0,-1"
+       id="guide343"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="105.07338,82.274578"
+       orientation="0,-1"
+       id="guide347"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="106.16979,17.585925"
+       orientation="0,-1"
+       id="guide349"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="70.170742,91.411393"
+       orientation="1,0"
+       id="guide351"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="49.521539,24.712641"
+       orientation="0,-1"
+       id="guide353"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="50.069748,74.965125"
+       orientation="0,-1"
+       id="guide355"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="57.561936,-11.83462"
+       orientation="1,0"
+       id="guide357"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="42.394823,-21.154172"
+       orientation="1,0"
+       id="guide359"
+       inkscape:locked="false" />
+  </sodipodi:namedview>
+  <defs
+     id="defs2">
+    <marker
+       style="overflow:visible"
+       id="Arrow2-2"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       inkscape:stockid="Arrow2"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       inkscape:isstock="true"
+       inkscape:collect="always"
+       preserveAspectRatio="xMidYMid">
+      <path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L-9" />
+    </marker>
+  </defs>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline">
+    <g
+       id="g6074">
+      <path
+         style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="m 38.834832,28.760336 c 0,0 -0.10253,20.491837 -0.02083,21.56101"
+         id="path127"
+         sodipodi:nodetypes="cc" />
+      <g
+         id="g5615"
+         transform="matrix(1.460727,0,0,1.4422608,-30.824195,8.1730094)"
+         inkscape:transform-center-x="0.07641773"
+         inkscape:transform-center-y="-0.025642763">
+        <text
+           xml:space="preserve"
+           style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           x="46.800331"
+           y="15.960659"
+           id="text5609"
+           transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
+             sodipodi:role="line"
+             id="tspan5607"
+             style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
+             x="46.800331"
+             y="15.960659">1</tspan></text>
+        <circle
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           id="circle5611"
+           cx="-48.065395"
+           cy="-13.491238"
+           r="1.2760839"
+           transform="rotate(-178.67073)" />
+        <circle
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           id="circle5613"
+           cx="-48.065395"
+           cy="-13.491238"
+           r="1.2760839"
+           transform="rotate(-178.67073)" />
+      </g>
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.495451;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-2);paint-order:stroke fill markers"
+         d="m 38.706413,42.201053 c -0.0043,-2.086893 0.0609,-10.119003 0.0609,-10.119003"
+         id="path12561"
+         sodipodi:nodetypes="cc"
+         inkscape:transform-center-x="0.041998397"
+         inkscape:transform-center-y="6.1678244" />
+    </g>
+    <g
+       id="g6065"
+       style="display:none">
+      <path
+         style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="m 38.862094,50.525211 c 0.619414,0.18323 21.698076,0.17344 22.328042,0.223274"
+         id="path10277"
+         sodipodi:nodetypes="cc" />
+      <g
+         id="g13319"
+         transform="matrix(1.3543056,0,0,1.2594527,-29.153926,37.877844)"
+         style="display:inline">
+        <text
+           xml:space="preserve"
+           style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           x="49.768463"
+           y="10.649764"
+           id="text13315"
+           transform="matrix(0.99960636,-0.0021636,0.00216529,1.0003891,0,0)"><tspan
+             sodipodi:role="line"
+             id="tspan13313"
+             style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
+             x="49.768463"
+             y="10.649764">2</tspan></text>
+        <circle
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           id="circle13317"
+           cx="-50.731476"
+           cy="-8.3328476"
+           r="1.2760839"
+           transform="rotate(-178.35508)" />
+      </g>
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.495451;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-2);paint-order:stroke fill markers"
+         d="m 53.69499,49.925703 c -2.34155,0.01839 -11.354358,0.01711 -11.354358,0.01711"
+         id="path13321"
+         sodipodi:nodetypes="cc"
+         inkscape:transform-center-x="-5.2445532"
+         inkscape:transform-center-y="0.005789471" />
+    </g>
+    <g
+       id="g6057"
+       style="display:none">
+      <path
+         style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="m 61.152781,28.703716 0.02385,49.419925"
+         id="path10309" />
+      <g
+         id="g13329"
+         transform="matrix(1.8098945,0,0,1.5410645,-46.365245,-86.727413)"
+         style="display:inline">
+        <ellipse
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131538;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+           id="ellipse13323"
+           cx="-74.661598"
+           cy="60.70055"
+           transform="matrix(0.01839222,-0.99983085,0.99981223,0.0193779,0,0)"
+           rx="1.2146922"
+           ry="1.1834064" />
+        <text
+           xml:space="preserve"
+           style="font-size:2.14253px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131537;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+           x="59.531094"
+           y="75.579971"
+           id="text13327"
+           transform="scale(0.98702867,1.0131418)"><tspan
+             sodipodi:role="line"
+             id="tspan13325"
+             style="stroke:#f9f6f6;stroke-width:0.131537;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
+             x="59.531094"
+             y="75.579971">3</tspan></text>
+      </g>
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.495451;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-2);paint-order:stroke fill markers"
+         d="m 60.939392,44.757648 c -0.0043,-2.086894 0.0609,-10.119004 0.0609,-10.119004"
+         id="path13331"
+         sodipodi:nodetypes="cc"
+         inkscape:transform-center-x="0.041999202"
+         inkscape:transform-center-y="6.167825" />
+    </g>
+  </g>
+</svg>
--- a/public/assets/numeric/n4_l2.svg
+++ b/public/assets/numeric/n4_l2.svg
@@ -0,0 +1,267 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="100mm"
+   height="100mm"
+   viewBox="0 0 100 100"
+   version="1.1"
+   id="svg5"
+   inkscape:export-filename="w4_l1.svg"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   sodipodi:docname="w0.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview7"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     showgrid="false"
+     showguides="true"
+     inkscape:zoom="1.4478969"
+     inkscape:cx="172.3189"
+     inkscape:cy="215.48496"
+     inkscape:window-width="1920"
+     inkscape:window-height="1011"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1">
+    <sodipodi:guide
+       position="50.044837,106.13694"
+       orientation="1,0"
+       id="guide61"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="30.151491,87.756667"
+       orientation="1,0"
+       id="guide65"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="34.933229,103.49635"
+       orientation="1,0"
+       id="guide67"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="117.31671,32.570302"
+       orientation="0,-1"
+       id="guide69"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="-33.075271,49.930251"
+       orientation="0,-1"
+       id="guide71"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="65.121878,12.99501"
+       orientation="1,0"
+       id="guide550"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="105.80432,67.655673"
+       orientation="0,-1"
+       id="guide343"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="105.07338,82.274578"
+       orientation="0,-1"
+       id="guide347"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="106.16979,17.585925"
+       orientation="0,-1"
+       id="guide349"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="70.170742,91.411393"
+       orientation="1,0"
+       id="guide351"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="49.521539,24.712641"
+       orientation="0,-1"
+       id="guide353"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="50.069748,74.965125"
+       orientation="0,-1"
+       id="guide355"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="57.561936,-11.83462"
+       orientation="1,0"
+       id="guide357"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="42.394823,-21.154172"
+       orientation="1,0"
+       id="guide359"
+       inkscape:locked="false" />
+  </sodipodi:namedview>
+  <defs
+     id="defs2">
+    <marker
+       style="overflow:visible"
+       id="Arrow2-2"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       inkscape:stockid="Arrow2"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       inkscape:isstock="true"
+       inkscape:collect="always"
+       preserveAspectRatio="xMidYMid">
+      <path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L-9" />
+    </marker>
+  </defs>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline">
+    <g
+       id="g6074"
+       style="display:none">
+      <path
+         style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="m 38.834832,28.760336 c 0,0 -0.10253,20.491837 -0.02083,21.56101"
+         id="path127"
+         sodipodi:nodetypes="cc" />
+      <g
+         id="g5615"
+         transform="matrix(1.460727,0,0,1.4422608,-30.824195,8.1730094)"
+         inkscape:transform-center-x="0.07641773"
+         inkscape:transform-center-y="-0.025642763">
+        <text
+           xml:space="preserve"
+           style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           x="46.800331"
+           y="15.960659"
+           id="text5609"
+           transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
+             sodipodi:role="line"
+             id="tspan5607"
+             style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
+             x="46.800331"
+             y="15.960659">1</tspan></text>
+        <circle
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           id="circle5611"
+           cx="-48.065395"
+           cy="-13.491238"
+           r="1.2760839"
+           transform="rotate(-178.67073)" />
+        <circle
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           id="circle5613"
+           cx="-48.065395"
+           cy="-13.491238"
+           r="1.2760839"
+           transform="rotate(-178.67073)" />
+      </g>
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.495451;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-2);paint-order:stroke fill markers"
+         d="m 38.706413,42.201053 c -0.0043,-2.086893 0.0609,-10.119003 0.0609,-10.119003"
+         id="path12561"
+         sodipodi:nodetypes="cc"
+         inkscape:transform-center-x="0.041998397"
+         inkscape:transform-center-y="6.1678244" />
+    </g>
+    <g
+       id="g6065"
+       style="display:inline">
+      <path
+         style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="m 38.862094,50.525211 c 0.619414,0.18323 21.698076,0.17344 22.328042,0.223274"
+         id="path10277"
+         sodipodi:nodetypes="cc" />
+      <g
+         id="g13319"
+         transform="matrix(1.3543056,0,0,1.2594527,-29.153926,37.877844)"
+         style="display:inline">
+        <text
+           xml:space="preserve"
+           style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           x="49.768463"
+           y="10.649764"
+           id="text13315"
+           transform="matrix(0.99960636,-0.0021636,0.00216529,1.0003891,0,0)"><tspan
+             sodipodi:role="line"
+             id="tspan13313"
+             style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
+             x="49.768463"
+             y="10.649764">2</tspan></text>
+        <circle
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           id="circle13317"
+           cx="-50.731476"
+           cy="-8.3328476"
+           r="1.2760839"
+           transform="rotate(-178.35508)" />
+      </g>
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.495451;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-2);paint-order:stroke fill markers"
+         d="m 53.69499,49.925703 c -2.34155,0.01839 -11.354358,0.01711 -11.354358,0.01711"
+         id="path13321"
+         sodipodi:nodetypes="cc"
+         inkscape:transform-center-x="-5.2445532"
+         inkscape:transform-center-y="0.005789471" />
+    </g>
+    <g
+       id="g6057"
+       style="display:none">
+      <path
+         style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="m 61.152781,28.703716 0.02385,49.419925"
+         id="path10309" />
+      <g
+         id="g13329"
+         transform="matrix(1.8098945,0,0,1.5410645,-46.365245,-86.727413)"
+         style="display:inline">
+        <ellipse
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131538;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+           id="ellipse13323"
+           cx="-74.661598"
+           cy="60.70055"
+           transform="matrix(0.01839222,-0.99983085,0.99981223,0.0193779,0,0)"
+           rx="1.2146922"
+           ry="1.1834064" />
+        <text
+           xml:space="preserve"
+           style="font-size:2.14253px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131537;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+           x="59.531094"
+           y="75.579971"
+           id="text13327"
+           transform="scale(0.98702867,1.0131418)"><tspan
+             sodipodi:role="line"
+             id="tspan13325"
+             style="stroke:#f9f6f6;stroke-width:0.131537;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
+             x="59.531094"
+             y="75.579971">3</tspan></text>
+      </g>
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.495451;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-2);paint-order:stroke fill markers"
+         d="m 60.939392,44.757648 c -0.0043,-2.086894 0.0609,-10.119004 0.0609,-10.119004"
+         id="path13331"
+         sodipodi:nodetypes="cc"
+         inkscape:transform-center-x="0.041999202"
+         inkscape:transform-center-y="6.167825" />
+    </g>
+  </g>
+</svg>
--- a/public/assets/numeric/n4_l3.svg
+++ b/public/assets/numeric/n4_l3.svg
@@ -0,0 +1,267 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="100mm"
+   height="100mm"
+   viewBox="0 0 100 100"
+   version="1.1"
+   id="svg5"
+   inkscape:export-filename="w4_l2.svg"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   sodipodi:docname="w0.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview7"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     showgrid="false"
+     showguides="true"
+     inkscape:zoom="1.4478969"
+     inkscape:cx="172.3189"
+     inkscape:cy="215.48496"
+     inkscape:window-width="1920"
+     inkscape:window-height="1011"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1">
+    <sodipodi:guide
+       position="50.044837,106.13694"
+       orientation="1,0"
+       id="guide61"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="30.151491,87.756667"
+       orientation="1,0"
+       id="guide65"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="34.933229,103.49635"
+       orientation="1,0"
+       id="guide67"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="117.31671,32.570302"
+       orientation="0,-1"
+       id="guide69"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="-33.075271,49.930251"
+       orientation="0,-1"
+       id="guide71"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="65.121878,12.99501"
+       orientation="1,0"
+       id="guide550"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="105.80432,67.655673"
+       orientation="0,-1"
+       id="guide343"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="105.07338,82.274578"
+       orientation="0,-1"
+       id="guide347"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="106.16979,17.585925"
+       orientation="0,-1"
+       id="guide349"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="70.170742,91.411393"
+       orientation="1,0"
+       id="guide351"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="49.521539,24.712641"
+       orientation="0,-1"
+       id="guide353"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="50.069748,74.965125"
+       orientation="0,-1"
+       id="guide355"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="57.561936,-11.83462"
+       orientation="1,0"
+       id="guide357"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="42.394823,-21.154172"
+       orientation="1,0"
+       id="guide359"
+       inkscape:locked="false" />
+  </sodipodi:namedview>
+  <defs
+     id="defs2">
+    <marker
+       style="overflow:visible"
+       id="Arrow2-2"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       inkscape:stockid="Arrow2"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       inkscape:isstock="true"
+       inkscape:collect="always"
+       preserveAspectRatio="xMidYMid">
+      <path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L-9" />
+    </marker>
+  </defs>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline">
+    <g
+       id="g6074"
+       style="display:none">
+      <path
+         style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="m 38.834832,28.760336 c 0,0 -0.10253,20.491837 -0.02083,21.56101"
+         id="path127"
+         sodipodi:nodetypes="cc" />
+      <g
+         id="g5615"
+         transform="matrix(1.460727,0,0,1.4422608,-30.824195,8.1730094)"
+         inkscape:transform-center-x="0.07641773"
+         inkscape:transform-center-y="-0.025642763">
+        <text
+           xml:space="preserve"
+           style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           x="46.800331"
+           y="15.960659"
+           id="text5609"
+           transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
+             sodipodi:role="line"
+             id="tspan5607"
+             style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
+             x="46.800331"
+             y="15.960659">1</tspan></text>
+        <circle
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           id="circle5611"
+           cx="-48.065395"
+           cy="-13.491238"
+           r="1.2760839"
+           transform="rotate(-178.67073)" />
+        <circle
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           id="circle5613"
+           cx="-48.065395"
+           cy="-13.491238"
+           r="1.2760839"
+           transform="rotate(-178.67073)" />
+      </g>
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.495451;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-2);paint-order:stroke fill markers"
+         d="m 38.706413,42.201053 c -0.0043,-2.086893 0.0609,-10.119003 0.0609,-10.119003"
+         id="path12561"
+         sodipodi:nodetypes="cc"
+         inkscape:transform-center-x="0.041998397"
+         inkscape:transform-center-y="6.1678244" />
+    </g>
+    <g
+       id="g6065"
+       style="display:none">
+      <path
+         style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="m 38.862094,50.525211 c 0.619414,0.18323 21.698076,0.17344 22.328042,0.223274"
+         id="path10277"
+         sodipodi:nodetypes="cc" />
+      <g
+         id="g13319"
+         transform="matrix(1.3543056,0,0,1.2594527,-29.153926,37.877844)"
+         style="display:inline">
+        <text
+           xml:space="preserve"
+           style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           x="49.768463"
+           y="10.649764"
+           id="text13315"
+           transform="matrix(0.99960636,-0.0021636,0.00216529,1.0003891,0,0)"><tspan
+             sodipodi:role="line"
+             id="tspan13313"
+             style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
+             x="49.768463"
+             y="10.649764">2</tspan></text>
+        <circle
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           id="circle13317"
+           cx="-50.731476"
+           cy="-8.3328476"
+           r="1.2760839"
+           transform="rotate(-178.35508)" />
+      </g>
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.495451;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-2);paint-order:stroke fill markers"
+         d="m 53.69499,49.925703 c -2.34155,0.01839 -11.354358,0.01711 -11.354358,0.01711"
+         id="path13321"
+         sodipodi:nodetypes="cc"
+         inkscape:transform-center-x="-5.2445532"
+         inkscape:transform-center-y="0.005789471" />
+    </g>
+    <g
+       id="g6057"
+       style="display:inline">
+      <path
+         style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="m 61.152781,28.703716 0.02385,49.419925"
+         id="path10309" />
+      <g
+         id="g13329"
+         transform="matrix(1.8098945,0,0,1.5410645,-46.365245,-86.727413)"
+         style="display:inline">
+        <ellipse
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131538;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+           id="ellipse13323"
+           cx="-74.661598"
+           cy="60.70055"
+           transform="matrix(0.01839222,-0.99983085,0.99981223,0.0193779,0,0)"
+           rx="1.2146922"
+           ry="1.1834064" />
+        <text
+           xml:space="preserve"
+           style="font-size:2.14253px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131537;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+           x="59.531094"
+           y="75.579971"
+           id="text13327"
+           transform="scale(0.98702867,1.0131418)"><tspan
+             sodipodi:role="line"
+             id="tspan13325"
+             style="stroke:#f9f6f6;stroke-width:0.131537;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
+             x="59.531094"
+             y="75.579971">3</tspan></text>
+      </g>
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.495451;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-2);paint-order:stroke fill markers"
+         d="m 60.939392,44.757648 c -0.0043,-2.086894 0.0609,-10.119004 0.0609,-10.119004"
+         id="path13331"
+         sodipodi:nodetypes="cc"
+         inkscape:transform-center-x="0.041999202"
+         inkscape:transform-center-y="6.167825" />
+    </g>
+  </g>
+</svg>
--- a/public/assets/numeric/n5.svg
+++ b/public/assets/numeric/n5.svg
@@ -0,0 +1,261 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="100mm"
+   height="100mm"
+   viewBox="0 0 100 100"
+   version="1.1"
+   id="svg5"
+   inkscape:export-filename="w4_l3.svg"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   sodipodi:docname="w0.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview7"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     showgrid="false"
+     showguides="true"
+     inkscape:zoom="1.4478969"
+     inkscape:cx="172.3189"
+     inkscape:cy="215.48496"
+     inkscape:window-width="1920"
+     inkscape:window-height="1011"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1">
+    <sodipodi:guide
+       position="50.044837,106.13694"
+       orientation="1,0"
+       id="guide61"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="30.151491,87.756667"
+       orientation="1,0"
+       id="guide65"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="34.933229,103.49635"
+       orientation="1,0"
+       id="guide67"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="117.31671,32.570302"
+       orientation="0,-1"
+       id="guide69"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="-33.075271,49.930251"
+       orientation="0,-1"
+       id="guide71"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="65.121878,12.99501"
+       orientation="1,0"
+       id="guide550"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="105.80432,67.655673"
+       orientation="0,-1"
+       id="guide343"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="105.07338,82.274578"
+       orientation="0,-1"
+       id="guide347"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="106.16979,17.585925"
+       orientation="0,-1"
+       id="guide349"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="70.170742,91.411393"
+       orientation="1,0"
+       id="guide351"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="49.521539,24.712641"
+       orientation="0,-1"
+       id="guide353"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="50.069748,74.965125"
+       orientation="0,-1"
+       id="guide355"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="57.561936,-11.83462"
+       orientation="1,0"
+       id="guide357"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="42.394823,-21.154172"
+       orientation="1,0"
+       id="guide359"
+       inkscape:locked="false" />
+  </sodipodi:namedview>
+  <defs
+     id="defs2">
+    <marker
+       style="overflow:visible"
+       id="Arrow2-1"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       inkscape:stockid="Arrow2"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       inkscape:isstock="true"
+       inkscape:collect="always"
+       preserveAspectRatio="xMidYMid">
+      <path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L-2" />
+    </marker>
+  </defs>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline">
+    <g
+       id="g7106"
+       transform="translate(-0.52916667)">
+      <path
+         style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="m 34.389386,21.377013 c 0,0 -0.09882,21.74684 -0.02007,22.881494"
+         id="path127"
+         sodipodi:nodetypes="cc" />
+      <g
+         id="g15627"
+         transform="matrix(1.0513431,0,0,1.0317452,-12.456081,9.7196665)">
+        <text
+           xml:space="preserve"
+           style="font-size:3.93397px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.197318;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           x="45.748825"
+           y="18.934566"
+           id="text5609"
+           transform="matrix(0.94966469,-0.00807366,0.00729318,1.0529412,0,0)"><tspan
+             sodipodi:role="line"
+             id="tspan5607"
+             style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.197318;stroke-dasharray:none;stroke-opacity:1"
+             x="45.748825"
+             y="18.934566">1</tspan></text>
+        <ellipse
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.19732;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           id="circle5613"
+           cx="-45.073257"
+           cy="-16.922338"
+           transform="matrix(-0.99966972,-0.02569916,0.02094013,-0.99978073,0,0)"
+           rx="1.708829"
+           ry="1.8929724" />
+      </g>
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.585711;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-1);paint-order:stroke fill markers"
+         d="m 34.594882,35.954904 c -0.0608,-0.876006 -0.02656,-4.261502 -0.02656,-4.261502"
+         id="path12561"
+         sodipodi:nodetypes="cc"
+         inkscape:transform-center-x="0.040315665"
+         inkscape:transform-center-y="2.1468404" />
+    </g>
+    <g
+       id="g7114"
+       transform="translate(-0.52916667)">
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="m 34.310041,44.474858 c 32.536104,-13.749915 40.339663,34.856163 0.0075,26.378352"
+         id="path10277"
+         sodipodi:nodetypes="cc" />
+      <g
+         id="g13319"
+         transform="matrix(1.3052235,0,0,1.3365867,-31.240974,31.052912)"
+         style="display:inline">
+        <text
+           xml:space="preserve"
+           style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           x="49.768463"
+           y="10.649764"
+           id="text13315"
+           transform="matrix(0.99960636,-0.0021636,0.00216529,1.0003891,0,0)"><tspan
+             sodipodi:role="line"
+             id="tspan13313"
+             style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
+             x="49.768463"
+             y="10.649764">2</tspan></text>
+        <circle
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           id="circle13317"
+           cx="-50.731476"
+           cy="-8.3328476"
+           r="1.2760839"
+           transform="rotate(-178.35508)" />
+      </g>
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.501064;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-1);paint-order:stroke fill markers"
+         d="m 48.748332,43.516495 c -3.301504,-2.472487 -9.081976,-2.096111 -11.851544,-0.097"
+         id="path15605"
+         sodipodi:nodetypes="cc"
+         inkscape:transform-center-x="-5.3603091"
+         inkscape:transform-center-y="0.21085932" />
+    </g>
+    <g
+       id="g7090"
+       transform="translate(-0.52916667)">
+      <path
+         style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="m 34.313272,21.430769 26.578362,-0.08341"
+         id="path10309"
+         inkscape:transform-center-x="-12.706525"
+         inkscape:transform-center-y="-0.33399499" />
+      <g
+         id="g13329"
+         transform="matrix(1.8326084,0,0,1.5941849,-72.161906,-99.615248)"
+         style="display:inline">
+        <ellipse
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131538;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+           id="ellipse13323"
+           cx="-74.661598"
+           cy="60.70055"
+           transform="matrix(0.01839222,-0.99983085,0.99981223,0.0193779,0,0)"
+           rx="1.2146922"
+           ry="1.1834064" />
+        <text
+           xml:space="preserve"
+           style="font-size:2.14253px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131537;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+           x="59.531094"
+           y="75.579971"
+           id="text13327"
+           transform="scale(0.98702867,1.0131418)"><tspan
+             sodipodi:role="line"
+             id="tspan13325"
+             style="stroke:#f9f6f6;stroke-width:0.131537;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
+             x="59.531094"
+             y="75.579971">3</tspan></text>
+      </g>
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.50707;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-1);paint-order:stroke fill markers"
+         d="m 51.549666,21.472931 c -2.370934,0.01903 -11.496853,0.01769 -11.496853,0.01769"
+         id="path15635"
+         sodipodi:nodetypes="cc"
+         inkscape:transform-center-x="-5.4035846"
+         inkscape:transform-center-y="0.0050672075" />
+    </g>
+  </g>
+</svg>
--- a/public/assets/numeric/n5_l1.svg
+++ b/public/assets/numeric/n5_l1.svg
@@ -0,0 +1,263 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="100mm"
+   height="100mm"
+   viewBox="0 0 100 100"
+   version="1.1"
+   id="svg5"
+   inkscape:export-filename="w5.png"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   sodipodi:docname="w0.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview7"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     showgrid="false"
+     showguides="true"
+     inkscape:zoom="1.4478969"
+     inkscape:cx="172.3189"
+     inkscape:cy="215.48496"
+     inkscape:window-width="1920"
+     inkscape:window-height="1011"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1">
+    <sodipodi:guide
+       position="50.044837,106.13694"
+       orientation="1,0"
+       id="guide61"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="30.151491,87.756667"
+       orientation="1,0"
+       id="guide65"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="34.933229,103.49635"
+       orientation="1,0"
+       id="guide67"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="117.31671,32.570302"
+       orientation="0,-1"
+       id="guide69"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="-33.075271,49.930251"
+       orientation="0,-1"
+       id="guide71"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="65.121878,12.99501"
+       orientation="1,0"
+       id="guide550"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="105.80432,67.655673"
+       orientation="0,-1"
+       id="guide343"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="105.07338,82.274578"
+       orientation="0,-1"
+       id="guide347"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="106.16979,17.585925"
+       orientation="0,-1"
+       id="guide349"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="70.170742,91.411393"
+       orientation="1,0"
+       id="guide351"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="49.521539,24.712641"
+       orientation="0,-1"
+       id="guide353"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="50.069748,74.965125"
+       orientation="0,-1"
+       id="guide355"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="57.561936,-11.83462"
+       orientation="1,0"
+       id="guide357"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="42.394823,-21.154172"
+       orientation="1,0"
+       id="guide359"
+       inkscape:locked="false" />
+  </sodipodi:namedview>
+  <defs
+     id="defs2">
+    <marker
+       style="overflow:visible"
+       id="Arrow2-1"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       inkscape:stockid="Arrow2"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       inkscape:isstock="true"
+       inkscape:collect="always"
+       preserveAspectRatio="xMidYMid">
+      <path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L-2" />
+    </marker>
+  </defs>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline">
+    <g
+       id="g7106"
+       transform="translate(-0.52916667)">
+      <path
+         style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="m 34.389386,21.377013 c 0,0 -0.09882,21.74684 -0.02007,22.881494"
+         id="path127"
+         sodipodi:nodetypes="cc" />
+      <g
+         id="g15627"
+         transform="matrix(1.0513431,0,0,1.0317452,-12.456081,9.7196665)">
+        <text
+           xml:space="preserve"
+           style="font-size:3.93397px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.197318;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           x="45.748825"
+           y="18.934566"
+           id="text5609"
+           transform="matrix(0.94966469,-0.00807366,0.00729318,1.0529412,0,0)"><tspan
+             sodipodi:role="line"
+             id="tspan5607"
+             style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.197318;stroke-dasharray:none;stroke-opacity:1"
+             x="45.748825"
+             y="18.934566">1</tspan></text>
+        <ellipse
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.19732;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           id="circle5613"
+           cx="-45.073257"
+           cy="-16.922338"
+           transform="matrix(-0.99966972,-0.02569916,0.02094013,-0.99978073,0,0)"
+           rx="1.708829"
+           ry="1.8929724" />
+      </g>
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.585711;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-1);paint-order:stroke fill markers"
+         d="m 34.594882,35.954904 c -0.0608,-0.876006 -0.02656,-4.261502 -0.02656,-4.261502"
+         id="path12561"
+         sodipodi:nodetypes="cc"
+         inkscape:transform-center-x="0.040315665"
+         inkscape:transform-center-y="2.1468404" />
+    </g>
+    <g
+       id="g7114"
+       transform="translate(-0.52916667)"
+       style="display:none">
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="m 34.310041,44.474858 c 32.536104,-13.749915 40.339663,34.856163 0.0075,26.378352"
+         id="path10277"
+         sodipodi:nodetypes="cc" />
+      <g
+         id="g13319"
+         transform="matrix(1.3052235,0,0,1.3365867,-31.240974,31.052912)"
+         style="display:inline">
+        <text
+           xml:space="preserve"
+           style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           x="49.768463"
+           y="10.649764"
+           id="text13315"
+           transform="matrix(0.99960636,-0.0021636,0.00216529,1.0003891,0,0)"><tspan
+             sodipodi:role="line"
+             id="tspan13313"
+             style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
+             x="49.768463"
+             y="10.649764">2</tspan></text>
+        <circle
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           id="circle13317"
+           cx="-50.731476"
+           cy="-8.3328476"
+           r="1.2760839"
+           transform="rotate(-178.35508)" />
+      </g>
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.501064;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-1);paint-order:stroke fill markers"
+         d="m 48.748332,43.516495 c -3.301504,-2.472487 -9.081976,-2.096111 -11.851544,-0.097"
+         id="path15605"
+         sodipodi:nodetypes="cc"
+         inkscape:transform-center-x="-5.3603091"
+         inkscape:transform-center-y="0.21085932" />
+    </g>
+    <g
+       id="g7090"
+       transform="translate(-0.52916667)"
+       style="display:none">
+      <path
+         style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="m 34.313272,21.430769 26.578362,-0.08341"
+         id="path10309"
+         inkscape:transform-center-x="-12.706525"
+         inkscape:transform-center-y="-0.33399499" />
+      <g
+         id="g13329"
+         transform="matrix(1.8326084,0,0,1.5941849,-72.161906,-99.615248)"
+         style="display:inline">
+        <ellipse
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131538;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+           id="ellipse13323"
+           cx="-74.661598"
+           cy="60.70055"
+           transform="matrix(0.01839222,-0.99983085,0.99981223,0.0193779,0,0)"
+           rx="1.2146922"
+           ry="1.1834064" />
+        <text
+           xml:space="preserve"
+           style="font-size:2.14253px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131537;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+           x="59.531094"
+           y="75.579971"
+           id="text13327"
+           transform="scale(0.98702867,1.0131418)"><tspan
+             sodipodi:role="line"
+             id="tspan13325"
+             style="stroke:#f9f6f6;stroke-width:0.131537;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
+             x="59.531094"
+             y="75.579971">3</tspan></text>
+      </g>
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.50707;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-1);paint-order:stroke fill markers"
+         d="m 51.549666,21.472931 c -2.370934,0.01903 -11.496853,0.01769 -11.496853,0.01769"
+         id="path15635"
+         sodipodi:nodetypes="cc"
+         inkscape:transform-center-x="-5.4035846"
+         inkscape:transform-center-y="0.0050672075" />
+    </g>
+  </g>
+</svg>
--- a/public/assets/numeric/n5_l2.svg
+++ b/public/assets/numeric/n5_l2.svg
@@ -0,0 +1,264 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="100mm"
+   height="100mm"
+   viewBox="0 0 100 100"
+   version="1.1"
+   id="svg5"
+   inkscape:export-filename="w5_l1.svg"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   sodipodi:docname="w0.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview7"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     showgrid="false"
+     showguides="true"
+     inkscape:zoom="1.4478969"
+     inkscape:cx="172.3189"
+     inkscape:cy="215.48496"
+     inkscape:window-width="1920"
+     inkscape:window-height="1011"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1">
+    <sodipodi:guide
+       position="50.044837,106.13694"
+       orientation="1,0"
+       id="guide61"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="30.151491,87.756667"
+       orientation="1,0"
+       id="guide65"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="34.933229,103.49635"
+       orientation="1,0"
+       id="guide67"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="117.31671,32.570302"
+       orientation="0,-1"
+       id="guide69"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="-33.075271,49.930251"
+       orientation="0,-1"
+       id="guide71"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="65.121878,12.99501"
+       orientation="1,0"
+       id="guide550"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="105.80432,67.655673"
+       orientation="0,-1"
+       id="guide343"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="105.07338,82.274578"
+       orientation="0,-1"
+       id="guide347"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="106.16979,17.585925"
+       orientation="0,-1"
+       id="guide349"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="70.170742,91.411393"
+       orientation="1,0"
+       id="guide351"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="49.521539,24.712641"
+       orientation="0,-1"
+       id="guide353"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="50.069748,74.965125"
+       orientation="0,-1"
+       id="guide355"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="57.561936,-11.83462"
+       orientation="1,0"
+       id="guide357"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="42.394823,-21.154172"
+       orientation="1,0"
+       id="guide359"
+       inkscape:locked="false" />
+  </sodipodi:namedview>
+  <defs
+     id="defs2">
+    <marker
+       style="overflow:visible"
+       id="Arrow2-1"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       inkscape:stockid="Arrow2"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       inkscape:isstock="true"
+       inkscape:collect="always"
+       preserveAspectRatio="xMidYMid">
+      <path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L-2" />
+    </marker>
+  </defs>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline">
+    <g
+       id="g7106"
+       transform="translate(-0.52916667)"
+       style="display:none">
+      <path
+         style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="m 34.389386,21.377013 c 0,0 -0.09882,21.74684 -0.02007,22.881494"
+         id="path127"
+         sodipodi:nodetypes="cc" />
+      <g
+         id="g15627"
+         transform="matrix(1.0513431,0,0,1.0317452,-12.456081,9.7196665)">
+        <text
+           xml:space="preserve"
+           style="font-size:3.93397px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.197318;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           x="45.748825"
+           y="18.934566"
+           id="text5609"
+           transform="matrix(0.94966469,-0.00807366,0.00729318,1.0529412,0,0)"><tspan
+             sodipodi:role="line"
+             id="tspan5607"
+             style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.197318;stroke-dasharray:none;stroke-opacity:1"
+             x="45.748825"
+             y="18.934566">1</tspan></text>
+        <ellipse
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.19732;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           id="circle5613"
+           cx="-45.073257"
+           cy="-16.922338"
+           transform="matrix(-0.99966972,-0.02569916,0.02094013,-0.99978073,0,0)"
+           rx="1.708829"
+           ry="1.8929724" />
+      </g>
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.585711;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-1);paint-order:stroke fill markers"
+         d="m 34.594882,35.954904 c -0.0608,-0.876006 -0.02656,-4.261502 -0.02656,-4.261502"
+         id="path12561"
+         sodipodi:nodetypes="cc"
+         inkscape:transform-center-x="0.040315665"
+         inkscape:transform-center-y="2.1468404" />
+    </g>
+    <g
+       id="g7114"
+       transform="translate(-0.52916667)"
+       style="display:inline">
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="m 34.310041,44.474858 c 32.536104,-13.749915 40.339663,34.856163 0.0075,26.378352"
+         id="path10277"
+         sodipodi:nodetypes="cc" />
+      <g
+         id="g13319"
+         transform="matrix(1.3052235,0,0,1.3365867,-31.240974,31.052912)"
+         style="display:inline">
+        <text
+           xml:space="preserve"
+           style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           x="49.768463"
+           y="10.649764"
+           id="text13315"
+           transform="matrix(0.99960636,-0.0021636,0.00216529,1.0003891,0,0)"><tspan
+             sodipodi:role="line"
+             id="tspan13313"
+             style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
+             x="49.768463"
+             y="10.649764">2</tspan></text>
+        <circle
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           id="circle13317"
+           cx="-50.731476"
+           cy="-8.3328476"
+           r="1.2760839"
+           transform="rotate(-178.35508)" />
+      </g>
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.501064;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-1);paint-order:stroke fill markers"
+         d="m 48.748332,43.516495 c -3.301504,-2.472487 -9.081976,-2.096111 -11.851544,-0.097"
+         id="path15605"
+         sodipodi:nodetypes="cc"
+         inkscape:transform-center-x="-5.3603091"
+         inkscape:transform-center-y="0.21085932" />
+    </g>
+    <g
+       id="g7090"
+       transform="translate(-0.52916667)"
+       style="display:none">
+      <path
+         style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="m 34.313272,21.430769 26.578362,-0.08341"
+         id="path10309"
+         inkscape:transform-center-x="-12.706525"
+         inkscape:transform-center-y="-0.33399499" />
+      <g
+         id="g13329"
+         transform="matrix(1.8326084,0,0,1.5941849,-72.161906,-99.615248)"
+         style="display:inline">
+        <ellipse
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131538;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+           id="ellipse13323"
+           cx="-74.661598"
+           cy="60.70055"
+           transform="matrix(0.01839222,-0.99983085,0.99981223,0.0193779,0,0)"
+           rx="1.2146922"
+           ry="1.1834064" />
+        <text
+           xml:space="preserve"
+           style="font-size:2.14253px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131537;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+           x="59.531094"
+           y="75.579971"
+           id="text13327"
+           transform="scale(0.98702867,1.0131418)"><tspan
+             sodipodi:role="line"
+             id="tspan13325"
+             style="stroke:#f9f6f6;stroke-width:0.131537;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
+             x="59.531094"
+             y="75.579971">3</tspan></text>
+      </g>
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.50707;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-1);paint-order:stroke fill markers"
+         d="m 51.549666,21.472931 c -2.370934,0.01903 -11.496853,0.01769 -11.496853,0.01769"
+         id="path15635"
+         sodipodi:nodetypes="cc"
+         inkscape:transform-center-x="-5.4035846"
+         inkscape:transform-center-y="0.0050672075" />
+    </g>
+  </g>
+</svg>
--- a/public/assets/numeric/n5_l3.svg
+++ b/public/assets/numeric/n5_l3.svg
@@ -0,0 +1,264 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="100mm"
+   height="100mm"
+   viewBox="0 0 100 100"
+   version="1.1"
+   id="svg5"
+   inkscape:export-filename="w5_l2.svg"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   sodipodi:docname="w0.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview7"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     showgrid="false"
+     showguides="true"
+     inkscape:zoom="1.4478969"
+     inkscape:cx="172.3189"
+     inkscape:cy="215.48496"
+     inkscape:window-width="1920"
+     inkscape:window-height="1011"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1">
+    <sodipodi:guide
+       position="50.044837,106.13694"
+       orientation="1,0"
+       id="guide61"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="30.151491,87.756667"
+       orientation="1,0"
+       id="guide65"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="34.933229,103.49635"
+       orientation="1,0"
+       id="guide67"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="117.31671,32.570302"
+       orientation="0,-1"
+       id="guide69"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="-33.075271,49.930251"
+       orientation="0,-1"
+       id="guide71"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="65.121878,12.99501"
+       orientation="1,0"
+       id="guide550"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="105.80432,67.655673"
+       orientation="0,-1"
+       id="guide343"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="105.07338,82.274578"
+       orientation="0,-1"
+       id="guide347"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="106.16979,17.585925"
+       orientation="0,-1"
+       id="guide349"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="70.170742,91.411393"
+       orientation="1,0"
+       id="guide351"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="49.521539,24.712641"
+       orientation="0,-1"
+       id="guide353"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="50.069748,74.965125"
+       orientation="0,-1"
+       id="guide355"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="57.561936,-11.83462"
+       orientation="1,0"
+       id="guide357"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="42.394823,-21.154172"
+       orientation="1,0"
+       id="guide359"
+       inkscape:locked="false" />
+  </sodipodi:namedview>
+  <defs
+     id="defs2">
+    <marker
+       style="overflow:visible"
+       id="Arrow2-1"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       inkscape:stockid="Arrow2"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       inkscape:isstock="true"
+       inkscape:collect="always"
+       preserveAspectRatio="xMidYMid">
+      <path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L-2" />
+    </marker>
+  </defs>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline">
+    <g
+       id="g7106"
+       transform="translate(-0.52916667)"
+       style="display:none">
+      <path
+         style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="m 34.389386,21.377013 c 0,0 -0.09882,21.74684 -0.02007,22.881494"
+         id="path127"
+         sodipodi:nodetypes="cc" />
+      <g
+         id="g15627"
+         transform="matrix(1.0513431,0,0,1.0317452,-12.456081,9.7196665)">
+        <text
+           xml:space="preserve"
+           style="font-size:3.93397px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.197318;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           x="45.748825"
+           y="18.934566"
+           id="text5609"
+           transform="matrix(0.94966469,-0.00807366,0.00729318,1.0529412,0,0)"><tspan
+             sodipodi:role="line"
+             id="tspan5607"
+             style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.197318;stroke-dasharray:none;stroke-opacity:1"
+             x="45.748825"
+             y="18.934566">1</tspan></text>
+        <ellipse
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.19732;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           id="circle5613"
+           cx="-45.073257"
+           cy="-16.922338"
+           transform="matrix(-0.99966972,-0.02569916,0.02094013,-0.99978073,0,0)"
+           rx="1.708829"
+           ry="1.8929724" />
+      </g>
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.585711;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-1);paint-order:stroke fill markers"
+         d="m 34.594882,35.954904 c -0.0608,-0.876006 -0.02656,-4.261502 -0.02656,-4.261502"
+         id="path12561"
+         sodipodi:nodetypes="cc"
+         inkscape:transform-center-x="0.040315665"
+         inkscape:transform-center-y="2.1468404" />
+    </g>
+    <g
+       id="g7114"
+       transform="translate(-0.52916667)"
+       style="display:none">
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="m 34.310041,44.474858 c 32.536104,-13.749915 40.339663,34.856163 0.0075,26.378352"
+         id="path10277"
+         sodipodi:nodetypes="cc" />
+      <g
+         id="g13319"
+         transform="matrix(1.3052235,0,0,1.3365867,-31.240974,31.052912)"
+         style="display:inline">
+        <text
+           xml:space="preserve"
+           style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           x="49.768463"
+           y="10.649764"
+           id="text13315"
+           transform="matrix(0.99960636,-0.0021636,0.00216529,1.0003891,0,0)"><tspan
+             sodipodi:role="line"
+             id="tspan13313"
+             style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
+             x="49.768463"
+             y="10.649764">2</tspan></text>
+        <circle
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           id="circle13317"
+           cx="-50.731476"
+           cy="-8.3328476"
+           r="1.2760839"
+           transform="rotate(-178.35508)" />
+      </g>
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.501064;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-1);paint-order:stroke fill markers"
+         d="m 48.748332,43.516495 c -3.301504,-2.472487 -9.081976,-2.096111 -11.851544,-0.097"
+         id="path15605"
+         sodipodi:nodetypes="cc"
+         inkscape:transform-center-x="-5.3603091"
+         inkscape:transform-center-y="0.21085932" />
+    </g>
+    <g
+       id="g7090"
+       transform="translate(-0.52916667)"
+       style="display:inline">
+      <path
+         style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="m 34.313272,21.430769 26.578362,-0.08341"
+         id="path10309"
+         inkscape:transform-center-x="-12.706525"
+         inkscape:transform-center-y="-0.33399499" />
+      <g
+         id="g13329"
+         transform="matrix(1.8326084,0,0,1.5941849,-72.161906,-99.615248)"
+         style="display:inline">
+        <ellipse
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131538;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+           id="ellipse13323"
+           cx="-74.661598"
+           cy="60.70055"
+           transform="matrix(0.01839222,-0.99983085,0.99981223,0.0193779,0,0)"
+           rx="1.2146922"
+           ry="1.1834064" />
+        <text
+           xml:space="preserve"
+           style="font-size:2.14253px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131537;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+           x="59.531094"
+           y="75.579971"
+           id="text13327"
+           transform="scale(0.98702867,1.0131418)"><tspan
+             sodipodi:role="line"
+             id="tspan13325"
+             style="stroke:#f9f6f6;stroke-width:0.131537;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
+             x="59.531094"
+             y="75.579971">3</tspan></text>
+      </g>
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.50707;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-1);paint-order:stroke fill markers"
+         d="m 51.549666,21.472931 c -2.370934,0.01903 -11.496853,0.01769 -11.496853,0.01769"
+         id="path15635"
+         sodipodi:nodetypes="cc"
+         inkscape:transform-center-x="-5.4035846"
+         inkscape:transform-center-y="0.0050672075" />
+    </g>
+  </g>
+</svg>
--- a/public/assets/numeric/n6.svg
+++ b/public/assets/numeric/n6.svg
@@ -0,0 +1,212 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="100mm"
+   height="100mm"
+   viewBox="0 0 100 100"
+   version="1.1"
+   id="svg5"
+   inkscape:export-filename="w5_l3.svg"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   sodipodi:docname="w0.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview7"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     showgrid="false"
+     showguides="true"
+     inkscape:zoom="1.4478969"
+     inkscape:cx="172.3189"
+     inkscape:cy="215.48496"
+     inkscape:window-width="1920"
+     inkscape:window-height="1011"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1">
+    <sodipodi:guide
+       position="50.044837,106.13694"
+       orientation="1,0"
+       id="guide61"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="30.151491,87.756667"
+       orientation="1,0"
+       id="guide65"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="34.933229,103.49635"
+       orientation="1,0"
+       id="guide67"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="117.31671,32.570302"
+       orientation="0,-1"
+       id="guide69"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="-33.075271,49.930251"
+       orientation="0,-1"
+       id="guide71"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="65.121878,12.99501"
+       orientation="1,0"
+       id="guide550"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="105.80432,67.655673"
+       orientation="0,-1"
+       id="guide343"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="105.07338,82.274578"
+       orientation="0,-1"
+       id="guide347"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="106.16979,17.585925"
+       orientation="0,-1"
+       id="guide349"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="70.170742,91.411393"
+       orientation="1,0"
+       id="guide351"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="49.521539,24.712641"
+       orientation="0,-1"
+       id="guide353"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="50.069748,74.965125"
+       orientation="0,-1"
+       id="guide355"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="57.561936,-11.83462"
+       orientation="1,0"
+       id="guide357"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="42.394823,-21.154172"
+       orientation="1,0"
+       id="guide359"
+       inkscape:locked="false" />
+  </sodipodi:namedview>
+  <defs
+     id="defs2">
+    <marker
+       style="overflow:visible"
+       id="Arrow2-7"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       inkscape:stockid="Arrow2"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       inkscape:isstock="true"
+       inkscape:collect="always"
+       preserveAspectRatio="xMidYMid">
+      <path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L-0" />
+    </marker>
+  </defs>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline">
+    <path
+       style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="M 57.085083,28.142179 C 32.972593,36.263958 23.566454,67.553455 48.497314,71.842706"
+       id="path127"
+       sodipodi:nodetypes="cc" />
+    <g
+       id="g15627"
+       transform="matrix(0.90170746,0,0,0.77569259,14.806438,15.041923)"
+       style="display:inline">
+      <text
+         xml:space="preserve"
+         style="font-size:3.93397px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.197318;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="45.748825"
+         y="18.934566"
+         id="text5609"
+         transform="matrix(0.94966469,-0.00807366,0.00729318,1.0529412,0,0)"><tspan
+           sodipodi:role="line"
+           id="tspan5607"
+           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.197318;stroke-dasharray:none;stroke-opacity:1"
+           x="45.748825"
+           y="18.934566">1</tspan></text>
+      <ellipse
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.19732;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="circle5613"
+         cx="-45.073257"
+         cy="-16.922338"
+         transform="matrix(-0.99966972,-0.02569916,0.02094013,-0.99978073,0,0)"
+         rx="1.708829"
+         ry="1.8929724" />
+    </g>
+    <path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.402358;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-7);paint-order:stroke fill markers"
+       d="m 44.939347,34.737188 c 2.017014,-2.343158 5.13946,-4.226512 8.476447,-4.641639"
+       id="path17536"
+       sodipodi:nodetypes="cc"
+       inkscape:transform-center-x="3.7377801"
+       inkscape:transform-center-y="2.689582" />
+    <path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="M 43.702456,65.921495 C 38.028879,55.327172 48.421799,49.271699 55.16716,49.184744 c 6.340597,-0.08174 12.769243,5.389874 12.249013,12.72046 -0.481468,6.784393 -7.894084,12.559193 -18.192104,10.058811"
+       id="path10277"
+       sodipodi:nodetypes="cssc" />
+    <g
+       id="g13319"
+       transform="matrix(1.1194536,0,0,1.0048803,-5.2667019,62.428805)"
+       style="display:inline">
+      <text
+         xml:space="preserve"
+         style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="49.768463"
+         y="10.649764"
+         id="text13315"
+         transform="matrix(0.99960636,-0.0021636,0.00216529,1.0003891,0,0)"><tspan
+           sodipodi:role="line"
+           id="tspan13313"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
+           x="49.768463"
+           y="10.649764">2</tspan></text>
+      <circle
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="circle13317"
+         cx="-50.731476"
+         cy="-8.3328476"
+         r="1.2760839"
+         transform="rotate(-178.35508)" />
+    </g>
+    <path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.402358;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-7);paint-order:stroke fill markers"
+       d="m 63.113288,69.959778 c -2.012306,2.528304 -6.82362,3.595409 -9.62671,2.808089"
+       id="path15605"
+       sodipodi:nodetypes="cc"
+       inkscape:transform-center-x="-4.7771296"
+       inkscape:transform-center-y="-2.4652434" />
+  </g>
+</svg>
--- a/public/assets/numeric/n6_l1.svg
+++ b/public/assets/numeric/n6_l1.svg
@@ -0,0 +1,188 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="100mm"
+   height="100mm"
+   viewBox="0 0 100 100"
+   version="1.1"
+   id="svg5"
+   inkscape:export-filename="w5_l3.svg"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   sodipodi:docname="n6.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview7"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     showgrid="false"
+     showguides="true"
+     inkscape:zoom="1.4478969"
+     inkscape:cx="172.3189"
+     inkscape:cy="215.48496"
+     inkscape:window-width="1920"
+     inkscape:window-height="1011"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1">
+    <sodipodi:guide
+       position="50.044837,106.13694"
+       orientation="1,0"
+       id="guide61"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="30.151491,87.756667"
+       orientation="1,0"
+       id="guide65"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="34.933229,103.49635"
+       orientation="1,0"
+       id="guide67"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="117.31671,32.570302"
+       orientation="0,-1"
+       id="guide69"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="-33.075271,49.930251"
+       orientation="0,-1"
+       id="guide71"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="65.121878,12.99501"
+       orientation="1,0"
+       id="guide550"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="105.80432,67.655673"
+       orientation="0,-1"
+       id="guide343"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="105.07338,82.274578"
+       orientation="0,-1"
+       id="guide347"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="106.16979,17.585925"
+       orientation="0,-1"
+       id="guide349"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="70.170742,91.411393"
+       orientation="1,0"
+       id="guide351"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="49.521539,24.712641"
+       orientation="0,-1"
+       id="guide353"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="50.069748,74.965125"
+       orientation="0,-1"
+       id="guide355"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="57.561936,-11.83462"
+       orientation="1,0"
+       id="guide357"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="42.394823,-21.154172"
+       orientation="1,0"
+       id="guide359"
+       inkscape:locked="false" />
+  </sodipodi:namedview>
+  <defs
+     id="defs2">
+    <marker
+       style="overflow:visible"
+       id="Arrow2-7"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       inkscape:stockid="Arrow2"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       inkscape:isstock="true"
+       inkscape:collect="always"
+       preserveAspectRatio="xMidYMid">
+      <path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L-0" />
+    </marker>
+  </defs>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline">
+    <path
+       style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="M 57.085083,28.142179 C 32.972593,36.263958 23.566454,67.553455 48.497314,71.842706"
+       id="path127"
+       sodipodi:nodetypes="cc" />
+    <g
+       id="g15627"
+       transform="matrix(0.90170746,0,0,0.77569259,14.806438,15.041923)"
+       style="display:inline">
+      <text
+         xml:space="preserve"
+         style="font-size:3.93397px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.197318;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="45.748825"
+         y="18.934566"
+         id="text5609"
+         transform="matrix(0.94966469,-0.00807366,0.00729318,1.0529412,0,0)"><tspan
+           sodipodi:role="line"
+           id="tspan5607"
+           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.197318;stroke-dasharray:none;stroke-opacity:1"
+           x="45.748825"
+           y="18.934566">1</tspan></text>
+      <ellipse
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.19732;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="circle5613"
+         cx="-45.073257"
+         cy="-16.922338"
+         transform="matrix(-0.99966972,-0.02569916,0.02094013,-0.99978073,0,0)"
+         rx="1.708829"
+         ry="1.8929724" />
+    </g>
+    <path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.402358;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-7);paint-order:stroke fill markers"
+       d="m 44.939347,34.737188 c 2.017014,-2.343158 5.13946,-4.226512 8.476447,-4.641639"
+       id="path17536"
+       sodipodi:nodetypes="cc"
+       inkscape:transform-center-x="3.7377801"
+       inkscape:transform-center-y="2.689582" />
+    <path
+       style="display:none;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="M 43.702456,65.921495 C 38.028879,55.327172 48.421799,49.271699 55.16716,49.184744 c 6.340597,-0.08174 12.769243,5.389874 12.249013,12.72046 -0.481468,6.784393 -7.894084,12.559193 -18.192104,10.058811"
+       id="path10277"
+       sodipodi:nodetypes="cssc" />
+    <path
+       style="display:none;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.402358;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-7);paint-order:stroke fill markers"
+       d="m 63.113288,69.959778 c -2.012306,2.528304 -6.82362,3.595409 -9.62671,2.808089"
+       id="path15605"
+       sodipodi:nodetypes="cc"
+       inkscape:transform-center-x="-4.7771296"
+       inkscape:transform-center-y="-2.4652434" />
+  </g>
+</svg>
--- a/public/assets/numeric/n6_l2.svg
+++ b/public/assets/numeric/n6_l2.svg
@@ -0,0 +1,212 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="100mm"
+   height="100mm"
+   viewBox="0 0 100 100"
+   version="1.1"
+   id="svg5"
+   inkscape:export-filename="n6_l1.svg"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   sodipodi:docname="n6.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview7"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     showgrid="false"
+     showguides="true"
+     inkscape:zoom="1.4478969"
+     inkscape:cx="172.3189"
+     inkscape:cy="215.48496"
+     inkscape:window-width="1920"
+     inkscape:window-height="1011"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1">
+    <sodipodi:guide
+       position="50.044837,106.13694"
+       orientation="1,0"
+       id="guide61"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="30.151491,87.756667"
+       orientation="1,0"
+       id="guide65"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="34.933229,103.49635"
+       orientation="1,0"
+       id="guide67"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="117.31671,32.570302"
+       orientation="0,-1"
+       id="guide69"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="-33.075271,49.930251"
+       orientation="0,-1"
+       id="guide71"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="65.121878,12.99501"
+       orientation="1,0"
+       id="guide550"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="105.80432,67.655673"
+       orientation="0,-1"
+       id="guide343"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="105.07338,82.274578"
+       orientation="0,-1"
+       id="guide347"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="106.16979,17.585925"
+       orientation="0,-1"
+       id="guide349"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="70.170742,91.411393"
+       orientation="1,0"
+       id="guide351"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="49.521539,24.712641"
+       orientation="0,-1"
+       id="guide353"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="50.069748,74.965125"
+       orientation="0,-1"
+       id="guide355"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="57.561936,-11.83462"
+       orientation="1,0"
+       id="guide357"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="42.394823,-21.154172"
+       orientation="1,0"
+       id="guide359"
+       inkscape:locked="false" />
+  </sodipodi:namedview>
+  <defs
+     id="defs2">
+    <marker
+       style="overflow:visible"
+       id="Arrow2-7"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       inkscape:stockid="Arrow2"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       inkscape:isstock="true"
+       inkscape:collect="always"
+       preserveAspectRatio="xMidYMid">
+      <path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L-0" />
+    </marker>
+  </defs>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline">
+    <path
+       style="display:none;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="M 57.085083,28.142179 C 32.972593,36.263958 23.566454,67.553455 48.497314,71.842706"
+       id="path127"
+       sodipodi:nodetypes="cc" />
+    <g
+       id="g15627"
+       transform="matrix(0.90170746,0,0,0.77569259,14.806438,15.041923)"
+       style="display:none">
+      <text
+         xml:space="preserve"
+         style="font-size:3.93397px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.197318;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="45.748825"
+         y="18.934566"
+         id="text5609"
+         transform="matrix(0.94966469,-0.00807366,0.00729318,1.0529412,0,0)"><tspan
+           sodipodi:role="line"
+           id="tspan5607"
+           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.197318;stroke-dasharray:none;stroke-opacity:1"
+           x="45.748825"
+           y="18.934566">1</tspan></text>
+      <ellipse
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.19732;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="circle5613"
+         cx="-45.073257"
+         cy="-16.922338"
+         transform="matrix(-0.99966972,-0.02569916,0.02094013,-0.99978073,0,0)"
+         rx="1.708829"
+         ry="1.8929724" />
+    </g>
+    <path
+       style="display:none;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.402358;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-7);paint-order:stroke fill markers"
+       d="m 44.939347,34.737188 c 2.017014,-2.343158 5.13946,-4.226512 8.476447,-4.641639"
+       id="path17536"
+       sodipodi:nodetypes="cc"
+       inkscape:transform-center-x="3.7377801"
+       inkscape:transform-center-y="2.689582" />
+    <path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="M 43.702456,65.921495 C 38.028879,55.327172 48.421799,49.271699 55.16716,49.184744 c 6.340597,-0.08174 12.769243,5.389874 12.249013,12.72046 -0.481468,6.784393 -7.894084,12.559193 -18.192104,10.058811"
+       id="path10277"
+       sodipodi:nodetypes="cssc" />
+    <g
+       id="g13319"
+       transform="matrix(1.1194536,0,0,1.0048803,-5.2667019,62.428805)"
+       style="display:inline">
+      <text
+         xml:space="preserve"
+         style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="49.768463"
+         y="10.649764"
+         id="text13315"
+         transform="matrix(0.99960636,-0.0021636,0.00216529,1.0003891,0,0)"><tspan
+           sodipodi:role="line"
+           id="tspan13313"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
+           x="49.768463"
+           y="10.649764">2</tspan></text>
+      <circle
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="circle13317"
+         cx="-50.731476"
+         cy="-8.3328476"
+         r="1.2760839"
+         transform="rotate(-178.35508)" />
+    </g>
+    <path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.402358;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-7);paint-order:stroke fill markers"
+       d="m 63.113288,69.959778 c -2.012306,2.528304 -6.82362,3.595409 -9.62671,2.808089"
+       id="path15605"
+       sodipodi:nodetypes="cc"
+       inkscape:transform-center-x="-4.7771296"
+       inkscape:transform-center-y="-2.4652434" />
+  </g>
+</svg>
--- a/public/assets/numeric/n7.svg
+++ b/public/assets/numeric/n7.svg
@@ -0,0 +1,212 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="100mm"
+   height="100mm"
+   viewBox="0 0 100 100"
+   version="1.1"
+   id="svg5"
+   inkscape:export-filename="w6_l2.svg"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   sodipodi:docname="w0.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview7"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     showgrid="false"
+     showguides="true"
+     inkscape:zoom="1.4478969"
+     inkscape:cx="172.3189"
+     inkscape:cy="215.48496"
+     inkscape:window-width="1920"
+     inkscape:window-height="1011"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1">
+    <sodipodi:guide
+       position="50.044837,106.13694"
+       orientation="1,0"
+       id="guide61"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="30.151491,87.756667"
+       orientation="1,0"
+       id="guide65"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="34.933229,103.49635"
+       orientation="1,0"
+       id="guide67"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="117.31671,32.570302"
+       orientation="0,-1"
+       id="guide69"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="-33.075271,49.930251"
+       orientation="0,-1"
+       id="guide71"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="65.121878,12.99501"
+       orientation="1,0"
+       id="guide550"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="105.80432,67.655673"
+       orientation="0,-1"
+       id="guide343"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="105.07338,82.274578"
+       orientation="0,-1"
+       id="guide347"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="106.16979,17.585925"
+       orientation="0,-1"
+       id="guide349"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="70.170742,91.411393"
+       orientation="1,0"
+       id="guide351"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="49.521539,24.712641"
+       orientation="0,-1"
+       id="guide353"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="50.069748,74.965125"
+       orientation="0,-1"
+       id="guide355"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="57.561936,-11.83462"
+       orientation="1,0"
+       id="guide357"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="42.394823,-21.154172"
+       orientation="1,0"
+       id="guide359"
+       inkscape:locked="false" />
+  </sodipodi:namedview>
+  <defs
+     id="defs2">
+    <marker
+       style="overflow:visible"
+       id="Arrow2-9"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       inkscape:stockid="Arrow2"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       inkscape:isstock="true"
+       inkscape:collect="always"
+       preserveAspectRatio="xMidYMid">
+      <path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L-3" />
+    </marker>
+  </defs>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline">
+    <path
+       style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="m 41.628079,28.5484 c 0.815754,0.2624 24.542874,-0.121161 25.197591,-0.09548"
+       id="path127"
+       sodipodi:nodetypes="cc" />
+    <g
+       id="g15627"
+       transform="matrix(0.94768543,0,0,0.98216945,0.49024194,10.768235)"
+       style="display:inline">
+      <text
+         xml:space="preserve"
+         style="font-size:3.93397px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.197318;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="45.748825"
+         y="18.934566"
+         id="text5609"
+         transform="matrix(0.94966469,-0.00807366,0.00729318,1.0529412,0,0)"><tspan
+           sodipodi:role="line"
+           id="tspan5607"
+           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.197318;stroke-dasharray:none;stroke-opacity:1"
+           x="45.748825"
+           y="18.934566">1</tspan></text>
+      <ellipse
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.19732;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="circle5613"
+         cx="-45.073257"
+         cy="-16.922338"
+         transform="matrix(-0.99966972,-0.02569916,0.02094013,-0.99978073,0,0)"
+         rx="1.708829"
+         ry="1.8929724" />
+    </g>
+    <path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="M 66.877412,28.388494 C 65.379702,31.711422 48.282327,66.9129 46.134029,71.528894"
+       id="path10277"
+       sodipodi:nodetypes="cc" />
+    <path
+       style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.436094;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-9);paint-order:normal"
+       d="m 54.311841,28.040434 -8.651582,0.151802"
+       id="path18514"
+       sodipodi:nodetypes="cc"
+       inkscape:transform-center-x="-4.567767"
+       inkscape:transform-center-y="0.30785214" />
+    <path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.47867;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-9);paint-order:stroke fill markers"
+       d="m 60.299699,42.806613 c 0.734767,-1.875585 3.638305,-9.072475 3.638305,-9.072475"
+       id="path18516"
+       sodipodi:nodetypes="cc"
+       inkscape:transform-center-x="1.9032412"
+       inkscape:transform-center-y="4.7057266" />
+    <g
+       id="g18524"
+       transform="matrix(1.6162784,0,0,1.4600023,-15.321118,15.717041)"
+       style="display:inline">
+      <text
+         xml:space="preserve"
+         style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="49.768463"
+         y="10.649764"
+         id="text18520"
+         transform="matrix(0.99960636,-0.0021636,0.00216529,1.0003891,0,0)"><tspan
+           sodipodi:role="line"
+           id="tspan18518"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
+           x="49.768463"
+           y="10.649764">2</tspan></text>
+      <circle
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="circle18522"
+         cx="-50.731476"
+         cy="-8.3328476"
+         r="1.2760839"
+         transform="rotate(-178.35508)" />
+    </g>
+  </g>
+</svg>
--- a/public/assets/numeric/n7_l1.svg
+++ b/public/assets/numeric/n7_l1.svg
@@ -0,0 +1,220 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="100mm"
+   height="100mm"
+   viewBox="0 0 100 100"
+   version="1.1"
+   id="svg5"
+   inkscape:export-filename="w7.png"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   sodipodi:docname="w0.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview7"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     showgrid="false"
+     showguides="true"
+     inkscape:zoom="1.4478969"
+     inkscape:cx="172.3189"
+     inkscape:cy="215.48496"
+     inkscape:window-width="1920"
+     inkscape:window-height="1011"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1">
+    <sodipodi:guide
+       position="50.044837,106.13694"
+       orientation="1,0"
+       id="guide61"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="30.151491,87.756667"
+       orientation="1,0"
+       id="guide65"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="34.933229,103.49635"
+       orientation="1,0"
+       id="guide67"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="117.31671,32.570302"
+       orientation="0,-1"
+       id="guide69"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="-33.075271,49.930251"
+       orientation="0,-1"
+       id="guide71"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="65.121878,12.99501"
+       orientation="1,0"
+       id="guide550"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="105.80432,67.655673"
+       orientation="0,-1"
+       id="guide343"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="105.07338,82.274578"
+       orientation="0,-1"
+       id="guide347"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="106.16979,17.585925"
+       orientation="0,-1"
+       id="guide349"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="70.170742,91.411393"
+       orientation="1,0"
+       id="guide351"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="49.521539,24.712641"
+       orientation="0,-1"
+       id="guide353"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="50.069748,74.965125"
+       orientation="0,-1"
+       id="guide355"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="57.561936,-11.83462"
+       orientation="1,0"
+       id="guide357"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="42.394823,-21.154172"
+       orientation="1,0"
+       id="guide359"
+       inkscape:locked="false" />
+  </sodipodi:namedview>
+  <defs
+     id="defs2">
+    <marker
+       style="overflow:visible"
+       id="Arrow2-9"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       inkscape:stockid="Arrow2"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       inkscape:isstock="true"
+       inkscape:collect="always"
+       preserveAspectRatio="xMidYMid">
+      <path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L-3" />
+    </marker>
+  </defs>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline">
+    <g
+       id="g9111"
+       style="display:inline">
+      <path
+         style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="m 41.628079,28.5484 c 0.815754,0.2624 24.542874,-0.121161 25.197591,-0.09548"
+         id="path127"
+         sodipodi:nodetypes="cc" />
+      <g
+         id="g15627"
+         transform="matrix(0.94768543,0,0,0.98216945,0.49024194,10.768235)"
+         style="display:inline">
+        <text
+           xml:space="preserve"
+           style="font-size:3.93397px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.197318;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           x="45.748825"
+           y="18.934566"
+           id="text5609"
+           transform="matrix(0.94966469,-0.00807366,0.00729318,1.0529412,0,0)"><tspan
+             sodipodi:role="line"
+             id="tspan5607"
+             style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.197318;stroke-dasharray:none;stroke-opacity:1"
+             x="45.748825"
+             y="18.934566">1</tspan></text>
+        <ellipse
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.19732;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           id="circle5613"
+           cx="-45.073257"
+           cy="-16.922338"
+           transform="matrix(-0.99966972,-0.02569916,0.02094013,-0.99978073,0,0)"
+           rx="1.708829"
+           ry="1.8929724" />
+      </g>
+      <path
+         style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.436094;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-9);paint-order:normal"
+         d="m 54.311841,28.040434 -8.651582,0.151802"
+         id="path18514"
+         sodipodi:nodetypes="cc"
+         inkscape:transform-center-x="-4.567767"
+         inkscape:transform-center-y="0.30785214" />
+    </g>
+    <g
+       id="g9119"
+       style="display:none">
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="M 66.877412,28.388494 C 65.379702,31.711422 48.282327,66.9129 46.134029,71.528894"
+         id="path10277"
+         sodipodi:nodetypes="cc" />
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.47867;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-9);paint-order:stroke fill markers"
+         d="m 60.299699,42.806613 c 0.734767,-1.875585 3.638305,-9.072475 3.638305,-9.072475"
+         id="path18516"
+         sodipodi:nodetypes="cc"
+         inkscape:transform-center-x="1.9032412"
+         inkscape:transform-center-y="4.7057266" />
+      <g
+         id="g18524"
+         transform="matrix(1.6162784,0,0,1.4600023,-15.321118,15.717041)"
+         style="display:inline">
+        <text
+           xml:space="preserve"
+           style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           x="49.768463"
+           y="10.649764"
+           id="text18520"
+           transform="matrix(0.99960636,-0.0021636,0.00216529,1.0003891,0,0)"><tspan
+             sodipodi:role="line"
+             id="tspan18518"
+             style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
+             x="49.768463"
+             y="10.649764">2</tspan></text>
+        <circle
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           id="circle18522"
+           cx="-50.731476"
+           cy="-8.3328476"
+           r="1.2760839"
+           transform="rotate(-178.35508)" />
+      </g>
+    </g>
+  </g>
+</svg>
--- a/public/assets/numeric/n7_l2.svg
+++ b/public/assets/numeric/n7_l2.svg
@@ -0,0 +1,220 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="100mm"
+   height="100mm"
+   viewBox="0 0 100 100"
+   version="1.1"
+   id="svg5"
+   inkscape:export-filename="w7_l2.svg"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   sodipodi:docname="w0.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview7"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     showgrid="false"
+     showguides="true"
+     inkscape:zoom="1.4478969"
+     inkscape:cx="172.3189"
+     inkscape:cy="215.48496"
+     inkscape:window-width="1920"
+     inkscape:window-height="1011"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1">
+    <sodipodi:guide
+       position="50.044837,106.13694"
+       orientation="1,0"
+       id="guide61"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="30.151491,87.756667"
+       orientation="1,0"
+       id="guide65"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="34.933229,103.49635"
+       orientation="1,0"
+       id="guide67"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="117.31671,32.570302"
+       orientation="0,-1"
+       id="guide69"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="-33.075271,49.930251"
+       orientation="0,-1"
+       id="guide71"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="65.121878,12.99501"
+       orientation="1,0"
+       id="guide550"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="105.80432,67.655673"
+       orientation="0,-1"
+       id="guide343"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="105.07338,82.274578"
+       orientation="0,-1"
+       id="guide347"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="106.16979,17.585925"
+       orientation="0,-1"
+       id="guide349"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="70.170742,91.411393"
+       orientation="1,0"
+       id="guide351"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="49.521539,24.712641"
+       orientation="0,-1"
+       id="guide353"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="50.069748,74.965125"
+       orientation="0,-1"
+       id="guide355"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="57.561936,-11.83462"
+       orientation="1,0"
+       id="guide357"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="42.394823,-21.154172"
+       orientation="1,0"
+       id="guide359"
+       inkscape:locked="false" />
+  </sodipodi:namedview>
+  <defs
+     id="defs2">
+    <marker
+       style="overflow:visible"
+       id="Arrow2-9"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       inkscape:stockid="Arrow2"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       inkscape:isstock="true"
+       inkscape:collect="always"
+       preserveAspectRatio="xMidYMid">
+      <path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L-3" />
+    </marker>
+  </defs>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline">
+    <g
+       id="g9111"
+       style="display:none">
+      <path
+         style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="m 41.628079,28.5484 c 0.815754,0.2624 24.542874,-0.121161 25.197591,-0.09548"
+         id="path127"
+         sodipodi:nodetypes="cc" />
+      <g
+         id="g15627"
+         transform="matrix(0.94768543,0,0,0.98216945,0.49024194,10.768235)"
+         style="display:inline">
+        <text
+           xml:space="preserve"
+           style="font-size:3.93397px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.197318;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           x="45.748825"
+           y="18.934566"
+           id="text5609"
+           transform="matrix(0.94966469,-0.00807366,0.00729318,1.0529412,0,0)"><tspan
+             sodipodi:role="line"
+             id="tspan5607"
+             style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.197318;stroke-dasharray:none;stroke-opacity:1"
+             x="45.748825"
+             y="18.934566">1</tspan></text>
+        <ellipse
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.19732;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           id="circle5613"
+           cx="-45.073257"
+           cy="-16.922338"
+           transform="matrix(-0.99966972,-0.02569916,0.02094013,-0.99978073,0,0)"
+           rx="1.708829"
+           ry="1.8929724" />
+      </g>
+      <path
+         style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.436094;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-9);paint-order:normal"
+         d="m 54.311841,28.040434 -8.651582,0.151802"
+         id="path18514"
+         sodipodi:nodetypes="cc"
+         inkscape:transform-center-x="-4.567767"
+         inkscape:transform-center-y="0.30785214" />
+    </g>
+    <g
+       id="g9119"
+       style="display:inline">
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="M 66.877412,28.388494 C 65.379702,31.711422 48.282327,66.9129 46.134029,71.528894"
+         id="path10277"
+         sodipodi:nodetypes="cc" />
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.47867;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-9);paint-order:stroke fill markers"
+         d="m 60.299699,42.806613 c 0.734767,-1.875585 3.638305,-9.072475 3.638305,-9.072475"
+         id="path18516"
+         sodipodi:nodetypes="cc"
+         inkscape:transform-center-x="1.9032412"
+         inkscape:transform-center-y="4.7057266" />
+      <g
+         id="g18524"
+         transform="matrix(1.6162784,0,0,1.4600023,-15.321118,15.717041)"
+         style="display:inline">
+        <text
+           xml:space="preserve"
+           style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           x="49.768463"
+           y="10.649764"
+           id="text18520"
+           transform="matrix(0.99960636,-0.0021636,0.00216529,1.0003891,0,0)"><tspan
+             sodipodi:role="line"
+             id="tspan18518"
+             style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
+             x="49.768463"
+             y="10.649764">2</tspan></text>
+        <circle
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           id="circle18522"
+           cx="-50.731476"
+           cy="-8.3328476"
+           r="1.2760839"
+           transform="rotate(-178.35508)" />
+      </g>
+    </g>
+  </g>
+</svg>
--- a/public/assets/numeric/n8.svg
+++ b/public/assets/numeric/n8.svg
@@ -0,0 +1,212 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="100mm"
+   height="100mm"
+   viewBox="0 0 100 100"
+   version="1.1"
+   id="svg5"
+   inkscape:export-filename="w7_l2.svg"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   sodipodi:docname="w0.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview7"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     showgrid="false"
+     showguides="true"
+     inkscape:zoom="1.4478969"
+     inkscape:cx="172.3189"
+     inkscape:cy="215.48496"
+     inkscape:window-width="1920"
+     inkscape:window-height="1011"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1">
+    <sodipodi:guide
+       position="50.044837,106.13694"
+       orientation="1,0"
+       id="guide61"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="30.151491,87.756667"
+       orientation="1,0"
+       id="guide65"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="34.933229,103.49635"
+       orientation="1,0"
+       id="guide67"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="117.31671,32.570302"
+       orientation="0,-1"
+       id="guide69"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="-33.075271,49.930251"
+       orientation="0,-1"
+       id="guide71"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="65.121878,12.99501"
+       orientation="1,0"
+       id="guide550"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="105.80432,67.655673"
+       orientation="0,-1"
+       id="guide343"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="105.07338,82.274578"
+       orientation="0,-1"
+       id="guide347"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="106.16979,17.585925"
+       orientation="0,-1"
+       id="guide349"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="70.170742,91.411393"
+       orientation="1,0"
+       id="guide351"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="49.521539,24.712641"
+       orientation="0,-1"
+       id="guide353"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="50.069748,74.965125"
+       orientation="0,-1"
+       id="guide355"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="57.561936,-11.83462"
+       orientation="1,0"
+       id="guide357"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="42.394823,-21.154172"
+       orientation="1,0"
+       id="guide359"
+       inkscape:locked="false" />
+  </sodipodi:namedview>
+  <defs
+     id="defs2">
+    <marker
+       style="overflow:visible"
+       id="Arrow2-6"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       inkscape:stockid="Arrow2"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       inkscape:isstock="true"
+       inkscape:collect="always"
+       preserveAspectRatio="xMidYMid">
+      <path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L-0" />
+    </marker>
+  </defs>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline">
+    <path
+       style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="m 43.166082,69.337929 c 10.041865,3.581252 17.073324,1.419906 20.438237,-3.04324 4.133854,-5.483056 3.082465,-14.16368 -0.464163,-16.563446 C 50.571087,41.226602 40.896567,43.456551 39.353976,36.021404 35.612499,17.987819 63.766417,18.053818 65.60695,31.436214"
+       id="path127"
+       sodipodi:nodetypes="csssc" />
+    <g
+       id="g19076"
+       transform="matrix(1.2186431,0,0,1.0445256,4.9737543,4.7754049)"
+       style="display:inline">
+      <text
+         xml:space="preserve"
+         style="font-size:3.93397px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.197318;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="45.748825"
+         y="18.934566"
+         id="text19072"
+         transform="matrix(0.94966469,-0.00807366,0.00729318,1.0529412,0,0)"><tspan
+           sodipodi:role="line"
+           id="tspan19070"
+           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.197318;stroke-dasharray:none;stroke-opacity:1"
+           x="45.748825"
+           y="18.934566">1</tspan></text>
+      <ellipse
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.19732;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="ellipse19074"
+         cx="-45.073257"
+         cy="-16.922338"
+         transform="matrix(-0.99966972,-0.02569916,0.02094013,-0.99978073,0,0)"
+         rx="1.708829"
+         ry="1.8929724" />
+    </g>
+    <path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.54279;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-6);paint-order:stroke fill markers"
+       d="m 43.023604,24.444143 c 3.981479,-1.94131 9.037372,-2.798631 13.425938,-1.747177"
+       id="path19082"
+       sodipodi:nodetypes="cc"
+       inkscape:transform-center-x="6.3285755"
+       inkscape:transform-center-y="1.3354378" />
+    <path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="m 65.649049,31.680591 c 0.361279,6.014275 -16.599028,13.503824 -23.733609,22.325413 -3.899469,4.821518 -4.063617,14.16183 2.28392,15.470082"
+       id="path10277"
+       sodipodi:nodetypes="csc" />
+    <path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.54279;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-6);paint-order:stroke fill markers"
+       d="M 42.745642,53.011783 C 38.9848,55.587363 37.79208,61.25146 39.304807,64.411564"
+       id="path19092"
+       sodipodi:nodetypes="cc"
+       inkscape:transform-center-x="-2.4478083"
+       inkscape:transform-center-y="-5.17866" />
+    <g
+       id="g19090"
+       transform="matrix(1.7110999,0,0,1.5303902,-45.355532,52.079839)"
+       style="display:inline">
+      <text
+         xml:space="preserve"
+         style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="49.768463"
+         y="10.649764"
+         id="text19086"
+         transform="matrix(0.99960636,-0.0021636,0.00216529,1.0003891,0,0)"><tspan
+           sodipodi:role="line"
+           id="tspan19084"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
+           x="49.768463"
+           y="10.649764">2</tspan></text>
+      <circle
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="circle19088"
+         cx="-50.731476"
+         cy="-8.3328476"
+         r="1.2760839"
+         transform="rotate(-178.35508)" />
+    </g>
+  </g>
+</svg>
--- a/public/assets/numeric/n8_l1.svg
+++ b/public/assets/numeric/n8_l1.svg
@@ -0,0 +1,219 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="100mm"
+   height="100mm"
+   viewBox="0 0 100 100"
+   version="1.1"
+   id="svg5"
+   inkscape:export-filename="w8.png"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   sodipodi:docname="w0.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview7"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     showgrid="false"
+     showguides="true"
+     inkscape:zoom="1.4478969"
+     inkscape:cx="172.3189"
+     inkscape:cy="215.48496"
+     inkscape:window-width="1920"
+     inkscape:window-height="1011"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1">
+    <sodipodi:guide
+       position="50.044837,106.13694"
+       orientation="1,0"
+       id="guide61"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="30.151491,87.756667"
+       orientation="1,0"
+       id="guide65"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="34.933229,103.49635"
+       orientation="1,0"
+       id="guide67"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="117.31671,32.570302"
+       orientation="0,-1"
+       id="guide69"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="-33.075271,49.930251"
+       orientation="0,-1"
+       id="guide71"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="65.121878,12.99501"
+       orientation="1,0"
+       id="guide550"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="105.80432,67.655673"
+       orientation="0,-1"
+       id="guide343"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="105.07338,82.274578"
+       orientation="0,-1"
+       id="guide347"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="106.16979,17.585925"
+       orientation="0,-1"
+       id="guide349"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="70.170742,91.411393"
+       orientation="1,0"
+       id="guide351"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="49.521539,24.712641"
+       orientation="0,-1"
+       id="guide353"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="50.069748,74.965125"
+       orientation="0,-1"
+       id="guide355"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="57.561936,-11.83462"
+       orientation="1,0"
+       id="guide357"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="42.394823,-21.154172"
+       orientation="1,0"
+       id="guide359"
+       inkscape:locked="false" />
+  </sodipodi:namedview>
+  <defs
+     id="defs2">
+    <marker
+       style="overflow:visible"
+       id="Arrow2-6"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       inkscape:stockid="Arrow2"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       inkscape:isstock="true"
+       inkscape:collect="always"
+       preserveAspectRatio="xMidYMid">
+      <path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L-0" />
+    </marker>
+  </defs>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline">
+    <g
+       id="g9941">
+      <path
+         style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="m 43.166082,69.337929 c 10.041865,3.581252 17.073324,1.419906 20.438237,-3.04324 4.133854,-5.483056 3.082465,-14.16368 -0.464163,-16.563446 C 50.571087,41.226602 40.896567,43.456551 39.353976,36.021404 35.612499,17.987819 63.766417,18.053818 65.60695,31.436214"
+         id="path127"
+         sodipodi:nodetypes="csssc" />
+      <g
+         id="g19076"
+         transform="matrix(1.2186431,0,0,1.0445256,4.9737543,4.7754049)"
+         style="display:inline">
+        <text
+           xml:space="preserve"
+           style="font-size:3.93397px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.197318;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           x="45.748825"
+           y="18.934566"
+           id="text19072"
+           transform="matrix(0.94966469,-0.00807366,0.00729318,1.0529412,0,0)"><tspan
+             sodipodi:role="line"
+             id="tspan19070"
+             style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.197318;stroke-dasharray:none;stroke-opacity:1"
+             x="45.748825"
+             y="18.934566">1</tspan></text>
+        <ellipse
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.19732;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           id="ellipse19074"
+           cx="-45.073257"
+           cy="-16.922338"
+           transform="matrix(-0.99966972,-0.02569916,0.02094013,-0.99978073,0,0)"
+           rx="1.708829"
+           ry="1.8929724" />
+      </g>
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.54279;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-6);paint-order:stroke fill markers"
+         d="m 43.023604,24.444143 c 3.981479,-1.94131 9.037372,-2.798631 13.425938,-1.747177"
+         id="path19082"
+         sodipodi:nodetypes="cc"
+         inkscape:transform-center-x="6.3285755"
+         inkscape:transform-center-y="1.3354378" />
+    </g>
+    <g
+       id="g9949"
+       style="display:none">
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="m 65.649049,31.680591 c 0.361279,6.014275 -16.599028,13.503824 -23.733609,22.325413 -3.899469,4.821518 -4.063617,14.16183 2.28392,15.470082"
+         id="path10277"
+         sodipodi:nodetypes="csc" />
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.54279;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-6);paint-order:stroke fill markers"
+         d="M 42.745642,53.011783 C 38.9848,55.587363 37.79208,61.25146 39.304807,64.411564"
+         id="path19092"
+         sodipodi:nodetypes="cc"
+         inkscape:transform-center-x="-2.4478083"
+         inkscape:transform-center-y="-5.17866" />
+      <g
+         id="g19090"
+         transform="matrix(1.7110999,0,0,1.5303902,-45.355532,52.079839)"
+         style="display:inline">
+        <text
+           xml:space="preserve"
+           style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           x="49.768463"
+           y="10.649764"
+           id="text19086"
+           transform="matrix(0.99960636,-0.0021636,0.00216529,1.0003891,0,0)"><tspan
+             sodipodi:role="line"
+             id="tspan19084"
+             style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
+             x="49.768463"
+             y="10.649764">2</tspan></text>
+        <circle
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           id="circle19088"
+           cx="-50.731476"
+           cy="-8.3328476"
+           r="1.2760839"
+           transform="rotate(-178.35508)" />
+      </g>
+    </g>
+  </g>
+</svg>
--- a/public/assets/numeric/n8_l2.svg
+++ b/public/assets/numeric/n8_l2.svg
@@ -0,0 +1,220 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="100mm"
+   height="100mm"
+   viewBox="0 0 100 100"
+   version="1.1"
+   id="svg5"
+   inkscape:export-filename="w8_l1.svg"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   sodipodi:docname="w0.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview7"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     showgrid="false"
+     showguides="true"
+     inkscape:zoom="1.4478969"
+     inkscape:cx="172.3189"
+     inkscape:cy="215.48496"
+     inkscape:window-width="1920"
+     inkscape:window-height="1011"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1">
+    <sodipodi:guide
+       position="50.044837,106.13694"
+       orientation="1,0"
+       id="guide61"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="30.151491,87.756667"
+       orientation="1,0"
+       id="guide65"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="34.933229,103.49635"
+       orientation="1,0"
+       id="guide67"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="117.31671,32.570302"
+       orientation="0,-1"
+       id="guide69"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="-33.075271,49.930251"
+       orientation="0,-1"
+       id="guide71"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="65.121878,12.99501"
+       orientation="1,0"
+       id="guide550"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="105.80432,67.655673"
+       orientation="0,-1"
+       id="guide343"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="105.07338,82.274578"
+       orientation="0,-1"
+       id="guide347"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="106.16979,17.585925"
+       orientation="0,-1"
+       id="guide349"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="70.170742,91.411393"
+       orientation="1,0"
+       id="guide351"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="49.521539,24.712641"
+       orientation="0,-1"
+       id="guide353"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="50.069748,74.965125"
+       orientation="0,-1"
+       id="guide355"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="57.561936,-11.83462"
+       orientation="1,0"
+       id="guide357"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="42.394823,-21.154172"
+       orientation="1,0"
+       id="guide359"
+       inkscape:locked="false" />
+  </sodipodi:namedview>
+  <defs
+     id="defs2">
+    <marker
+       style="overflow:visible"
+       id="Arrow2-6"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       inkscape:stockid="Arrow2"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       inkscape:isstock="true"
+       inkscape:collect="always"
+       preserveAspectRatio="xMidYMid">
+      <path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L-0" />
+    </marker>
+  </defs>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline">
+    <g
+       id="g9941"
+       style="display:none">
+      <path
+         style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="m 43.166082,69.337929 c 10.041865,3.581252 17.073324,1.419906 20.438237,-3.04324 4.133854,-5.483056 3.082465,-14.16368 -0.464163,-16.563446 C 50.571087,41.226602 40.896567,43.456551 39.353976,36.021404 35.612499,17.987819 63.766417,18.053818 65.60695,31.436214"
+         id="path127"
+         sodipodi:nodetypes="csssc" />
+      <g
+         id="g19076"
+         transform="matrix(1.2186431,0,0,1.0445256,4.9737543,4.7754049)"
+         style="display:inline">
+        <text
+           xml:space="preserve"
+           style="font-size:3.93397px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.197318;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           x="45.748825"
+           y="18.934566"
+           id="text19072"
+           transform="matrix(0.94966469,-0.00807366,0.00729318,1.0529412,0,0)"><tspan
+             sodipodi:role="line"
+             id="tspan19070"
+             style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.197318;stroke-dasharray:none;stroke-opacity:1"
+             x="45.748825"
+             y="18.934566">1</tspan></text>
+        <ellipse
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.19732;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           id="ellipse19074"
+           cx="-45.073257"
+           cy="-16.922338"
+           transform="matrix(-0.99966972,-0.02569916,0.02094013,-0.99978073,0,0)"
+           rx="1.708829"
+           ry="1.8929724" />
+      </g>
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.54279;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-6);paint-order:stroke fill markers"
+         d="m 43.023604,24.444143 c 3.981479,-1.94131 9.037372,-2.798631 13.425938,-1.747177"
+         id="path19082"
+         sodipodi:nodetypes="cc"
+         inkscape:transform-center-x="6.3285755"
+         inkscape:transform-center-y="1.3354378" />
+    </g>
+    <g
+       id="g9949"
+       style="display:inline">
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="m 65.649049,31.680591 c 0.361279,6.014275 -16.599028,13.503824 -23.733609,22.325413 -3.899469,4.821518 -4.063617,14.16183 2.28392,15.470082"
+         id="path10277"
+         sodipodi:nodetypes="csc" />
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.54279;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-6);paint-order:stroke fill markers"
+         d="M 42.745642,53.011783 C 38.9848,55.587363 37.79208,61.25146 39.304807,64.411564"
+         id="path19092"
+         sodipodi:nodetypes="cc"
+         inkscape:transform-center-x="-2.4478083"
+         inkscape:transform-center-y="-5.17866" />
+      <g
+         id="g19090"
+         transform="matrix(1.7110999,0,0,1.5303902,-45.355532,52.079839)"
+         style="display:inline">
+        <text
+           xml:space="preserve"
+           style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           x="49.768463"
+           y="10.649764"
+           id="text19086"
+           transform="matrix(0.99960636,-0.0021636,0.00216529,1.0003891,0,0)"><tspan
+             sodipodi:role="line"
+             id="tspan19084"
+             style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
+             x="49.768463"
+             y="10.649764">2</tspan></text>
+        <circle
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           id="circle19088"
+           cx="-50.731476"
+           cy="-8.3328476"
+           r="1.2760839"
+           transform="rotate(-178.35508)" />
+      </g>
+    </g>
+  </g>
+</svg>
--- a/public/assets/numeric/n9.svg
+++ b/public/assets/numeric/n9.svg
@@ -0,0 +1,218 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="100mm"
+   height="100mm"
+   viewBox="0 0 100 100"
+   version="1.1"
+   id="svg5"
+   inkscape:export-filename="w8_l2.svg"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   sodipodi:docname="n9.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview7"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     showgrid="false"
+     showguides="true"
+     inkscape:zoom="1.4478969"
+     inkscape:cx="172.3189"
+     inkscape:cy="215.48496"
+     inkscape:window-width="1920"
+     inkscape:window-height="1011"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1">
+    <sodipodi:guide
+       position="50.044837,106.13694"
+       orientation="1,0"
+       id="guide61"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="30.151491,87.756667"
+       orientation="1,0"
+       id="guide65"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="34.933229,103.49635"
+       orientation="1,0"
+       id="guide67"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="117.31671,32.570302"
+       orientation="0,-1"
+       id="guide69"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="-33.075271,49.930251"
+       orientation="0,-1"
+       id="guide71"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="65.121878,12.99501"
+       orientation="1,0"
+       id="guide550"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="105.80432,67.655673"
+       orientation="0,-1"
+       id="guide343"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="105.07338,82.274578"
+       orientation="0,-1"
+       id="guide347"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="106.16979,17.585925"
+       orientation="0,-1"
+       id="guide349"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="70.170742,91.411393"
+       orientation="1,0"
+       id="guide351"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="49.521539,24.712641"
+       orientation="0,-1"
+       id="guide353"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="50.069748,74.965125"
+       orientation="0,-1"
+       id="guide355"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="57.561936,-11.83462"
+       orientation="1,0"
+       id="guide357"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="42.394823,-21.154172"
+       orientation="1,0"
+       id="guide359"
+       inkscape:locked="false" />
+  </sodipodi:namedview>
+  <defs
+     id="defs2">
+    <marker
+       style="overflow:visible"
+       id="Arrow2-6"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       inkscape:stockid="Arrow2"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       inkscape:isstock="true"
+       inkscape:collect="always"
+       preserveAspectRatio="xMidYMid">
+      <path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L-2" />
+    </marker>
+  </defs>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline">
+    <g
+       id="g2733">
+      <path
+         style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="M 61.320139,35.938187 C 58.572907,23.057623 41.944671,28.366313 40.693618,39.889307 39.371875,52.0634 47.473584,60.824447 54.144476,50.502828 60.00805,41.430339 61.3926,36.149338 61.3926,36.149338"
+         id="path127"
+         sodipodi:nodetypes="cssc" />
+      <g
+         id="g19076"
+         transform="matrix(0.95197944,-0.18321878,0.17851821,0.92755594,11.362464,20.294433)"
+         style="display:inline">
+        <text
+           xml:space="preserve"
+           style="font-size:3.93397px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.197318;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           x="48.631275"
+           y="9.711072"
+           id="text19072"
+           transform="matrix(0.93107468,0.19207718,-0.20335779,1.0320758,0,0)"><tspan
+             sodipodi:role="line"
+             id="tspan19070"
+             style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.197318;stroke-dasharray:none;stroke-opacity:1"
+             x="48.631275"
+             y="9.711072">1</tspan></text>
+        <ellipse
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.197337;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           id="ellipse19074"
+           cx="-48.100395"
+           cy="-2.605973"
+           transform="matrix(-0.94597462,-0.32424067,0.30611958,-0.95199307,0,0)"
+           rx="1.7133685"
+           ry="1.8882798" />
+      </g>
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.400616;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-6);paint-order:stroke fill markers"
+         d="m 43.497576,32.608387 c 2.883663,-1.898869 6.75206,-3.236869 10.340556,-3.199642"
+         id="path19082"
+         sodipodi:nodetypes="cc"
+         inkscape:transform-center-x="4.7793359"
+         inkscape:transform-center-y="2.0008444" />
+    </g>
+    <g
+       id="g2802">
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="m 61.212006,79.358313 c 0.241585,-16.483557 0.298687,-38.321144 0.09913,-45.884667"
+         id="path10277"
+         sodipodi:nodetypes="cc" />
+      <g
+         id="g19090"
+         transform="matrix(1.2039578,0,0,1.2175428,0.8490144,22.177419)"
+         style="display:inline">
+        <text
+           xml:space="preserve"
+           style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           x="49.768463"
+           y="10.649764"
+           id="text19086"
+           transform="matrix(0.99960636,-0.0021636,0.00216529,1.0003891,0,0)"><tspan
+             sodipodi:role="line"
+             id="tspan19084"
+             style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
+             x="49.768463"
+             y="10.649764">2</tspan></text>
+        <circle
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           id="circle19088"
+           cx="-50.731476"
+           cy="-8.3328476"
+           r="1.2760839"
+           transform="rotate(-178.35508)" />
+      </g>
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.400616;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-6);paint-order:stroke fill markers"
+         d="M 61.840472,46.630573 C 61.853302,43.892443 61.6155,38.709824 61.678371,36.371032"
+         id="path19667"
+         sodipodi:nodetypes="cc"
+         inkscape:transform-center-x="0.072821416"
+         inkscape:transform-center-y="3.8615703" />
+    </g>
+  </g>
+</svg>
--- a/public/assets/numeric/n9_l1.svg
+++ b/public/assets/numeric/n9_l1.svg
@@ -0,0 +1,219 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="100mm"
+   height="100mm"
+   viewBox="0 0 100 100"
+   version="1.1"
+   id="svg5"
+   inkscape:export-filename="n9.svg"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   sodipodi:docname="n9.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview7"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     showgrid="false"
+     showguides="true"
+     inkscape:zoom="1.4478969"
+     inkscape:cx="172.3189"
+     inkscape:cy="215.48496"
+     inkscape:window-width="1920"
+     inkscape:window-height="1011"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1">
+    <sodipodi:guide
+       position="50.044837,106.13694"
+       orientation="1,0"
+       id="guide61"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="30.151491,87.756667"
+       orientation="1,0"
+       id="guide65"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="34.933229,103.49635"
+       orientation="1,0"
+       id="guide67"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="117.31671,32.570302"
+       orientation="0,-1"
+       id="guide69"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="-33.075271,49.930251"
+       orientation="0,-1"
+       id="guide71"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="65.121878,12.99501"
+       orientation="1,0"
+       id="guide550"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="105.80432,67.655673"
+       orientation="0,-1"
+       id="guide343"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="105.07338,82.274578"
+       orientation="0,-1"
+       id="guide347"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="106.16979,17.585925"
+       orientation="0,-1"
+       id="guide349"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="70.170742,91.411393"
+       orientation="1,0"
+       id="guide351"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="49.521539,24.712641"
+       orientation="0,-1"
+       id="guide353"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="50.069748,74.965125"
+       orientation="0,-1"
+       id="guide355"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="57.561936,-11.83462"
+       orientation="1,0"
+       id="guide357"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="42.394823,-21.154172"
+       orientation="1,0"
+       id="guide359"
+       inkscape:locked="false" />
+  </sodipodi:namedview>
+  <defs
+     id="defs2">
+    <marker
+       style="overflow:visible"
+       id="Arrow2-6"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       inkscape:stockid="Arrow2"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       inkscape:isstock="true"
+       inkscape:collect="always"
+       preserveAspectRatio="xMidYMid">
+      <path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L-2" />
+    </marker>
+  </defs>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline">
+    <g
+       id="g2733">
+      <path
+         style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="M 61.320139,35.938187 C 58.572907,23.057623 41.944671,28.366313 40.693618,39.889307 39.371875,52.0634 47.473584,60.824447 54.144476,50.502828 60.00805,41.430339 61.3926,36.149338 61.3926,36.149338"
+         id="path127"
+         sodipodi:nodetypes="cssc" />
+      <g
+         id="g19076"
+         transform="matrix(0.95197944,-0.18321878,0.17851821,0.92755594,11.362464,20.294433)"
+         style="display:inline">
+        <text
+           xml:space="preserve"
+           style="font-size:3.93397px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.197318;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           x="48.631275"
+           y="9.711072"
+           id="text19072"
+           transform="matrix(0.93107468,0.19207718,-0.20335779,1.0320758,0,0)"><tspan
+             sodipodi:role="line"
+             id="tspan19070"
+             style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.197318;stroke-dasharray:none;stroke-opacity:1"
+             x="48.631275"
+             y="9.711072">1</tspan></text>
+        <ellipse
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.197337;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           id="ellipse19074"
+           cx="-48.100395"
+           cy="-2.605973"
+           transform="matrix(-0.94597462,-0.32424067,0.30611958,-0.95199307,0,0)"
+           rx="1.7133685"
+           ry="1.8882798" />
+      </g>
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.400616;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-6);paint-order:stroke fill markers"
+         d="m 43.497576,32.608387 c 2.883663,-1.898869 6.75206,-3.236869 10.340556,-3.199642"
+         id="path19082"
+         sodipodi:nodetypes="cc"
+         inkscape:transform-center-x="4.7793359"
+         inkscape:transform-center-y="2.0008444" />
+    </g>
+    <g
+       id="g2802"
+       style="display:none">
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="m 61.212006,79.358313 c 0.241585,-16.483557 0.298687,-38.321144 0.09913,-45.884667"
+         id="path10277"
+         sodipodi:nodetypes="cc" />
+      <g
+         id="g19090"
+         transform="matrix(1.2039578,0,0,1.2175428,0.8490144,22.177419)"
+         style="display:inline">
+        <text
+           xml:space="preserve"
+           style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           x="49.768463"
+           y="10.649764"
+           id="text19086"
+           transform="matrix(0.99960636,-0.0021636,0.00216529,1.0003891,0,0)"><tspan
+             sodipodi:role="line"
+             id="tspan19084"
+             style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
+             x="49.768463"
+             y="10.649764">2</tspan></text>
+        <circle
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           id="circle19088"
+           cx="-50.731476"
+           cy="-8.3328476"
+           r="1.2760839"
+           transform="rotate(-178.35508)" />
+      </g>
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.400616;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-6);paint-order:stroke fill markers"
+         d="M 61.840472,46.630573 C 61.853302,43.892443 61.6155,38.709824 61.678371,36.371032"
+         id="path19667"
+         sodipodi:nodetypes="cc"
+         inkscape:transform-center-x="0.072821416"
+         inkscape:transform-center-y="3.8615703" />
+    </g>
+  </g>
+</svg>
--- a/public/assets/numeric/n9_l2.svg
+++ b/public/assets/numeric/n9_l2.svg
@@ -0,0 +1,220 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="100mm"
+   height="100mm"
+   viewBox="0 0 100 100"
+   version="1.1"
+   id="svg5"
+   inkscape:export-filename="n9_l1.svg"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   sodipodi:docname="n9.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview7"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     showgrid="false"
+     showguides="true"
+     inkscape:zoom="1.4478969"
+     inkscape:cx="172.3189"
+     inkscape:cy="215.48496"
+     inkscape:window-width="1920"
+     inkscape:window-height="1011"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1">
+    <sodipodi:guide
+       position="50.044837,106.13694"
+       orientation="1,0"
+       id="guide61"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="30.151491,87.756667"
+       orientation="1,0"
+       id="guide65"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="34.933229,103.49635"
+       orientation="1,0"
+       id="guide67"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="117.31671,32.570302"
+       orientation="0,-1"
+       id="guide69"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="-33.075271,49.930251"
+       orientation="0,-1"
+       id="guide71"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="65.121878,12.99501"
+       orientation="1,0"
+       id="guide550"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="105.80432,67.655673"
+       orientation="0,-1"
+       id="guide343"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="105.07338,82.274578"
+       orientation="0,-1"
+       id="guide347"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="106.16979,17.585925"
+       orientation="0,-1"
+       id="guide349"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="70.170742,91.411393"
+       orientation="1,0"
+       id="guide351"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="49.521539,24.712641"
+       orientation="0,-1"
+       id="guide353"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="50.069748,74.965125"
+       orientation="0,-1"
+       id="guide355"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="57.561936,-11.83462"
+       orientation="1,0"
+       id="guide357"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="42.394823,-21.154172"
+       orientation="1,0"
+       id="guide359"
+       inkscape:locked="false" />
+  </sodipodi:namedview>
+  <defs
+     id="defs2">
+    <marker
+       style="overflow:visible"
+       id="Arrow2-6"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       inkscape:stockid="Arrow2"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       inkscape:isstock="true"
+       inkscape:collect="always"
+       preserveAspectRatio="xMidYMid">
+      <path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L-2" />
+    </marker>
+  </defs>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline">
+    <g
+       id="g2733"
+       style="display:none">
+      <path
+         style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="M 61.320139,35.938187 C 58.572907,23.057623 41.944671,28.366313 40.693618,39.889307 39.371875,52.0634 47.473584,60.824447 54.144476,50.502828 60.00805,41.430339 61.3926,36.149338 61.3926,36.149338"
+         id="path127"
+         sodipodi:nodetypes="cssc" />
+      <g
+         id="g19076"
+         transform="matrix(0.95197944,-0.18321878,0.17851821,0.92755594,11.362464,20.294433)"
+         style="display:inline">
+        <text
+           xml:space="preserve"
+           style="font-size:3.93397px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.197318;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           x="48.631275"
+           y="9.711072"
+           id="text19072"
+           transform="matrix(0.93107468,0.19207718,-0.20335779,1.0320758,0,0)"><tspan
+             sodipodi:role="line"
+             id="tspan19070"
+             style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.197318;stroke-dasharray:none;stroke-opacity:1"
+             x="48.631275"
+             y="9.711072">1</tspan></text>
+        <ellipse
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.197337;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           id="ellipse19074"
+           cx="-48.100395"
+           cy="-2.605973"
+           transform="matrix(-0.94597462,-0.32424067,0.30611958,-0.95199307,0,0)"
+           rx="1.7133685"
+           ry="1.8882798" />
+      </g>
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.400616;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-6);paint-order:stroke fill markers"
+         d="m 43.497576,32.608387 c 2.883663,-1.898869 6.75206,-3.236869 10.340556,-3.199642"
+         id="path19082"
+         sodipodi:nodetypes="cc"
+         inkscape:transform-center-x="4.7793359"
+         inkscape:transform-center-y="2.0008444" />
+    </g>
+    <g
+       id="g2802"
+       style="display:inline">
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="m 61.212006,79.358313 c 0.241585,-16.483557 0.298687,-38.321144 0.09913,-45.884667"
+         id="path10277"
+         sodipodi:nodetypes="cc" />
+      <g
+         id="g19090"
+         transform="matrix(1.2039578,0,0,1.2175428,0.8490144,22.177419)"
+         style="display:inline">
+        <text
+           xml:space="preserve"
+           style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           x="49.768463"
+           y="10.649764"
+           id="text19086"
+           transform="matrix(0.99960636,-0.0021636,0.00216529,1.0003891,0,0)"><tspan
+             sodipodi:role="line"
+             id="tspan19084"
+             style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
+             x="49.768463"
+             y="10.649764">2</tspan></text>
+        <circle
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           id="circle19088"
+           cx="-50.731476"
+           cy="-8.3328476"
+           r="1.2760839"
+           transform="rotate(-178.35508)" />
+      </g>
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.400616;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-6);paint-order:stroke fill markers"
+         d="M 61.840472,46.630573 C 61.853302,43.892443 61.6155,38.709824 61.678371,36.371032"
+         id="path19667"
+         sodipodi:nodetypes="cc"
+         inkscape:transform-center-x="0.072821416"
+         inkscape:transform-center-y="3.8615703" />
+    </g>
+  </g>
+</svg>
--- a/public/assets/pencil.png
+++ b/public/assets/pencil.png
--- a/public/assets/small-letter/as.svg
+++ b/public/assets/small-letter/as.svg
@@ -0,0 +1,382 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="100mm"
+   height="100mm"
+   viewBox="0 0 100 100"
+   version="1.1"
+   id="svg5"
+   sodipodi:docname="as.svg"
+   inkscape:export-filename="as_l2.svg"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview51242"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     showgrid="false"
+     showguides="true">
+    <sodipodi:guide
+       position="107.64909,49.99107"
+       orientation="0,-1"
+       id="guide51373"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="114.63086,74.995535"
+       orientation="0,-1"
+       id="guide51375"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="69.817661,104.871"
+       orientation="1,0"
+       id="guide51377"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="49.846563,90.7451"
+       orientation="1,0"
+       id="guide51379"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="30.037831,109.742"
+       orientation="1,0"
+       id="guide51381"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="114.14376,25.148972"
+       orientation="0,-1"
+       id="guide51383"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="121.77499,67.526669"
+       orientation="0,-1"
+       id="guide51385"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="-62.511162,32.455471"
+       orientation="0,-1"
+       id="guide51387"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="79.722027,92.531133"
+       orientation="0,-1"
+       id="guide51389"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="75.500494,7.6133734"
+       orientation="0,-1"
+       id="guide51391"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="62.674703,108.2319"
+       orientation="1,0"
+       id="guide53858"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="37.604822,110.66405"
+       orientation="1,0"
+       id="guide53860"
+       inkscape:locked="false" />
+  </sodipodi:namedview>
+  <defs
+     id="defs2">
+    <marker
+       style="overflow:visible"
+       id="Arrow2"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       preserveAspectRatio="xMidYMid">
+      <path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="Arrow2-3"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       preserveAspectRatio="xMidYMid">
+      <path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L-6" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="Arrow2-1"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       preserveAspectRatio="xMidYMid">
+      <path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L-9" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="Arrow2-3-6"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       preserveAspectRatio="xMidYMid">
+      <path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L-6-9" />
+    </marker>
+  </defs>
+  <path
+     style="fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
+     id="path4236"
+     d="m 57.545679,57.944683 a 13.298772,14.04826 0 0 1 -15.662412,5.225054 13.298772,14.04826 0 0 1 -8.521749,-14.832582 13.298772,14.04826 0 0 1 11.61793,-12.264703 13.298772,14.04826 0 0 1 14.035699,9.01167" />
+  <g
+     id="g2108"
+     transform="matrix(1.2458258,0,0,1.0736135,-7.442041,19.159715)"
+     style="display:inline">
+    <text
+       xml:space="preserve"
+       style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+       x="48.182404"
+       y="19.336451"
+       id="text9342-7"
+       transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
+         id="tspan9340-5"
+         style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
+         x="48.182404"
+         y="19.336451">1</tspan></text>
+    <circle
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+       id="path9448-3"
+       cx="-49.550514"
+       cy="-16.824097"
+       r="1.2760839"
+       transform="rotate(-178.67073)" />
+  </g>
+  <path
+     style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.354143;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3);paint-order:stroke fill markers"
+     d="m 43.611166,36.319847 c 3.385947,-1.005228 6.196104,-0.363629 8.281444,1.139168"
+     id="path13743-5" />
+  <g
+     id="g53964">
+    <path
+       style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="m 59.221664,62.935349 c -0.02582,-1.941847 0.120219,-25.457812 0.120219,-25.457812"
+       id="path1236" />
+    <g
+       id="g1244"
+       transform="matrix(0.98128129,-0.62309374,0.66463963,0.91994251,-5.6318659,64.196217)"
+       style="display:inline;stroke-width:0.115976;stroke-dasharray:none">
+      <text
+         xml:space="preserve"
+         style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.115976;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="54.113926"
+         y="-23.497944"
+         id="text1240"
+         transform="matrix(0.828845,0.5587786,-0.55921616,0.82949403,0,0)"><tspan
+           id="tspan1238"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.115976;stroke-dasharray:none;stroke-opacity:1"
+           x="54.113926"
+           y="-23.497944">2</tspan></text>
+      <circle
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.115976;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="circle1242"
+         cx="-54.018658"
+         cy="25.946033"
+         r="1.2760839"
+         transform="rotate(-144.24458)" />
+    </g>
+    <path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.385954;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
+       d="m 59.285554,50.780998 c -0.01137,-2.314654 -0.02078,-11.224139 -0.02078,-11.224139"
+       id="path1246" />
+  </g>
+  <g
+     id="layer1"
+     style="display:none"
+     transform="translate(-8.3137563,-5.3274732)"
+     sodipodi:insensitive="true">
+    <g
+       id="g925"
+       style="display:none">
+      <path
+         style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="M 26.230399,9.296406 C 25.975464,8.1571602 26.129673,76.177325 26.129673,76.177325"
+         id="path127" />
+      <text
+         xml:space="preserve"
+         style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="24.886662"
+         y="20.667381"
+         id="text9342"
+         transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
+           id="tspan9340"
+           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
+           x="24.886662"
+           y="20.667381">1</tspan></text>
+      <circle
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="path9448"
+         cx="-26.316095"
+         cy="-18.873741"
+         r="1.2760839"
+         transform="rotate(-178.67073)" />
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-1);paint-order:stroke fill markers"
+         d="m 25.87537,31.624035 c -0.01675,-2.146498 -0.007,-10.408471 -0.007,-10.408471"
+         id="path13743" />
+    </g>
+    <g
+       id="g993"
+       style="display:none">
+      <path
+         style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="M 26.247474,9.2266727 66.651189,76.300324"
+         id="path1108" />
+      <path
+         style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.489119;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-1);paint-order:normal"
+         d="M 32.918443,20.131469 28.042266,11.663037"
+         id="path9576" />
+      <ellipse
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.142347;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+         id="circle9582"
+         cx="-12.740498"
+         cy="25.719242"
+         transform="matrix(-0.10482327,-0.99449087,0.99627769,-0.08620189,0,0)"
+         rx="1.2555509"
+         ry="1.3407919" />
+      <text
+         xml:space="preserve"
+         style="font-size:2.31839px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.142334;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+         x="24.872412"
+         y="12.578706"
+         id="text9714"
+         transform="matrix(1.0324615,-0.03671877,0.05488879,0.96660705,0,0)"><tspan
+           id="tspan9712"
+           style="stroke:#f9f6f6;stroke-width:0.142334;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
+           x="24.872412"
+           y="12.578706">3</tspan></text>
+    </g>
+    <g
+       id="g2750"
+       style="display:none">
+      <path
+         style="display:inline;fill:#000000;fill-opacity:1;stroke:#e10079;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="M 49.991348,41.79989 74.535166,9.6531683"
+         id="path1106" />
+      <path
+         style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-1);paint-order:stroke fill markers"
+         d="m 64.440061,21.83391 6.514261,-7.767476"
+         id="path9586" />
+      <circle
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="circle9592"
+         cx="-11.461075"
+         cy="72.321915"
+         r="1.2760839"
+         transform="rotate(-88.91827)" />
+      <text
+         xml:space="preserve"
+         style="font-size:2.67135px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.117792;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="71.226562"
+         y="13.74966"
+         id="text9761"><tspan
+           id="tspan9759"
+           style="stroke-width:0.117792"
+           x="71.226562"
+           y="13.74966">4</tspan></text>
+    </g>
+    <path
+       style="display:inline;fill:#009e40;fill-opacity:1;fill-rule:nonzero;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="m 42.768884,67.991033 c -0.03846,-3.805681 0.179081,-49.892837 0.179081,-49.892837"
+       id="path1236-3" />
+    <path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-1);paint-order:stroke fill markers"
+       d="m 43.118963,32.257903 c -0.02456,-2.146424 -0.04485,-10.408377 -0.04485,-10.408377"
+       id="path1246-3" />
+    <g
+       id="g2746"
+       transform="matrix(1.4072602,0,0,1.4072602,-26.19924,-6.3463442)"
+       style="display:inline">
+      <text
+         xml:space="preserve"
+         style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="48.182404"
+         y="19.336451"
+         id="text2742"
+         transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
+           id="tspan2740"
+           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
+           x="48.182404"
+           y="19.336451">1</tspan></text>
+      <circle
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="circle2744"
+         cx="-49.550514"
+         cy="-16.824097"
+         r="1.2760839"
+         transform="rotate(-178.67073)" />
+    </g>
+    <path
+       style="display:inline;fill:none;fill-opacity:1;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
+       id="path4236-8"
+       d="m -43.805487,62.597471 a 9.6358433,13.392075 0 0 1 -11.348457,4.980996 9.6358433,13.392075 0 0 1 -6.174574,-14.139763 9.6358433,13.392075 0 0 1 8.417961,-11.691825 9.6358433,13.392075 0 0 1 10.169797,8.59074"
+       transform="scale(-1,1)" />
+    <path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3-6);paint-order:stroke fill markers"
+       d="m 58.664079,46.191904 c -2.717908,-3.338851 -6.106712,-4.10867 -9.409664,-3.287785"
+       id="path13743-5-0" />
+    <g
+       id="g1244-5"
+       transform="matrix(1.3919656,-0.90209595,0.9428036,1.3318644,-48.437507,85.802315)"
+       style="display:inline">
+      <text
+         xml:space="preserve"
+         style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="55.705479"
+         y="-25.081388"
+         id="text1240-6"
+         transform="matrix(0.828845,0.5587786,-0.55921616,0.82949403,0,0)"><tspan
+           id="tspan1238-6"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
+           x="55.705479"
+           y="-25.081388">2</tspan></text>
+      <circle
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="circle1242-4"
+         cx="-55.559937"
+         cy="27.578447"
+         r="1.2760839"
+         transform="rotate(-144.24458)" />
+    </g>
+  </g>
+</svg>
--- a/public/assets/small-letter/as_l1.svg
+++ b/public/assets/small-letter/as_l1.svg
@@ -0,0 +1,383 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="100mm"
+   height="100mm"
+   viewBox="0 0 100 100"
+   version="1.1"
+   id="svg5"
+   sodipodi:docname="as.svg"
+   inkscape:export-filename="as.svg"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview51242"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     showgrid="false"
+     showguides="true">
+    <sodipodi:guide
+       position="107.64909,49.99107"
+       orientation="0,-1"
+       id="guide51373"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="114.63086,74.995535"
+       orientation="0,-1"
+       id="guide51375"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="69.817661,104.871"
+       orientation="1,0"
+       id="guide51377"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="49.846563,90.7451"
+       orientation="1,0"
+       id="guide51379"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="30.037831,109.742"
+       orientation="1,0"
+       id="guide51381"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="114.14376,25.148972"
+       orientation="0,-1"
+       id="guide51383"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="121.77499,67.526669"
+       orientation="0,-1"
+       id="guide51385"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="-62.511162,32.455471"
+       orientation="0,-1"
+       id="guide51387"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="79.722027,92.531133"
+       orientation="0,-1"
+       id="guide51389"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="75.500494,7.6133734"
+       orientation="0,-1"
+       id="guide51391"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="62.674703,108.2319"
+       orientation="1,0"
+       id="guide53858"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="37.604822,110.66405"
+       orientation="1,0"
+       id="guide53860"
+       inkscape:locked="false" />
+  </sodipodi:namedview>
+  <defs
+     id="defs2">
+    <marker
+       style="overflow:visible"
+       id="Arrow2"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       preserveAspectRatio="xMidYMid">
+      <path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="Arrow2-3"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       preserveAspectRatio="xMidYMid">
+      <path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L-6" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="Arrow2-1"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       preserveAspectRatio="xMidYMid">
+      <path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L-9" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="Arrow2-3-6"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       preserveAspectRatio="xMidYMid">
+      <path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L-6-9" />
+    </marker>
+  </defs>
+  <path
+     style="fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
+     id="path4236"
+     d="m 57.545679,57.944683 a 13.298772,14.04826 0 0 1 -15.662412,5.225054 13.298772,14.04826 0 0 1 -8.521749,-14.832582 13.298772,14.04826 0 0 1 11.61793,-12.264703 13.298772,14.04826 0 0 1 14.035699,9.01167" />
+  <g
+     id="g2108"
+     transform="matrix(1.2458258,0,0,1.0736135,-7.442041,19.159715)"
+     style="display:inline">
+    <text
+       xml:space="preserve"
+       style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+       x="48.182404"
+       y="19.336451"
+       id="text9342-7"
+       transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
+         id="tspan9340-5"
+         style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
+         x="48.182404"
+         y="19.336451">1</tspan></text>
+    <circle
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+       id="path9448-3"
+       cx="-49.550514"
+       cy="-16.824097"
+       r="1.2760839"
+       transform="rotate(-178.67073)" />
+  </g>
+  <path
+     style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.354143;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3);paint-order:stroke fill markers"
+     d="m 43.611166,36.319847 c 3.385947,-1.005228 6.196104,-0.363629 8.281444,1.139168"
+     id="path13743-5" />
+  <g
+     id="g53964"
+     style="display:none">
+    <path
+       style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="m 59.221664,62.935349 c -0.02582,-1.941847 0.120219,-25.457812 0.120219,-25.457812"
+       id="path1236" />
+    <g
+       id="g1244"
+       transform="matrix(0.98128129,-0.62309374,0.66463963,0.91994251,-5.6318659,64.196217)"
+       style="display:inline;stroke-width:0.115976;stroke-dasharray:none">
+      <text
+         xml:space="preserve"
+         style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.115976;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="54.113926"
+         y="-23.497944"
+         id="text1240"
+         transform="matrix(0.828845,0.5587786,-0.55921616,0.82949403,0,0)"><tspan
+           id="tspan1238"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.115976;stroke-dasharray:none;stroke-opacity:1"
+           x="54.113926"
+           y="-23.497944">2</tspan></text>
+      <circle
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.115976;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="circle1242"
+         cx="-54.018658"
+         cy="25.946033"
+         r="1.2760839"
+         transform="rotate(-144.24458)" />
+    </g>
+    <path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.385954;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
+       d="m 59.285554,50.780998 c -0.01137,-2.314654 -0.02078,-11.224139 -0.02078,-11.224139"
+       id="path1246" />
+  </g>
+  <g
+     id="layer1"
+     style="display:none"
+     transform="translate(-8.3137563,-5.3274732)"
+     sodipodi:insensitive="true">
+    <g
+       id="g925"
+       style="display:none">
+      <path
+         style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="M 26.230399,9.296406 C 25.975464,8.1571602 26.129673,76.177325 26.129673,76.177325"
+         id="path127" />
+      <text
+         xml:space="preserve"
+         style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="24.886662"
+         y="20.667381"
+         id="text9342"
+         transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
+           id="tspan9340"
+           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
+           x="24.886662"
+           y="20.667381">1</tspan></text>
+      <circle
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="path9448"
+         cx="-26.316095"
+         cy="-18.873741"
+         r="1.2760839"
+         transform="rotate(-178.67073)" />
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-1);paint-order:stroke fill markers"
+         d="m 25.87537,31.624035 c -0.01675,-2.146498 -0.007,-10.408471 -0.007,-10.408471"
+         id="path13743" />
+    </g>
+    <g
+       id="g993"
+       style="display:none">
+      <path
+         style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="M 26.247474,9.2266727 66.651189,76.300324"
+         id="path1108" />
+      <path
+         style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.489119;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-1);paint-order:normal"
+         d="M 32.918443,20.131469 28.042266,11.663037"
+         id="path9576" />
+      <ellipse
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.142347;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+         id="circle9582"
+         cx="-12.740498"
+         cy="25.719242"
+         transform="matrix(-0.10482327,-0.99449087,0.99627769,-0.08620189,0,0)"
+         rx="1.2555509"
+         ry="1.3407919" />
+      <text
+         xml:space="preserve"
+         style="font-size:2.31839px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.142334;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+         x="24.872412"
+         y="12.578706"
+         id="text9714"
+         transform="matrix(1.0324615,-0.03671877,0.05488879,0.96660705,0,0)"><tspan
+           id="tspan9712"
+           style="stroke:#f9f6f6;stroke-width:0.142334;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
+           x="24.872412"
+           y="12.578706">3</tspan></text>
+    </g>
+    <g
+       id="g2750"
+       style="display:none">
+      <path
+         style="display:inline;fill:#000000;fill-opacity:1;stroke:#e10079;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="M 49.991348,41.79989 74.535166,9.6531683"
+         id="path1106" />
+      <path
+         style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-1);paint-order:stroke fill markers"
+         d="m 64.440061,21.83391 6.514261,-7.767476"
+         id="path9586" />
+      <circle
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="circle9592"
+         cx="-11.461075"
+         cy="72.321915"
+         r="1.2760839"
+         transform="rotate(-88.91827)" />
+      <text
+         xml:space="preserve"
+         style="font-size:2.67135px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.117792;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="71.226562"
+         y="13.74966"
+         id="text9761"><tspan
+           id="tspan9759"
+           style="stroke-width:0.117792"
+           x="71.226562"
+           y="13.74966">4</tspan></text>
+    </g>
+    <path
+       style="display:inline;fill:#009e40;fill-opacity:1;fill-rule:nonzero;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="m 42.768884,67.991033 c -0.03846,-3.805681 0.179081,-49.892837 0.179081,-49.892837"
+       id="path1236-3" />
+    <path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-1);paint-order:stroke fill markers"
+       d="m 43.118963,32.257903 c -0.02456,-2.146424 -0.04485,-10.408377 -0.04485,-10.408377"
+       id="path1246-3" />
+    <g
+       id="g2746"
+       transform="matrix(1.4072602,0,0,1.4072602,-26.19924,-6.3463442)"
+       style="display:inline">
+      <text
+         xml:space="preserve"
+         style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="48.182404"
+         y="19.336451"
+         id="text2742"
+         transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
+           id="tspan2740"
+           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
+           x="48.182404"
+           y="19.336451">1</tspan></text>
+      <circle
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="circle2744"
+         cx="-49.550514"
+         cy="-16.824097"
+         r="1.2760839"
+         transform="rotate(-178.67073)" />
+    </g>
+    <path
+       style="display:inline;fill:none;fill-opacity:1;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
+       id="path4236-8"
+       d="m -43.805487,62.597471 a 9.6358433,13.392075 0 0 1 -11.348457,4.980996 9.6358433,13.392075 0 0 1 -6.174574,-14.139763 9.6358433,13.392075 0 0 1 8.417961,-11.691825 9.6358433,13.392075 0 0 1 10.169797,8.59074"
+       transform="scale(-1,1)" />
+    <path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3-6);paint-order:stroke fill markers"
+       d="m 58.664079,46.191904 c -2.717908,-3.338851 -6.106712,-4.10867 -9.409664,-3.287785"
+       id="path13743-5-0" />
+    <g
+       id="g1244-5"
+       transform="matrix(1.3919656,-0.90209595,0.9428036,1.3318644,-48.437507,85.802315)"
+       style="display:inline">
+      <text
+         xml:space="preserve"
+         style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="55.705479"
+         y="-25.081388"
+         id="text1240-6"
+         transform="matrix(0.828845,0.5587786,-0.55921616,0.82949403,0,0)"><tspan
+           id="tspan1238-6"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
+           x="55.705479"
+           y="-25.081388">2</tspan></text>
+      <circle
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="circle1242-4"
+         cx="-55.559937"
+         cy="27.578447"
+         r="1.2760839"
+         transform="rotate(-144.24458)" />
+    </g>
+  </g>
+</svg>
--- a/public/assets/small-letter/as_l2.svg
+++ b/public/assets/small-letter/as_l2.svg
@@ -0,0 +1,383 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="100mm"
+   height="100mm"
+   viewBox="0 0 100 100"
+   version="1.1"
+   id="svg5"
+   sodipodi:docname="as.svg"
+   inkscape:export-filename="as_l2.svg"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview51242"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     showgrid="false"
+     showguides="true">
+    <sodipodi:guide
+       position="107.64909,49.99107"
+       orientation="0,-1"
+       id="guide51373"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="114.63086,74.995535"
+       orientation="0,-1"
+       id="guide51375"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="69.817661,104.871"
+       orientation="1,0"
+       id="guide51377"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="49.846563,90.7451"
+       orientation="1,0"
+       id="guide51379"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="30.037831,109.742"
+       orientation="1,0"
+       id="guide51381"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="114.14376,25.148972"
+       orientation="0,-1"
+       id="guide51383"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="121.77499,67.526669"
+       orientation="0,-1"
+       id="guide51385"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="-62.511162,32.455471"
+       orientation="0,-1"
+       id="guide51387"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="79.722027,92.531133"
+       orientation="0,-1"
+       id="guide51389"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="75.500494,7.6133734"
+       orientation="0,-1"
+       id="guide51391"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="62.674703,108.2319"
+       orientation="1,0"
+       id="guide53858"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="37.604822,110.66405"
+       orientation="1,0"
+       id="guide53860"
+       inkscape:locked="false" />
+  </sodipodi:namedview>
+  <defs
+     id="defs2">
+    <marker
+       style="overflow:visible"
+       id="Arrow2"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       preserveAspectRatio="xMidYMid">
+      <path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="Arrow2-3"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       preserveAspectRatio="xMidYMid">
+      <path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L-6" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="Arrow2-1"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       preserveAspectRatio="xMidYMid">
+      <path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L-9" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="Arrow2-3-6"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       preserveAspectRatio="xMidYMid">
+      <path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L-6-9" />
+    </marker>
+  </defs>
+  <path
+     style="display:none;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
+     id="path4236"
+     d="m 57.545679,57.944683 a 13.298772,14.04826 0 0 1 -15.662412,5.225054 13.298772,14.04826 0 0 1 -8.521749,-14.832582 13.298772,14.04826 0 0 1 11.61793,-12.264703 13.298772,14.04826 0 0 1 14.035699,9.01167" />
+  <g
+     id="g2108"
+     transform="matrix(1.2458258,0,0,1.0736135,-7.442041,19.159715)"
+     style="display:none">
+    <text
+       xml:space="preserve"
+       style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+       x="48.182404"
+       y="19.336451"
+       id="text9342-7"
+       transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
+         id="tspan9340-5"
+         style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
+         x="48.182404"
+         y="19.336451">1</tspan></text>
+    <circle
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+       id="path9448-3"
+       cx="-49.550514"
+       cy="-16.824097"
+       r="1.2760839"
+       transform="rotate(-178.67073)" />
+  </g>
+  <path
+     style="display:none;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.354143;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3);paint-order:stroke fill markers"
+     d="m 46.978762,37.816556 c 3.385947,-1.005228 6.196104,-0.363629 8.281444,1.139168"
+     id="path13743-5" />
+  <g
+     id="g53964"
+     style="display:inline">
+    <path
+       style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="m 59.221664,62.935349 c -0.02582,-1.941847 0.120219,-25.457812 0.120219,-25.457812"
+       id="path1236" />
+    <g
+       id="g1244"
+       transform="matrix(0.98128129,-0.62309374,0.66463963,0.91994251,-5.6318659,64.196217)"
+       style="display:inline;stroke-width:0.115976;stroke-dasharray:none">
+      <text
+         xml:space="preserve"
+         style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.115976;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="54.113926"
+         y="-23.497944"
+         id="text1240"
+         transform="matrix(0.828845,0.5587786,-0.55921616,0.82949403,0,0)"><tspan
+           id="tspan1238"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.115976;stroke-dasharray:none;stroke-opacity:1"
+           x="54.113926"
+           y="-23.497944">2</tspan></text>
+      <circle
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.115976;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="circle1242"
+         cx="-54.018658"
+         cy="25.946033"
+         r="1.2760839"
+         transform="rotate(-144.24458)" />
+    </g>
+    <path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.385954;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
+       d="m 59.285554,50.780998 c -0.01137,-2.314654 -0.02078,-11.224139 -0.02078,-11.224139"
+       id="path1246" />
+  </g>
+  <g
+     id="layer1"
+     style="display:none"
+     transform="translate(-8.3137563,-5.3274732)"
+     sodipodi:insensitive="true">
+    <g
+       id="g925"
+       style="display:none">
+      <path
+         style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="M 26.230399,9.296406 C 25.975464,8.1571602 26.129673,76.177325 26.129673,76.177325"
+         id="path127" />
+      <text
+         xml:space="preserve"
+         style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="24.886662"
+         y="20.667381"
+         id="text9342"
+         transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
+           id="tspan9340"
+           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
+           x="24.886662"
+           y="20.667381">1</tspan></text>
+      <circle
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="path9448"
+         cx="-26.316095"
+         cy="-18.873741"
+         r="1.2760839"
+         transform="rotate(-178.67073)" />
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-1);paint-order:stroke fill markers"
+         d="m 25.87537,31.624035 c -0.01675,-2.146498 -0.007,-10.408471 -0.007,-10.408471"
+         id="path13743" />
+    </g>
+    <g
+       id="g993"
+       style="display:none">
+      <path
+         style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="M 26.247474,9.2266727 66.651189,76.300324"
+         id="path1108" />
+      <path
+         style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.489119;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-1);paint-order:normal"
+         d="M 32.918443,20.131469 28.042266,11.663037"
+         id="path9576" />
+      <ellipse
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.142347;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+         id="circle9582"
+         cx="-12.740498"
+         cy="25.719242"
+         transform="matrix(-0.10482327,-0.99449087,0.99627769,-0.08620189,0,0)"
+         rx="1.2555509"
+         ry="1.3407919" />
+      <text
+         xml:space="preserve"
+         style="font-size:2.31839px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.142334;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+         x="24.872412"
+         y="12.578706"
+         id="text9714"
+         transform="matrix(1.0324615,-0.03671877,0.05488879,0.96660705,0,0)"><tspan
+           id="tspan9712"
+           style="stroke:#f9f6f6;stroke-width:0.142334;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
+           x="24.872412"
+           y="12.578706">3</tspan></text>
+    </g>
+    <g
+       id="g2750"
+       style="display:none">
+      <path
+         style="display:inline;fill:#000000;fill-opacity:1;stroke:#e10079;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="M 49.991348,41.79989 74.535166,9.6531683"
+         id="path1106" />
+      <path
+         style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-1);paint-order:stroke fill markers"
+         d="m 64.440061,21.83391 6.514261,-7.767476"
+         id="path9586" />
+      <circle
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="circle9592"
+         cx="-11.461075"
+         cy="72.321915"
+         r="1.2760839"
+         transform="rotate(-88.91827)" />
+      <text
+         xml:space="preserve"
+         style="font-size:2.67135px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.117792;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="71.226562"
+         y="13.74966"
+         id="text9761"><tspan
+           id="tspan9759"
+           style="stroke-width:0.117792"
+           x="71.226562"
+           y="13.74966">4</tspan></text>
+    </g>
+    <path
+       style="display:inline;fill:#009e40;fill-opacity:1;fill-rule:nonzero;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="m 42.768884,67.991033 c -0.03846,-3.805681 0.179081,-49.892837 0.179081,-49.892837"
+       id="path1236-3" />
+    <path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-1);paint-order:stroke fill markers"
+       d="m 43.118963,32.257903 c -0.02456,-2.146424 -0.04485,-10.408377 -0.04485,-10.408377"
+       id="path1246-3" />
+    <g
+       id="g2746"
+       transform="matrix(1.4072602,0,0,1.4072602,-26.19924,-6.3463442)"
+       style="display:inline">
+      <text
+         xml:space="preserve"
+         style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="48.182404"
+         y="19.336451"
+         id="text2742"
+         transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
+           id="tspan2740"
+           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
+           x="48.182404"
+           y="19.336451">1</tspan></text>
+      <circle
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="circle2744"
+         cx="-49.550514"
+         cy="-16.824097"
+         r="1.2760839"
+         transform="rotate(-178.67073)" />
+    </g>
+    <path
+       style="display:inline;fill:none;fill-opacity:1;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
+       id="path4236-8"
+       d="m -43.805487,62.597471 a 9.6358433,13.392075 0 0 1 -11.348457,4.980996 9.6358433,13.392075 0 0 1 -6.174574,-14.139763 9.6358433,13.392075 0 0 1 8.417961,-11.691825 9.6358433,13.392075 0 0 1 10.169797,8.59074"
+       transform="scale(-1,1)" />
+    <path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3-6);paint-order:stroke fill markers"
+       d="m 58.664079,46.191904 c -2.717908,-3.338851 -6.106712,-4.10867 -9.409664,-3.287785"
+       id="path13743-5-0" />
+    <g
+       id="g1244-5"
+       transform="matrix(1.3919656,-0.90209595,0.9428036,1.3318644,-48.437507,85.802315)"
+       style="display:inline">
+      <text
+         xml:space="preserve"
+         style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="55.705479"
+         y="-25.081388"
+         id="text1240-6"
+         transform="matrix(0.828845,0.5587786,-0.55921616,0.82949403,0,0)"><tspan
+           id="tspan1238-6"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
+           x="55.705479"
+           y="-25.081388">2</tspan></text>
+      <circle
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="circle1242-4"
+         cx="-55.559937"
+         cy="27.578447"
+         r="1.2760839"
+         transform="rotate(-144.24458)" />
+    </g>
+  </g>
+</svg>
--- a/public/assets/small-letter/bs.svg
+++ b/public/assets/small-letter/bs.svg
@@ -0,0 +1,109 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="100mm"
+   height="100mm"
+   viewBox="0 0 100 100"
+   version="1.1"
+   id="svg5"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs2">
+    <marker
+       style="overflow:visible"
+       id="Arrow2-1-7"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       preserveAspectRatio="xMidYMid">
+      <path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L-9-9" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="Arrow2-3-6-2"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       preserveAspectRatio="xMidYMid">
+      <path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L-6-9-0" />
+    </marker>
+  </defs>
+  <path
+     style="display:inline;fill:#009e40;fill-opacity:1;fill-rule:nonzero;stroke:#009e40;stroke-width:7.047;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+     d="m 33.49094,71.100673 c -0.03821,-4.62453 0.177952,-60.628037 0.177952,-60.628037"
+     id="path1236-3" />
+  <path
+     style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.480829;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-1-7);paint-order:stroke fill markers"
+     d="M 33.846126,34.230178 C 33.821526,32.089494 33.801206,23.84963 33.801206,23.84963"
+     id="path1246-3" />
+  <g
+     id="g2746-62"
+     transform="matrix(1.409452,0,0,1.4034978,-35.734447,-4.457449)"
+     style="display:inline">
+    <text
+       xml:space="preserve"
+       style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+       x="48.182404"
+       y="19.336451"
+       id="text2742-6"
+       transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
+         id="tspan2740-1"
+         style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
+         x="48.182404"
+         y="19.336451">1</tspan></text>
+    <circle
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+       id="circle2744-8"
+       cx="-49.550514"
+       cy="-16.824097"
+       r="1.2760839"
+       transform="rotate(-178.67073)" />
+  </g>
+  <path
+     style="display:inline;fill:none;fill-opacity:1;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
+     id="path4236-8"
+     d="m 33.896172,63.647843 a 13.174543,14.063217 10.380298 0 0 14.809049,6.89365 13.174543,14.063217 10.380298 0 0 10.149305,-13.81459 13.174543,14.063217 10.380298 0 0 -9.992122,-13.450145 13.174543,14.063217 10.380298 0 0 -14.891633,7.431054" />
+  <path
+     style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3-6-2);paint-order:stroke fill markers"
+     d="m 50.509565,45.367091 c -3.479672,-2.53512 -6.95274,-2.415059 -9.937039,-0.778813"
+     id="path13743-5-0" />
+  <g
+     id="g1244-5"
+     transform="matrix(1.3919656,-0.90209595,0.9428036,1.3318644,-56.839517,87.485383)"
+     style="display:inline">
+    <text
+       xml:space="preserve"
+       style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+       x="55.705479"
+       y="-25.081388"
+       id="text1240-6"
+       transform="matrix(0.828845,0.5587786,-0.55921616,0.82949403,0,0)"><tspan
+         id="tspan1238-6"
+         style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
+         x="55.705479"
+         y="-25.081388">2</tspan></text>
+    <circle
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+       id="circle1242-4"
+       cx="-55.559937"
+       cy="27.578447"
+       r="1.2760839"
+       transform="rotate(-144.24458)" />
+  </g>
+</svg>
--- a/public/assets/small-letter/bs_l1.svg
+++ b/public/assets/small-letter/bs_l1.svg
@@ -0,0 +1,116 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="100mm"
+   height="100mm"
+   viewBox="0 0 100 100"
+   version="1.1"
+   id="svg5"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs2">
+    <marker
+       style="overflow:visible"
+       id="Arrow2-1-7"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       preserveAspectRatio="xMidYMid">
+      <path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L-9-9" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="Arrow2-3-6-2"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       preserveAspectRatio="xMidYMid">
+      <path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L-6-9-0" />
+    </marker>
+  </defs>
+  <g
+     id="g2">
+    <path
+       style="display:inline;fill:#009e40;fill-opacity:1;fill-rule:nonzero;stroke:#009e40;stroke-width:7.047;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="m 33.49094,71.100673 c -0.03821,-4.62453 0.177952,-60.628037 0.177952,-60.628037"
+       id="path1236-3" />
+    <path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.480829;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-1-7);paint-order:stroke fill markers"
+       d="M 33.846126,34.230178 C 33.821526,32.089494 33.801206,23.84963 33.801206,23.84963"
+       id="path1246-3" />
+    <g
+       id="g2746-62"
+       transform="matrix(1.409452,0,0,1.4034978,-35.734447,-4.457449)"
+       style="display:inline">
+      <text
+         xml:space="preserve"
+         style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="48.182404"
+         y="19.336451"
+         id="text2742-6"
+         transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
+           id="tspan2740-1"
+           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
+           x="48.182404"
+           y="19.336451">1</tspan></text>
+      <circle
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="circle2744-8"
+         cx="-49.550514"
+         cy="-16.824097"
+         r="1.2760839"
+         transform="rotate(-178.67073)" />
+    </g>
+  </g>
+  <g
+     id="g1"
+     style="display:none">
+    <path
+       style="display:inline;fill:none;fill-opacity:1;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
+       id="path4236-8"
+       d="m 33.896172,63.647843 a 13.174543,14.063217 10.380298 0 0 14.809049,6.89365 13.174543,14.063217 10.380298 0 0 10.149305,-13.81459 13.174543,14.063217 10.380298 0 0 -9.992122,-13.450145 13.174543,14.063217 10.380298 0 0 -14.891633,7.431054" />
+    <path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3-6-2);paint-order:stroke fill markers"
+       d="m 50.509565,45.367091 c -3.479672,-2.53512 -6.95274,-2.415059 -9.937039,-0.778813"
+       id="path13743-5-0" />
+    <g
+       id="g1244-5"
+       transform="matrix(1.3919656,-0.90209595,0.9428036,1.3318644,-56.839517,87.485383)"
+       style="display:inline">
+      <text
+         xml:space="preserve"
+         style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="55.705479"
+         y="-25.081388"
+         id="text1240-6"
+         transform="matrix(0.828845,0.5587786,-0.55921616,0.82949403,0,0)"><tspan
+           id="tspan1238-6"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
+           x="55.705479"
+           y="-25.081388">2</tspan></text>
+      <circle
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="circle1242-4"
+         cx="-55.559937"
+         cy="27.578447"
+         r="1.2760839"
+         transform="rotate(-144.24458)" />
+    </g>
+  </g>
+</svg>
--- a/public/assets/small-letter/bs_l2.svg
+++ b/public/assets/small-letter/bs_l2.svg
@@ -0,0 +1,117 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="100mm"
+   height="100mm"
+   viewBox="0 0 100 100"
+   version="1.1"
+   id="svg5"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs2">
+    <marker
+       style="overflow:visible"
+       id="Arrow2-1-7"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       preserveAspectRatio="xMidYMid">
+      <path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L-9-9" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="Arrow2-3-6-2"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       preserveAspectRatio="xMidYMid">
+      <path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L-6-9-0" />
+    </marker>
+  </defs>
+  <g
+     id="g2"
+     style="display:none">
+    <path
+       style="display:inline;fill:#009e40;fill-opacity:1;fill-rule:nonzero;stroke:#009e40;stroke-width:7.047;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="m 33.49094,71.100673 c -0.03821,-4.62453 0.177952,-60.628037 0.177952,-60.628037"
+       id="path1236-3" />
+    <path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.480829;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-1-7);paint-order:stroke fill markers"
+       d="M 33.846126,34.230178 C 33.821526,32.089494 33.801206,23.84963 33.801206,23.84963"
+       id="path1246-3" />
+    <g
+       id="g2746-62"
+       transform="matrix(1.409452,0,0,1.4034978,-35.734447,-4.457449)"
+       style="display:inline">
+      <text
+         xml:space="preserve"
+         style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="48.182404"
+         y="19.336451"
+         id="text2742-6"
+         transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
+           id="tspan2740-1"
+           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
+           x="48.182404"
+           y="19.336451">1</tspan></text>
+      <circle
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="circle2744-8"
+         cx="-49.550514"
+         cy="-16.824097"
+         r="1.2760839"
+         transform="rotate(-178.67073)" />
+    </g>
+  </g>
+  <g
+     id="g1"
+     style="display:inline">
+    <path
+       style="display:inline;fill:none;fill-opacity:1;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
+       id="path4236-8"
+       d="m 33.896172,63.647843 a 13.174543,14.063217 10.380298 0 0 14.809049,6.89365 13.174543,14.063217 10.380298 0 0 10.149305,-13.81459 13.174543,14.063217 10.380298 0 0 -9.992122,-13.450145 13.174543,14.063217 10.380298 0 0 -14.891633,7.431054" />
+    <path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3-6-2);paint-order:stroke fill markers"
+       d="m 50.509565,45.367091 c -3.479672,-2.53512 -6.95274,-2.415059 -9.937039,-0.778813"
+       id="path13743-5-0" />
+    <g
+       id="g1244-5"
+       transform="matrix(1.3919656,-0.90209595,0.9428036,1.3318644,-56.839517,87.485383)"
+       style="display:inline">
+      <text
+         xml:space="preserve"
+         style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="55.705479"
+         y="-25.081388"
+         id="text1240-6"
+         transform="matrix(0.828845,0.5587786,-0.55921616,0.82949403,0,0)"><tspan
+           id="tspan1238-6"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
+           x="55.705479"
+           y="-25.081388">2</tspan></text>
+      <circle
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="circle1242-4"
+         cx="-55.559937"
+         cy="27.578447"
+         r="1.2760839"
+         transform="rotate(-144.24458)" />
+    </g>
+  </g>
+</svg>
--- a/public/assets/small-letter/cs.svg
+++ b/public/assets/small-letter/cs.svg
@@ -0,0 +1,154 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="100mm"
+   height="100mm"
+   viewBox="0 0 100 100"
+   version="1.1"
+   id="svg5"
+   sodipodi:docname="as.svg"
+   inkscape:export-filename="bs_l2.svg"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview51242"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     showgrid="false"
+     showguides="true">
+    <sodipodi:guide
+       position="107.64909,49.99107"
+       orientation="0,-1"
+       id="guide51373"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="114.63086,74.995535"
+       orientation="0,-1"
+       id="guide51375"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="69.817661,104.871"
+       orientation="1,0"
+       id="guide51377"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="49.846563,90.7451"
+       orientation="1,0"
+       id="guide51379"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="30.037831,109.742"
+       orientation="1,0"
+       id="guide51381"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="114.14376,25.148972"
+       orientation="0,-1"
+       id="guide51383"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="121.77499,67.526669"
+       orientation="0,-1"
+       id="guide51385"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="-62.511162,32.455471"
+       orientation="0,-1"
+       id="guide51387"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="79.722027,92.531133"
+       orientation="0,-1"
+       id="guide51389"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="75.500494,7.6133734"
+       orientation="0,-1"
+       id="guide51391"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="62.674703,108.2319"
+       orientation="1,0"
+       id="guide53858"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="37.604822,110.66405"
+       orientation="1,0"
+       id="guide53860"
+       inkscape:locked="false" />
+  </sodipodi:namedview>
+  <defs
+     id="defs2">
+    <marker
+       style="overflow:visible"
+       id="marker1916"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       inkscape:stockid="Arrow2"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       inkscape:isstock="true"
+       inkscape:collect="always"
+       preserveAspectRatio="xMidYMid">
+      <path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="path1914" />
+    </marker>
+  </defs>
+  <path
+     style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7.10285;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
+     id="path4236-0"
+     sodipodi:type="arc"
+     sodipodi:cx="45.18372"
+     sodipodi:cy="52.46957"
+     sodipodi:rx="14.291495"
+     sodipodi:ry="14.647822"
+     sodipodi:start="0.79169328"
+     sodipodi:end="5.6597036"
+     sodipodi:arc-type="arc"
+     d="M 55.225517,62.892141 A 14.291495,14.647822 0 0 1 39.123581,65.735288 14.291495,14.647822 0 0 1 30.942742,51.239055 14.291495,14.647822 0 0 1 41.376027,38.351207 14.291495,14.647822 0 0 1 56.786278,43.917215"
+     sodipodi:open="true"
+     transform="rotate(-3.4066057)" />
+  <text
+     xml:space="preserve"
+     style="font-size:3.82822px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.217571;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+     x="57.437553"
+     y="42.035511"
+     id="text9342-7-0"
+     transform="matrix(0.99551586,-0.00770181,0.0076453,1.0044452,0,0)"><tspan
+       sodipodi:role="line"
+       id="tspan9340-5-4"
+       style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.217571;stroke-dasharray:none;stroke-opacity:1"
+       x="57.437553"
+       y="42.035511">1</tspan></text>
+  <ellipse
+     style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.391629;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+     id="path9448-3-6"
+     cx="-59.557743"
+     cy="-39.013634"
+     transform="matrix(-0.99972647,-0.02338772,0.02300994,-0.99973524,0,0)"
+     rx="1.7430817"
+     ry="1.7573247" />
+  <path
+     style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.369447;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#marker1916);paint-order:stroke fill markers"
+     d="m 50.143462,34.652442 c 3.427924,-0.04571 5.441425,1.456835 6.597526,3.632562"
+     id="path13743-5-2"
+     sodipodi:nodetypes="cc"
+     inkscape:transform-center-x="3.5269215"
+     inkscape:transform-center-y="-1.9405611" />
+</svg>
--- a/public/assets/small-letter/ds.svg
+++ b/public/assets/small-letter/ds.svg
@@ -0,0 +1,248 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="100mm"
+   height="100mm"
+   viewBox="0 0 100 100"
+   version="1.1"
+   id="svg5"
+   xml:space="preserve"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"><defs
+     id="defs2"><marker
+       style="overflow:visible"
+       id="Arrow2-36"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       preserveAspectRatio="xMidYMid"><path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L-0" /></marker><marker
+       style="overflow:visible"
+       id="Arrow2-3-62"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       preserveAspectRatio="xMidYMid"><path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L-6-6" /></marker><marker
+       style="overflow:visible"
+       id="Arrow2-6"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       preserveAspectRatio="xMidYMid"><path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L-7" /></marker><marker
+       style="overflow:visible"
+       id="Arrow2-3"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       preserveAspectRatio="xMidYMid"><path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L-6" /></marker><marker
+       style="overflow:visible"
+       id="Arrow2-1"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       preserveAspectRatio="xMidYMid"><path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L-9" /></marker><marker
+       style="overflow:visible"
+       id="Arrow2-3-6"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       preserveAspectRatio="xMidYMid"><path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L-6-9" /></marker></defs><g
+     id="g4"
+     style="display:none"><path
+       style="display:inline;fill:#009e40;fill-opacity:1;fill-rule:nonzero;stroke:#009e40;stroke-width:7.047;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="m 75.184854,71.482044 c -0.03647,-4.052143 0.184035,-60.657513 0.184035,-60.657513"
+       id="path1236-1" /><path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481786;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-36);paint-order:stroke fill markers"
+       d="m 75.254826,31.391094 c -0.02604,-2.031242 -0.04755,-9.849843 -0.04755,-9.849843"
+       id="path1246-8" /><g
+       id="g2746"
+       transform="matrix(1.4909448,0,0,1.3647474,1.9112848,-5.5868929)"
+       style="display:inline"><text
+         xml:space="preserve"
+         style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="48.182404"
+         y="19.336451"
+         id="text2742"
+         transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
+           id="tspan2740"
+           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
+           x="48.182404"
+           y="19.336451">1</tspan></text><circle
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="circle2744"
+         cx="-49.550514"
+         cy="-16.824097"
+         r="1.2760839"
+         transform="rotate(-178.67073)" /></g><g
+       id="g1"
+       style="display:inline"
+       transform="translate(41.504681,0.06850035)"><path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="m 54.168067,71.384868 c 0.0263,-2.113555 0.09996,-6.93742 -0.146842,-16.538709 C 53.722805,43.23683 39.906985,36.421333 33.766311,54.15169"
+         id="path385" /><path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.48023;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3-62);paint-order:stroke fill markers"
+         d="m 46.26788,44.378094 c -4.559582,0.05579 -7.570594,2.107967 -9.267114,5.026196"
+         id="path1118" /><g
+         id="g1126"
+         transform="matrix(1.1799302,-0.80541095,0.79918818,1.1891176,-45.741712,89.250482)"
+         style="display:inline"><text
+           xml:space="preserve"
+           style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           x="55.705479"
+           y="-25.081388"
+           id="text1122"
+           transform="matrix(0.828845,0.5587786,-0.55921616,0.82949403,0,0)"><tspan
+             id="tspan1120"
+             style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
+             x="55.705479"
+             y="-25.081388">2</tspan></text><circle
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           id="circle1124"
+           cx="-55.559937"
+           cy="27.578447"
+           r="1.2760839"
+           transform="rotate(-144.24458)" /></g></g></g><g
+     id="g5"
+     style="display:none"><path
+       style="display:inline;fill:#009e40;fill-opacity:1;fill-rule:nonzero;stroke:#009e40;stroke-width:7.047;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="M 7.7385535,71.396922 C 7.70034,66.772391 7.9165054,10.768881 7.9165054,10.768881"
+       id="path1236-3" /><path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.480829;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-1);paint-order:stroke fill markers"
+       d="M 8.093739,34.526423 C 8.069141,32.385739 8.048819,24.145875 8.048819,24.145875"
+       id="path1246-3" /><g
+       id="g2746-62"
+       transform="matrix(1.409452,0,0,1.4034978,-61.486834,-4.1612037)"
+       style="display:inline"><text
+         xml:space="preserve"
+         style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="48.182404"
+         y="19.336451"
+         id="text2742-6"
+         transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
+           id="tspan2740-1"
+           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
+           x="48.182404"
+           y="19.336451">1</tspan></text><circle
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="circle2744-8"
+         cx="-49.550514"
+         cy="-16.824097"
+         r="1.2760839"
+         transform="rotate(-178.67073)" /></g><path
+       style="display:inline;fill:none;fill-opacity:1;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
+       id="path4236-8"
+       d="M 8.1437852,63.944087 A 13.174543,14.063217 10.380298 0 0 22.952834,70.837734 13.174543,14.063217 10.380298 0 0 33.102139,57.023148 13.174543,14.063217 10.380298 0 0 23.110017,43.573003 13.174543,14.063217 10.380298 0 0 8.2183837,51.004057" /><path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3-6);paint-order:stroke fill markers"
+       d="m 24.757178,45.663336 c -3.479672,-2.53512 -6.95274,-2.415059 -9.937039,-0.778813"
+       id="path13743-5-0" /><g
+       id="g1244-5"
+       transform="matrix(1.3919656,-0.90209595,0.9428036,1.3318644,-82.591904,87.781631)"
+       style="display:inline"><text
+         xml:space="preserve"
+         style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="55.705479"
+         y="-25.081388"
+         id="text1240-6"
+         transform="matrix(0.828845,0.5587786,-0.55921616,0.82949403,0,0)"><tspan
+           id="tspan1238-6"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
+           x="55.705479"
+           y="-25.081388">2</tspan></text><circle
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="circle1242-4"
+         cx="-55.559937"
+         cy="27.578447"
+         r="1.2760839"
+         transform="rotate(-144.24458)" /></g></g><g
+     id="g8"><path
+       style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
+       id="path57645"
+       d="M 66.345062,63.884771 A 14.04826,13.298772 83.189707 0 1 51.412762,70.930244 14.04826,13.298772 83.189707 0 1 41.192253,57.212847 14.04826,13.298772 83.189707 0 1 51.273838,43.656999 14.04826,13.298772 83.189707 0 1 66.279132,50.940698" /><path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.354143;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3);paint-order:stroke fill markers"
+       d="m 49.415379,44.064902 c 3.242855,-1.399649 6.109266,-1.095812 8.358098,0.149097"
+       id="path57655" /><g
+       id="g2"
+       transform="matrix(1.5730821,0,0,1.5086122,-17.02496,17.771258)"
+       style="display:inline"><text
+         xml:space="preserve"
+         style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="48.182404"
+         y="19.336451"
+         id="text2"
+         transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
+           id="tspan2"
+           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
+           x="48.182404"
+           y="19.336451">1</tspan></text><circle
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="circle2"
+         cx="-49.550514"
+         cy="-16.824097"
+         r="1.2760839"
+         transform="rotate(-178.67073)" /></g></g><g
+     id="g7"><path
+       style="display:inline;fill:#009e40;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:7.047;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="m 66.268155,71.59369 c -0.0438,-4.654626 0.20379,-61.022576 0.20379,-61.022576"
+       id="path1236-9" /><text
+       xml:space="preserve"
+       style="font-size:3.80784px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.190993;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+       x="63.954109"
+       y="20.842781"
+       id="text3"
+       transform="matrix(1.0219114,-0.00211637,0.00221361,0.97855383,0,0)"><tspan
+         id="tspan3"
+         style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.190993;stroke-dasharray:none;stroke-opacity:1"
+         x="63.954109"
+         y="20.842781">2</tspan></text><path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.565155;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-6);paint-order:stroke fill markers"
+       d="m 66.588555,33.825415 c -0.03166,-2.297414 -0.05782,-11.140553 -0.05782,-11.140553"
+       id="path1246-8-5" /><ellipse
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.230232;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+       id="circle3"
+       cx="-67.118843"
+       cy="-17.201206"
+       transform="matrix(-0.99962271,-0.02746689,0.02999955,-0.99954991,0,0)"
+       rx="2.1452827"
+       ry="2.0528049" /></g></svg>
--- a/public/assets/small-letter/ds_.png
+++ b/public/assets/small-letter/ds_.png
--- a/public/assets/small-letter/ds_l1.svg
+++ b/public/assets/small-letter/ds_l1.svg
@@ -0,0 +1,249 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="100mm"
+   height="100mm"
+   viewBox="0 0 100 100"
+   version="1.1"
+   id="svg5"
+   xml:space="preserve"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"><defs
+     id="defs2"><marker
+       style="overflow:visible"
+       id="Arrow2-36"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       preserveAspectRatio="xMidYMid"><path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L-0" /></marker><marker
+       style="overflow:visible"
+       id="Arrow2-3-62"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       preserveAspectRatio="xMidYMid"><path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L-6-6" /></marker><marker
+       style="overflow:visible"
+       id="Arrow2-6"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       preserveAspectRatio="xMidYMid"><path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L-7" /></marker><marker
+       style="overflow:visible"
+       id="Arrow2-3"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       preserveAspectRatio="xMidYMid"><path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L-6" /></marker><marker
+       style="overflow:visible"
+       id="Arrow2-1"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       preserveAspectRatio="xMidYMid"><path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L-9" /></marker><marker
+       style="overflow:visible"
+       id="Arrow2-3-6"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       preserveAspectRatio="xMidYMid"><path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L-6-9" /></marker></defs><g
+     id="g4"
+     style="display:none"><path
+       style="display:inline;fill:#009e40;fill-opacity:1;fill-rule:nonzero;stroke:#009e40;stroke-width:7.047;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="m 75.184854,71.482044 c -0.03647,-4.052143 0.184035,-60.657513 0.184035,-60.657513"
+       id="path1236-1" /><path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481786;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-36);paint-order:stroke fill markers"
+       d="m 75.254826,31.391094 c -0.02604,-2.031242 -0.04755,-9.849843 -0.04755,-9.849843"
+       id="path1246-8" /><g
+       id="g2746"
+       transform="matrix(1.4909448,0,0,1.3647474,1.9112848,-5.5868929)"
+       style="display:inline"><text
+         xml:space="preserve"
+         style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="48.182404"
+         y="19.336451"
+         id="text2742"
+         transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
+           id="tspan2740"
+           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
+           x="48.182404"
+           y="19.336451">1</tspan></text><circle
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="circle2744"
+         cx="-49.550514"
+         cy="-16.824097"
+         r="1.2760839"
+         transform="rotate(-178.67073)" /></g><g
+       id="g1"
+       style="display:inline"
+       transform="translate(41.504681,0.06850035)"><path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="m 54.168067,71.384868 c 0.0263,-2.113555 0.09996,-6.93742 -0.146842,-16.538709 C 53.722805,43.23683 39.906985,36.421333 33.766311,54.15169"
+         id="path385" /><path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.48023;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3-62);paint-order:stroke fill markers"
+         d="m 46.26788,44.378094 c -4.559582,0.05579 -7.570594,2.107967 -9.267114,5.026196"
+         id="path1118" /><g
+         id="g1126"
+         transform="matrix(1.1799302,-0.80541095,0.79918818,1.1891176,-45.741712,89.250482)"
+         style="display:inline"><text
+           xml:space="preserve"
+           style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           x="55.705479"
+           y="-25.081388"
+           id="text1122"
+           transform="matrix(0.828845,0.5587786,-0.55921616,0.82949403,0,0)"><tspan
+             id="tspan1120"
+             style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
+             x="55.705479"
+             y="-25.081388">2</tspan></text><circle
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           id="circle1124"
+           cx="-55.559937"
+           cy="27.578447"
+           r="1.2760839"
+           transform="rotate(-144.24458)" /></g></g></g><g
+     id="g5"
+     style="display:none"><path
+       style="display:inline;fill:#009e40;fill-opacity:1;fill-rule:nonzero;stroke:#009e40;stroke-width:7.047;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="M 7.7385535,71.396922 C 7.70034,66.772391 7.9165054,10.768881 7.9165054,10.768881"
+       id="path1236-3" /><path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.480829;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-1);paint-order:stroke fill markers"
+       d="M 8.093739,34.526423 C 8.069141,32.385739 8.048819,24.145875 8.048819,24.145875"
+       id="path1246-3" /><g
+       id="g2746-62"
+       transform="matrix(1.409452,0,0,1.4034978,-61.486834,-4.1612037)"
+       style="display:inline"><text
+         xml:space="preserve"
+         style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="48.182404"
+         y="19.336451"
+         id="text2742-6"
+         transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
+           id="tspan2740-1"
+           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
+           x="48.182404"
+           y="19.336451">1</tspan></text><circle
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="circle2744-8"
+         cx="-49.550514"
+         cy="-16.824097"
+         r="1.2760839"
+         transform="rotate(-178.67073)" /></g><path
+       style="display:inline;fill:none;fill-opacity:1;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
+       id="path4236-8"
+       d="M 8.1437852,63.944087 A 13.174543,14.063217 10.380298 0 0 22.952834,70.837734 13.174543,14.063217 10.380298 0 0 33.102139,57.023148 13.174543,14.063217 10.380298 0 0 23.110017,43.573003 13.174543,14.063217 10.380298 0 0 8.2183837,51.004057" /><path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3-6);paint-order:stroke fill markers"
+       d="m 24.757178,45.663336 c -3.479672,-2.53512 -6.95274,-2.415059 -9.937039,-0.778813"
+       id="path13743-5-0" /><g
+       id="g1244-5"
+       transform="matrix(1.3919656,-0.90209595,0.9428036,1.3318644,-82.591904,87.781631)"
+       style="display:inline"><text
+         xml:space="preserve"
+         style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="55.705479"
+         y="-25.081388"
+         id="text1240-6"
+         transform="matrix(0.828845,0.5587786,-0.55921616,0.82949403,0,0)"><tspan
+           id="tspan1238-6"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
+           x="55.705479"
+           y="-25.081388">2</tspan></text><circle
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="circle1242-4"
+         cx="-55.559937"
+         cy="27.578447"
+         r="1.2760839"
+         transform="rotate(-144.24458)" /></g></g><g
+     id="g8"><path
+       style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
+       id="path57645"
+       d="M 66.345062,63.884771 A 14.04826,13.298772 83.189707 0 1 51.412762,70.930244 14.04826,13.298772 83.189707 0 1 41.192253,57.212847 14.04826,13.298772 83.189707 0 1 51.273838,43.656999 14.04826,13.298772 83.189707 0 1 66.279132,50.940698" /><path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.354143;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3);paint-order:stroke fill markers"
+       d="m 49.415379,44.064902 c 3.242855,-1.399649 6.109266,-1.095812 8.358098,0.149097"
+       id="path57655" /><g
+       id="g2"
+       transform="matrix(1.5730821,0,0,1.5086122,-17.02496,17.771258)"
+       style="display:inline"><text
+         xml:space="preserve"
+         style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="48.182404"
+         y="19.336451"
+         id="text2"
+         transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
+           id="tspan2"
+           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
+           x="48.182404"
+           y="19.336451">1</tspan></text><circle
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="circle2"
+         cx="-49.550514"
+         cy="-16.824097"
+         r="1.2760839"
+         transform="rotate(-178.67073)" /></g></g><g
+     id="g7"
+     style="display:none"><path
+       style="display:inline;fill:#009e40;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:7.047;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="m 66.268155,71.59369 c -0.0438,-4.654626 0.20379,-61.022576 0.20379,-61.022576"
+       id="path1236-9" /><text
+       xml:space="preserve"
+       style="font-size:3.80784px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.190993;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+       x="63.954109"
+       y="20.842781"
+       id="text3"
+       transform="matrix(1.0219114,-0.00211637,0.00221361,0.97855383,0,0)"><tspan
+         id="tspan3"
+         style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.190993;stroke-dasharray:none;stroke-opacity:1"
+         x="63.954109"
+         y="20.842781">2</tspan></text><path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.565155;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-6);paint-order:stroke fill markers"
+       d="m 66.588555,33.825415 c -0.03166,-2.297414 -0.05782,-11.140553 -0.05782,-11.140553"
+       id="path1246-8-5" /><ellipse
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.230232;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+       id="circle3"
+       cx="-67.118843"
+       cy="-17.201206"
+       transform="matrix(-0.99962271,-0.02746689,0.02999955,-0.99954991,0,0)"
+       rx="2.1452827"
+       ry="2.0528049" /></g></svg>
--- a/public/assets/small-letter/ds_l2.svg
+++ b/public/assets/small-letter/ds_l2.svg
@@ -0,0 +1,250 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="100mm"
+   height="100mm"
+   viewBox="0 0 100 100"
+   version="1.1"
+   id="svg5"
+   xml:space="preserve"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"><defs
+     id="defs2"><marker
+       style="overflow:visible"
+       id="Arrow2-36"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       preserveAspectRatio="xMidYMid"><path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L-0" /></marker><marker
+       style="overflow:visible"
+       id="Arrow2-3-62"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       preserveAspectRatio="xMidYMid"><path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L-6-6" /></marker><marker
+       style="overflow:visible"
+       id="Arrow2-6"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       preserveAspectRatio="xMidYMid"><path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L-7" /></marker><marker
+       style="overflow:visible"
+       id="Arrow2-3"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       preserveAspectRatio="xMidYMid"><path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L-6" /></marker><marker
+       style="overflow:visible"
+       id="Arrow2-1"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       preserveAspectRatio="xMidYMid"><path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L-9" /></marker><marker
+       style="overflow:visible"
+       id="Arrow2-3-6"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       preserveAspectRatio="xMidYMid"><path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L-6-9" /></marker></defs><g
+     id="g4"
+     style="display:none"><path
+       style="display:inline;fill:#009e40;fill-opacity:1;fill-rule:nonzero;stroke:#009e40;stroke-width:7.047;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="m 75.184854,71.482044 c -0.03647,-4.052143 0.184035,-60.657513 0.184035,-60.657513"
+       id="path1236-1" /><path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481786;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-36);paint-order:stroke fill markers"
+       d="m 75.254826,31.391094 c -0.02604,-2.031242 -0.04755,-9.849843 -0.04755,-9.849843"
+       id="path1246-8" /><g
+       id="g2746"
+       transform="matrix(1.4909448,0,0,1.3647474,1.9112848,-5.5868929)"
+       style="display:inline"><text
+         xml:space="preserve"
+         style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="48.182404"
+         y="19.336451"
+         id="text2742"
+         transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
+           id="tspan2740"
+           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
+           x="48.182404"
+           y="19.336451">1</tspan></text><circle
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="circle2744"
+         cx="-49.550514"
+         cy="-16.824097"
+         r="1.2760839"
+         transform="rotate(-178.67073)" /></g><g
+       id="g1"
+       style="display:inline"
+       transform="translate(41.504681,0.06850035)"><path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="m 54.168067,71.384868 c 0.0263,-2.113555 0.09996,-6.93742 -0.146842,-16.538709 C 53.722805,43.23683 39.906985,36.421333 33.766311,54.15169"
+         id="path385" /><path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.48023;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3-62);paint-order:stroke fill markers"
+         d="m 46.26788,44.378094 c -4.559582,0.05579 -7.570594,2.107967 -9.267114,5.026196"
+         id="path1118" /><g
+         id="g1126"
+         transform="matrix(1.1799302,-0.80541095,0.79918818,1.1891176,-45.741712,89.250482)"
+         style="display:inline"><text
+           xml:space="preserve"
+           style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           x="55.705479"
+           y="-25.081388"
+           id="text1122"
+           transform="matrix(0.828845,0.5587786,-0.55921616,0.82949403,0,0)"><tspan
+             id="tspan1120"
+             style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
+             x="55.705479"
+             y="-25.081388">2</tspan></text><circle
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           id="circle1124"
+           cx="-55.559937"
+           cy="27.578447"
+           r="1.2760839"
+           transform="rotate(-144.24458)" /></g></g></g><g
+     id="g5"
+     style="display:none"><path
+       style="display:inline;fill:#009e40;fill-opacity:1;fill-rule:nonzero;stroke:#009e40;stroke-width:7.047;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="M 7.7385535,71.396922 C 7.70034,66.772391 7.9165054,10.768881 7.9165054,10.768881"
+       id="path1236-3" /><path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.480829;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-1);paint-order:stroke fill markers"
+       d="M 8.093739,34.526423 C 8.069141,32.385739 8.048819,24.145875 8.048819,24.145875"
+       id="path1246-3" /><g
+       id="g2746-62"
+       transform="matrix(1.409452,0,0,1.4034978,-61.486834,-4.1612037)"
+       style="display:inline"><text
+         xml:space="preserve"
+         style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="48.182404"
+         y="19.336451"
+         id="text2742-6"
+         transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
+           id="tspan2740-1"
+           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
+           x="48.182404"
+           y="19.336451">1</tspan></text><circle
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="circle2744-8"
+         cx="-49.550514"
+         cy="-16.824097"
+         r="1.2760839"
+         transform="rotate(-178.67073)" /></g><path
+       style="display:inline;fill:none;fill-opacity:1;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
+       id="path4236-8"
+       d="M 8.1437852,63.944087 A 13.174543,14.063217 10.380298 0 0 22.952834,70.837734 13.174543,14.063217 10.380298 0 0 33.102139,57.023148 13.174543,14.063217 10.380298 0 0 23.110017,43.573003 13.174543,14.063217 10.380298 0 0 8.2183837,51.004057" /><path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3-6);paint-order:stroke fill markers"
+       d="m 24.757178,45.663336 c -3.479672,-2.53512 -6.95274,-2.415059 -9.937039,-0.778813"
+       id="path13743-5-0" /><g
+       id="g1244-5"
+       transform="matrix(1.3919656,-0.90209595,0.9428036,1.3318644,-82.591904,87.781631)"
+       style="display:inline"><text
+         xml:space="preserve"
+         style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="55.705479"
+         y="-25.081388"
+         id="text1240-6"
+         transform="matrix(0.828845,0.5587786,-0.55921616,0.82949403,0,0)"><tspan
+           id="tspan1238-6"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
+           x="55.705479"
+           y="-25.081388">2</tspan></text><circle
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="circle1242-4"
+         cx="-55.559937"
+         cy="27.578447"
+         r="1.2760839"
+         transform="rotate(-144.24458)" /></g></g><g
+     id="g8"
+     style="display:none"><path
+       style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
+       id="path57645"
+       d="M 66.345062,63.884771 A 14.04826,13.298772 83.189707 0 1 51.412762,70.930244 14.04826,13.298772 83.189707 0 1 41.192253,57.212847 14.04826,13.298772 83.189707 0 1 51.273838,43.656999 14.04826,13.298772 83.189707 0 1 66.279132,50.940698" /><path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.354143;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3);paint-order:stroke fill markers"
+       d="m 49.415379,44.064902 c 3.242855,-1.399649 6.109266,-1.095812 8.358098,0.149097"
+       id="path57655" /><g
+       id="g2"
+       transform="matrix(1.5730821,0,0,1.5086122,-17.02496,17.771258)"
+       style="display:inline"><text
+         xml:space="preserve"
+         style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="48.182404"
+         y="19.336451"
+         id="text2"
+         transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
+           id="tspan2"
+           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
+           x="48.182404"
+           y="19.336451">1</tspan></text><circle
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="circle2"
+         cx="-49.550514"
+         cy="-16.824097"
+         r="1.2760839"
+         transform="rotate(-178.67073)" /></g></g><g
+     id="g7"
+     style="display:inline"><path
+       style="display:inline;fill:#009e40;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:7.047;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="m 66.268155,71.59369 c -0.0438,-4.654626 0.20379,-61.022576 0.20379,-61.022576"
+       id="path1236-9" /><text
+       xml:space="preserve"
+       style="font-size:3.80784px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.190993;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+       x="63.954109"
+       y="20.842781"
+       id="text3"
+       transform="matrix(1.0219114,-0.00211637,0.00221361,0.97855383,0,0)"><tspan
+         id="tspan3"
+         style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.190993;stroke-dasharray:none;stroke-opacity:1"
+         x="63.954109"
+         y="20.842781">2</tspan></text><path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.565155;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-6);paint-order:stroke fill markers"
+       d="m 66.588555,33.825415 c -0.03166,-2.297414 -0.05782,-11.140553 -0.05782,-11.140553"
+       id="path1246-8-5" /><ellipse
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.230232;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+       id="circle3"
+       cx="-67.118843"
+       cy="-17.201206"
+       transform="matrix(-0.99962271,-0.02746689,0.02999955,-0.99954991,0,0)"
+       rx="2.1452827"
+       ry="2.0528049" /></g></svg>
--- a/Show More
+++ b/Show More
Author	SHA1	Message	Date
Suvodip	fb3ef37bad	game name	2024-10-19 13:05:21 +05:30
Suvodip	ff80faaf7d	game name from get parameter	2024-10-18 16:59:03 +05:30
Suvodip	9ebf6f5d60	s1	2024-10-14 11:15:56 +05:30
Suvodip	d9243a1b7c	s1	2024-10-04 17:49:07 +05:30
Suvodip	aff599a883	s1	2024-10-03 13:33:08 +05:30
Suvodip	2e342cd642	s1	2024-10-02 21:19:54 +05:30
Suvodip	b8994802cb	s1	2024-10-02 18:44:04 +05:30
Suvodip	8569295b65	s	2024-10-02 13:46:45 +05:30
Suvodip	cdc95734ec	s1	2024-10-01 20:26:37 +05:30
Suvodip	575967a8db	s1	2024-09-18 18:59:54 +05:30
Suvodip	d2a1edd333	add eraser button and add start calculation logic	2024-09-06 20:05:34 +05:30
Suvodip	2fe965cd99	change API Endpoint & Submit Message Desgine	2024-08-07 21:27:54 +05:30
Suvodip	2dd6c7143c	fix responsive issue	2024-08-01 18:02:27 +05:30
Suvodip	fb55f85b6c	add data saved message	2024-07-27 14:02:05 +05:30
Suvodip	2d2939bea4	work successfull message	2024-07-26 21:44:16 +05:30
Suvodip	23dec7eef2	user is fix	2024-07-02 22:15:12 +05:30
Subhodip Ghosh	5c3479b571	Merge pull request 'b3' (#17 ) from b3 into master Reviewed-on: #17	2024-06-29 14:23:04 +00:00
Suvodip	693aeb55c8	Dc	2024-06-29 19:52:00 +05:30
Suvodip	cf51757537	c	2024-06-24 19:15:56 +05:30
Suvodip	5c233bafa6	l	2024-06-24 18:27:14 +05:30
Suvodip	79f158380c	submit user data in all games	2024-06-24 18:19:47 +05:30
Suvodip	d7a2533f43	change api endpoint	2024-06-22 19:27:43 +05:30
Suvodip	64ab2bacd4	new desgine and some little changes others game previous desgine	2024-06-21 20:43:54 +05:30
Suvodip	94cfda779c	new desgine for mobile	2024-06-20 22:04:02 +05:30
Suvodip	6bd0c1c23b	drawing currect version	2024-06-19 13:56:55 +05:30
kar	cee3680942	Merge pull request 'fetch2' (#16 ) from fetch2 into master Reviewed-on: #16	2024-06-17 13:55:00 +00:00
kar	9de26f9ce0	Merge pull request 'b2' (#15 ) from b2 into fetch2 Reviewed-on: #15	2024-06-17 13:45:12 +00:00
Suvodip	5ed1ee1e6c	t1	2024-06-17 18:41:11 +05:30
Suvodip	d82e6fcb9d	s2	2024-06-15 20:33:43 +05:30
Suvodip	2d6dbbf2b7	s2	2024-06-15 19:29:27 +05:30
Suvodip	a8277e9aad	s2	2024-06-15 18:08:20 +05:30
Suvodip	71c5f88b9a	s2	2024-06-14 21:40:22 +05:30
Suvodip	a49742e607	s1	2024-06-13 13:36:23 +05:30
Subhodip Ghosh	d22a4da6d6	Merge pull request 's1' (#14 ) from b2 into master Reviewed-on: #14	2024-06-12 16:35:11 +00:00
Suvodip	1be005a089	s1	2024-06-12 22:03:40 +05:30
Subhodip Ghosh	663830d509	Merge pull request 'change d' (#13 ) from b2 into master Reviewed-on: #13	2024-06-12 05:47:00 +00:00
Suvodip	495079802c	change d	2024-06-12 11:15:20 +05:30
Subhodip Ghosh	3a799f2b1f	Merge pull request 'replace d' (#12 ) from b2 into master Reviewed-on: #12	2024-06-11 15:32:22 +00:00
Suvodip	41cce45848	replace d	2024-06-11 21:01:51 +05:30
Subhodip Ghosh	c554fa165c	Merge pull request 'b2' (#11 ) from b2 into master Reviewed-on: #11	2024-06-11 11:10:57 +00:00
Suvodip	6be6583ffc	b2	2024-06-11 16:39:33 +05:30
Subhodip Ghosh	6c6d5b3379	Merge pull request 's1' (#10 ) from b2 into master Reviewed-on: #10	2024-06-07 11:09:05 +00:00
Suvodip	edc53bc976	s1	2024-06-07 16:36:13 +05:30
Subhodip Ghosh	2abe729d99	Merge pull request 's1' (#9 ) from bnew2 into master Reviewed-on: #9	2024-06-07 10:26:11 +00:00
Suvodip	84b5b1747f	s1	2024-06-07 15:08:13 +05:30
kar	579d610bdb	Merge pull request 'c' (#8 ) from bnew2 into master Reviewed-on: #8	2024-06-06 09:45:47 +00:00
Suvodip	42afce4bb0	c	2024-06-03 21:34:54 +05:30
Subhodip Ghosh	3db5ccd710	Merge pull request 'bnew2' (#7 ) from bnew2 into master Reviewed-on: #7	2024-05-25 14:01:39 +00:00
Suvodip	a84ed5b61f	change border opacity drag v4	2024-05-25 19:29:42 +05:30
Suvodip	a287126bcd	c	2024-05-21 13:02:04 +05:30
Suvodip	5c797000d5	c	2024-05-21 12:04:09 +05:30
Suvodip	0240755b03	c	2024-05-21 11:57:28 +05:30
Suvodip	17538eb91c	post base 64 with submitUserData function	2024-05-16 21:22:07 +05:30
Suvodip	04500f43d6	post base 64 with submitUserData function	2024-05-16 21:20:55 +05:30
Subhodip Ghosh	9ffa31a285	Merge pull request 'wss15' (#6 ) from wss15 into master Reviewed-on: #6	2024-04-23 12:52:15 +00:00
dev sp	bee95a0ee8	change image scale	2024-04-17 07:31:17 +00:00
dev sp	bbf2b3c814	cross_phonics_v1	2024-03-29 08:36:32 +00:00
dev sp	e8399473c4	ch	2024-03-26 16:53:09 +00:00
dev sp	d9266b2e11	c	2024-03-26 05:37:32 +00:00
dev sp	8ed2be38c3	add new drawing game	2024-03-05 13:27:25 +00:00
dev sp	06709e02d7	change text size drag v2	2024-02-08 16:25:08 +00:00
dev sp	5552396b9d	hide green border	2024-02-08 16:15:30 +00:00
dev sp	9fff1e4a29	reverse drag v3 and v4	2024-02-08 15:48:41 +00:00
dev sp	c229800e73	ch	2024-02-08 15:24:34 +00:00
dev sp	4864274169	c	2024-01-23 14:50:17 +00:00
dev sp	a65cee3ba9	change drawing v2, drag v2, drag v3	2024-01-23 13:24:00 +00:00
dev sp	a3ad792a96	try to adjust drag v4 positions	2024-01-20 15:50:32 +00:00
dev sp	ab3be22771	work place dragged blocks position each next	2024-01-20 12:30:14 +00:00
dev sp	287d2469e6	removove brown T and visible label in drag game V4	2024-01-20 07:42:44 +00:00
dev sp	15b8c1e803	add score calculation in drag all games all varient	2024-01-18 13:37:13 +00:00
dev sp	94e1b772aa	worked on drag games score calculations	2024-01-17 16:08:58 +00:00
dev sp	62565a5bf2	work on score calculations	2024-01-17 08:45:14 +00:00
dev sp	85924a90e6	work on drag v4	2024-01-16 15:54:00 +00:00
dev sp	23ae5f9e9e	c	2024-01-11 13:46:33 +00:00
dev sp	87df948866	c	2024-01-11 12:59:21 +00:00
dev sp	4dfc08406d	reverse condition drawing color nad cross game tick bg colr are red	2024-01-11 12:18:34 +00:00
dev sp	f5b30fa746	change image jpg to png	2024-01-11 11:19:12 +00:00
dev sp	c157d908a2	fix darg and drop V3 and some changes in Tick V1 &V2	2024-01-04 15:51:27 +00:00
dev sp	64dbbb489e	c	2024-01-03 15:56:59 +00:00
dev sp	5f2138b742	non-mandatory imgae in tick v3	2024-01-02 15:53:25 +00:00
dev sp	d3b4088a43	change cross symbol X	2024-01-02 15:23:46 +00:00
dev sp	f26075d236	worked on various pages	2024-01-02 14:18:38 +00:00
dev sp	8b57605218	new change	2024-01-01 14:56:38 +00:00
dev sp	70bc2451d4	last worked in drag v2	2023-12-30 15:30:17 +00:00
dev sp	a0a7234ef3	new tick gamje	2023-12-29 16:01:29 +00:00
dev sp	f2c8d16cb6	change pencile in drawing game	2023-12-29 13:45:01 +00:00
dev sp	9fc5095718	h	2023-12-29 11:23:33 +00:00
dev sp	1992331b96	work in new drawing and change api from old drawing	2023-12-28 15:30:53 +00:00
dev sp	d40c6a1121	change small t latter shape	2023-12-28 11:52:48 +00:00
dev sp	4a25fbea86	add conditional color	2023-12-23 09:00:00 +00:00
dev sp	02c920618b	start drag v2	2023-12-20 08:19:17 +00:00
dev sp	8d077a6099	change post api endpoint	2023-12-19 16:20:44 +00:00
dev sp	38eccfedda	disabled colsole log	2023-12-19 15:30:01 +00:00
dev sp	a655a43e47	add learning are & sub_area	2023-12-19 15:17:26 +00:00
dev sp	9dd93344dd	add label in tick v1,v2	2023-12-19 14:31:48 +00:00
dev sp	9edeb97f67	demo reset	2023-12-19 12:59:24 +00:00
dev sp	23237ac9b0	upload tick response	2023-12-18 10:12:06 +00:00
dev sp	b76cedd883	update tick game v1 and v2	2023-12-17 11:52:03 +00:00
dev sp	d1e08b721a	drawing game depth change cause of no available tranasparent image	2023-12-17 10:58:07 +00:00
dev sp	20f8733de1	c	2023-12-06 14:06:21 +00:00
dev sp	401b4c8e39	c	2023-12-06 13:49:30 +00:00
dev sp	58b0779a9b	add User Data save function	2023-12-06 13:23:07 +00:00
dev sp	dfa0499ab0	number 4 complete start from 5 tomorow	2023-12-05 15:34:40 +00:00
dev sp	1253dd5911	add submit options	2023-12-04 15:58:30 +00:00
Dev 1	f6d46a8abd	change logic from start button demo visibility	2023-11-08 19:18:48 +05:30
Dev 1	43b8725c92	change folder name	2023-11-04 18:56:54 +05:30
Dev 1	ce907489f6	remove beanie from letter C	2023-10-27 17:17:20 +05:30
Dev 1	dc2a3f8482	complete all letters and numbers button new position and add start button	2023-10-18 13:43:58 +05:30
Dev 1	167f8723cf	Add Start Button ANd change Help Button Possition in capital letter and numeric	2023-10-17 20:14:40 +05:30
Dev 1	ae14d20615	Add Start Button ANd change Help Button Possition	2023-10-17 19:41:18 +05:30
Dev 1	e6ede94cd2	all letters and numeric complete and remove beanie from all file	2023-10-16 19:38:07 +05:30
Dev 1	5e517f6be1	last worked on letter q	2023-10-14 22:28:39 +05:30
Dev 1	0b4c50e180	capital letter all & samll letter upto m complete	2023-10-14 19:47:17 +05:30
kar	92188a3548	Merge pull request 'b6' (#1 ) from b6 into fetch2 Reviewed-on: #1	2023-08-22 18:50:48 +00:00
				`@@ -0,0 +1 @@`
				`1. Auto brake line Drag v4 Left & Right Heading.`