Merge pull request 'b4' (#19 ) from b4 into fetch2

Reviewed-on: #19
fix responsive issue
2024-08-01 14:06:26 +00:00 · 2024-08-01 18:02:27 +05:30 · 2024-07-27 14:02:05 +05:30 · 2024-07-26 21:44:16 +05:30 · 2024-07-02 22:15:12 +05:30 · 2024-06-29 14:23:04 +00:00
321 changed files with 59160 additions and 3807 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"
--- a/public/assets/animated-letter/a.mp4
+++ b/public/assets/animated-letter/a.mp4
--- a/public/assets/animated-letter/capital_a.mp4
+++ b/public/assets/animated-letter/capital_a.mp4
--- a/public/assets/animated-letter/capital_b.mp4
+++ b/public/assets/animated-letter/capital_b.mp4
--- a/public/assets/animated-letter/capital_c.mp4
+++ b/public/assets/animated-letter/capital_c.mp4
--- a/public/assets/animated-letter/capital_d.mp4
+++ b/public/assets/animated-letter/capital_d.mp4
--- a/public/assets/animated-letter/capital_e.mp4
+++ b/public/assets/animated-letter/capital_e.mp4
--- a/public/assets/animated-letter/capital_f.mp4
+++ b/public/assets/animated-letter/capital_f.mp4
--- a/public/assets/animated-letter/capital_g.mp4
+++ b/public/assets/animated-letter/capital_g.mp4
--- a/public/assets/animated-letter/capital_h.mp4
+++ b/public/assets/animated-letter/capital_h.mp4
--- a/public/assets/animated-letter/capital_i.mp4
+++ b/public/assets/animated-letter/capital_i.mp4
--- a/public/assets/animated-letter/capital_j.mp4
+++ b/public/assets/animated-letter/capital_j.mp4
--- a/public/assets/animated-letter/capital_k.mp4
+++ b/public/assets/animated-letter/capital_k.mp4
--- a/public/assets/animated-letter/capital_l.mp4
+++ b/public/assets/animated-letter/capital_l.mp4
--- a/public/assets/animated-letter/capital_m.mp4
+++ b/public/assets/animated-letter/capital_m.mp4
--- a/public/assets/animated-letter/capital_n.mp4
+++ b/public/assets/animated-letter/capital_n.mp4
--- a/public/assets/animated-letter/capital_o.mp4
+++ b/public/assets/animated-letter/capital_o.mp4
--- a/public/assets/animated-letter/capital_p.mp4
+++ b/public/assets/animated-letter/capital_p.mp4
--- a/public/assets/animated-letter/capital_q.mp4
+++ b/public/assets/animated-letter/capital_q.mp4
--- a/public/assets/animated-letter/capital_r.mp4
+++ b/public/assets/animated-letter/capital_r.mp4
--- a/public/assets/animated-letter/capital_s.mp4
+++ b/public/assets/animated-letter/capital_s.mp4
--- a/public/assets/animated-letter/capital_t.mp4
+++ b/public/assets/animated-letter/capital_t.mp4
--- a/public/assets/animated-letter/capital_u.mp4
+++ b/public/assets/animated-letter/capital_u.mp4
--- a/public/assets/animated-letter/capital_v.mp4
+++ b/public/assets/animated-letter/capital_v.mp4
--- a/public/assets/animated-letter/capital_w.mp4
+++ b/public/assets/animated-letter/capital_w.mp4
--- a/public/assets/animated-letter/capital_x.mp4
+++ b/public/assets/animated-letter/capital_x.mp4
--- a/public/assets/animated-letter/capital_y.mp4
+++ b/public/assets/animated-letter/capital_y.mp4
--- a/public/assets/animated-letter/capital_z.mp4
+++ b/public/assets/animated-letter/capital_z.mp4
--- 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/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/Show More
+++ b/Show More
Author	SHA1	Message	Date
Subhodip Ghosh	07918379b5	Merge pull request 'b4' (#19 ) from b4 into fetch2 Reviewed-on: #19	2024-08-01 14:06:26 +00:00
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
Dev 1	fc17a3246f	complete letter G	2023-10-13 20:57:37 +05:30
Dev 1	2235ef022d	Add pencile as cursor	2023-10-13 19:19:36 +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.`