Merge pull request 's1' (#10) from b2 into master

Reviewed-on: #10

public/assets/small-letter/bs.svg

@@ -7,13 +7,103 @@
    viewBox="0 0 100 100"
    version="1.1"
    id="svg5"
+   sodipodi:docname="ds.svg"
+   inkscape:export-filename="../new_letter/ds.svg"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96"
+   inkscape:version="1.1.2 (0a00cf5339, 2022-02-04)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
    xmlns="http://www.w3.org/2000/svg"
    xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview51242"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     showgrid="false"
+     showguides="true"
+     inkscape:pageshadow="2"
+     inkscape:zoom="1.7039167"
+     inkscape:cx="188.97638"
+     inkscape:cy="188.97638"
+     inkscape:window-width="1920"
+     inkscape:window-height="1007"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg5">
+    <sodipodi:guide
+       position="107.64909,49.99107"
+       orientation="0,-1"
+       id="guide51373"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="114.63086,74.995535"
+       orientation="0,-1"
+       id="guide51375"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="49.846563,90.7451"
+       orientation="1,0"
+       id="guide51379"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="30.037831,109.742"
+       orientation="1,0"
+       id="guide51381"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="114.14376,25.148972"
+       orientation="0,-1"
+       id="guide51383"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="121.77499,67.526669"
+       orientation="0,-1"
+       id="guide51385"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="-62.511162,32.455471"
+       orientation="0,-1"
+       id="guide51387"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="79.722027,92.531133"
+       orientation="0,-1"
+       id="guide51389"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="75.500494,7.6133734"
+       orientation="0,-1"
+       id="guide51391"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="62.674703,108.2319"
+       orientation="1,0"
+       id="guide53858"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="37.604822,110.66405"
+       orientation="1,0"
+       id="guide53860"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="69.596984,81.852399"
+       orientation="1,0"
+       id="guide58546"
+       inkscape:locked="false" />
+  </sodipodi:namedview>
   <defs
      id="defs2">
     <marker
        style="overflow:visible"
-       id="Arrow2-1"
+       id="Arrow2-3"
        refX="0"
        refY="0"
        orient="auto-start-reverse"
@@ -25,82 +115,97 @@
          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" />
+         id="arrow2L-6" />
     </marker>
     <marker
        style="overflow:visible"
-       id="Arrow2-3-6"
+       id="Arrow2-6"
        refX="0"
        refY="0"
        orient="auto-start-reverse"
+       inkscape:stockid="Arrow2"
        markerWidth="7.6999998"
        markerHeight="5.5999999"
        viewBox="0 0 7.7 5.6"
+       inkscape:isstock="true"
+       inkscape:collect="always"
        preserveAspectRatio="xMidYMid">
       <path
          transform="scale(0.7)"
          d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
          style="fill:context-stroke;fill-rule:evenodd;stroke:none"
-         id="arrow2L-6-9" />
+         id="arrow2L-7" />
     </marker>
   </defs>
-  <path
-     style="display:inline;fill:#009e40;fill-opacity:1;fill-rule:nonzero;stroke:#009e40;stroke-width:7.69281;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-     d="m 33.577801,70.578205 c -0.03883,-4.552091 0.18082,-59.678336 0.18082,-59.678336"
-     id="path1236-3" />
-  <path
-     style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-1);paint-order:stroke fill markers"
-     d="m 33.933962,33.99669 c -0.02456,-2.146424 -0.04485,-10.408377 -0.04485,-10.408377"
-     id="path1246-3" />
   <g
-     id="g2746"
+     id="g1"
-     transform="matrix(1.4072602,0,0,1.4072602,-35.010064,-4.794649)"
+     transform="translate(-26.525954,0.33766413)"
      style="display:inline">
-    <text
+    <path
-       xml:space="preserve"
+       style="display:inline;fill:#009e40;fill-opacity:1;fill-rule:nonzero;stroke:#009e40;stroke-width:6.51818;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-       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"
+       d="M 66.058861,64.317898 C 66.014642,59.668366 66.264733,3.3621217 66.264733,3.3621217"
-       x="48.182404"
+       id="path1236-9"
-       y="19.336451"
+       sodipodi:nodetypes="cc" />
-       id="text2742"
+    <path
-       transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.565155;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-6);paint-order:stroke fill markers"
-         id="tspan2740"
+       d="M 66.380273,20.750457 C 66.348613,18.453043 66.322453,9.6099043 66.322453,9.6099043"
-         style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
+       id="path1246-8"
+       sodipodi:nodetypes="cc"
+       inkscape:transform-center-x="0.0088349"
+       inkscape:transform-center-y="5.1277257" />
+    <g
+       id="g2746"
+       transform="matrix(1.2849761,0,0,1.2223535,3.1447033,-15.079648)"
+       style="display:inline">
+      <text
+         xml:space="preserve"
+         style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
          x="48.182404"
-         y="19.336451">1</tspan></text>
+         y="19.336451"
-    <circle
+         id="text2742"
-       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"
+         transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
-       id="circle2744"
+           sodipodi:role="line"
-       cx="-49.550514"
+           id="tspan2740"
-       cy="-16.824097"
+           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
-       r="1.2760839"
+           x="48.182404"
-       transform="rotate(-178.67073)" />
+           y="19.336451">1</tspan></text>
+      <circle
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="circle2744"
+         cx="-49.550514"
+         cy="-16.824097"
+         r="1.2760839"
+         transform="rotate(-178.67073)" />
+    </g>
   </g>
   <path
-     style="display:inline;fill:none;fill-opacity:1;stroke:#b16c57;stroke-width:7.0494;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
+     style="display:inline;fill:none;fill-opacity:1;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
-     id="path4236-8"
+     id="path57645"
-     d="M 34.624809,63.689934 A 12.617344,13.905824 6.8769965 0 0 48.797291,70.511353 12.617344,13.905824 6.8769965 0 0 58.510328,56.84151 12.617344,13.905824 6.8769965 0 0 48.947717,43.532289 12.617344,13.905824 6.8769965 0 0 34.696201,50.885483" />
+     d="M 40.410717,43.57908 A 14.04826,13.298772 82.80431 0 1 55.295291,36.433326 14.04826,13.298772 82.80431 0 1 65.607838,50.081666 14.04826,13.298772 82.80431 0 1 55.617663,63.70502 14.04826,13.298772 82.80431 0 1 40.563718,56.522417" />
   <path
-     style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3-6);paint-order:stroke fill markers"
+     style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.354143;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3);paint-order:stroke fill markers"
-     d="m 50.597819,45.235718 c -3.479672,-2.53512 -6.95274,-2.415059 -9.937039,-0.778814"
+     d="m 55.960419,36.621547 c -3.160788,-1.74578 -5.556566,-1.265548 -8.491891,-0.154338"
-     id="path13743-5-0" />
+     id="path57655"
+     sodipodi:nodetypes="cc" />
   <g
-     id="g1244-5"
+     id="g58394"
-     transform="matrix(1.3919656,-0.90209595,0.9428036,1.3318644,-56.751263,87.354013)"
+     transform="matrix(1.2571663,-0.87051125,0.78952664,1.2406297,-24.449612,79.81556)"
      style="display:inline">
     <text
        xml:space="preserve"
        style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
        x="55.705479"
        y="-25.081388"
-       id="text1240-6"
+       id="text58390"
        transform="matrix(0.828845,0.5587786,-0.55921616,0.82949403,0,0)"><tspan
-         id="tspan1238-6"
+         sodipodi:role="line"
+         id="tspan58388"
          style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
          x="55.705479"
          y="-25.081388">2</tspan></text>
     <circle
        style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-       id="circle1242-4"
+       id="circle58392"
        cx="-55.559937"
        cy="27.578447"
        r="1.2760839"

public/assets/small-letter/bs_l1.svg

@@ -7,13 +7,103 @@
    viewBox="0 0 100 100"
    version="1.1"
    id="svg5"
+   sodipodi:docname="ds.svg"
+   inkscape:export-filename="cs_l1.svg"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96"
+   inkscape:version="1.1.2 (0a00cf5339, 2022-02-04)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
    xmlns="http://www.w3.org/2000/svg"
    xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview51242"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     showgrid="false"
+     showguides="true"
+     inkscape:pageshadow="2"
+     inkscape:zoom="1.7039167"
+     inkscape:cx="188.97638"
+     inkscape:cy="188.97638"
+     inkscape:window-width="1920"
+     inkscape:window-height="1007"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg5">
+    <sodipodi:guide
+       position="107.64909,49.99107"
+       orientation="0,-1"
+       id="guide51373"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="114.63086,74.995535"
+       orientation="0,-1"
+       id="guide51375"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="49.846563,90.7451"
+       orientation="1,0"
+       id="guide51379"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="30.037831,109.742"
+       orientation="1,0"
+       id="guide51381"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="114.14376,25.148972"
+       orientation="0,-1"
+       id="guide51383"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="121.77499,67.526669"
+       orientation="0,-1"
+       id="guide51385"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="-62.511162,32.455471"
+       orientation="0,-1"
+       id="guide51387"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="79.722027,92.531133"
+       orientation="0,-1"
+       id="guide51389"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="75.500494,7.6133734"
+       orientation="0,-1"
+       id="guide51391"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="62.674703,108.2319"
+       orientation="1,0"
+       id="guide53858"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="37.604822,110.66405"
+       orientation="1,0"
+       id="guide53860"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="69.596984,81.852399"
+       orientation="1,0"
+       id="guide58546"
+       inkscape:locked="false" />
+  </sodipodi:namedview>
   <defs
      id="defs2">
     <marker
        style="overflow:visible"
-       id="Arrow2-1"
+       id="Arrow2-3"
        refX="0"
        refY="0"
        orient="auto-start-reverse"
@@ -25,40 +115,46 @@
          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" />
+         id="arrow2L-6" />
     </marker>
     <marker
        style="overflow:visible"
-       id="Arrow2-3-6"
+       id="Arrow2-6"
        refX="0"
        refY="0"
        orient="auto-start-reverse"
+       inkscape:stockid="Arrow2"
        markerWidth="7.6999998"
        markerHeight="5.5999999"
        viewBox="0 0 7.7 5.6"
+       inkscape:isstock="true"
+       inkscape:collect="always"
        preserveAspectRatio="xMidYMid">
       <path
          transform="scale(0.7)"
          d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
          style="fill:context-stroke;fill-rule:evenodd;stroke:none"
-         id="arrow2L-6-9" />
+         id="arrow2L-7" />
     </marker>
   </defs>
   <g
-     id="g2"
+     id="g1"
-     transform="matrix(1.0015575,0,0,0.99732642,-0.05243394,0.19300789)"
+     transform="translate(-26.525954,0.33766413)">
-     style="display:inline">
     <path
-       style="display:inline;fill:#009e40;fill-opacity:1;fill-rule:nonzero;stroke:#009e40;stroke-width:7.69281;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       style="display:inline;fill:#009e40;fill-opacity:1;fill-rule:nonzero;stroke:#009e40;stroke-width:6.51818;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-       d="m 33.577801,70.578205 c -0.03883,-4.552091 0.18082,-59.678336 0.18082,-59.678336"
+       d="M 66.058861,64.317898 C 66.014642,59.668366 66.264733,3.3621217 66.264733,3.3621217"
-       id="path1236-3" />
+       id="path1236-9"
+       sodipodi:nodetypes="cc" />
     <path
-       style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-1);paint-order:stroke fill markers"
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.565155;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-6);paint-order:stroke fill markers"
-       d="m 33.933962,33.99669 c -0.02456,-2.146424 -0.04485,-10.408377 -0.04485,-10.408377"
+       d="M 66.380273,20.750457 C 66.348613,18.453043 66.322453,9.6099043 66.322453,9.6099043"
-       id="path1246-3" />
+       id="path1246-8"
+       sodipodi:nodetypes="cc"
+       inkscape:transform-center-x="0.0088349"
+       inkscape:transform-center-y="5.1277257" />
     <g
        id="g2746"
-       transform="matrix(1.4072602,0,0,1.4072602,-35.010064,-4.794649)"
+       transform="matrix(1.2849761,0,0,1.2223535,3.1447033,-15.079648)"
        style="display:inline">
       <text
          xml:space="preserve"
@@ -67,6 +163,7 @@
          y="19.336451"
          id="text2742"
          transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
+           sodipodi:role="line"
            id="tspan2740"
            style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
            x="48.182404"
@@ -80,39 +177,36 @@
          transform="rotate(-178.67073)" />
     </g>
   </g>
+  <path
+     style="display:none;fill:none;fill-opacity:1;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
+     id="path57645"
+     d="M 40.410717,43.57908 A 14.04826,13.298772 82.80431 0 1 55.295291,36.433326 14.04826,13.298772 82.80431 0 1 65.607838,50.081666 14.04826,13.298772 82.80431 0 1 55.617663,63.70502 14.04826,13.298772 82.80431 0 1 40.563718,56.522417" />
+  <path
+     style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.354143;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3);paint-order:stroke fill markers"
+     d="m 49.207097,36.810781 c 3.242855,-1.399649 6.109266,-1.095812 8.358098,0.149097"
+     id="path57655" />
   <g
-     id="g1"
+     id="g58394"
-     style="display:none">
+     transform="matrix(1.2571663,-0.87051125,0.78952664,1.2406297,-23.391278,79.81556)"
-    <path
+     style="display:inline">
-       style="display:inline;fill:none;fill-opacity:1;stroke:#b16c57;stroke-width:7.0494;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
+    <text
-       id="path4236-8"
+       xml:space="preserve"
-       d="M 34.624809,63.689934 A 12.617344,13.905824 6.8769965 0 0 48.797291,70.511353 12.617344,13.905824 6.8769965 0 0 58.510328,56.84151 12.617344,13.905824 6.8769965 0 0 48.947717,43.532289 12.617344,13.905824 6.8769965 0 0 34.696201,50.885483" />
+       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"
-    <path
+       x="55.705479"
-       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3-6);paint-order:stroke fill markers"
+       y="-25.081388"
-       d="m 50.597819,45.235718 c -3.479672,-2.53512 -6.95274,-2.415059 -9.937039,-0.778814"
+       id="text58390"
-       id="path13743-5-0" />
+       transform="matrix(0.828845,0.5587786,-0.55921616,0.82949403,0,0)"><tspan
-    <g
+         sodipodi:role="line"
-       id="g1244-5"
+         id="tspan58388"
-       transform="matrix(1.3919656,-0.90209595,0.9428036,1.3318644,-56.751263,87.354013)"
+         style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
-       style="display:inline">
-      <text
-         xml:space="preserve"
-         style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
          x="55.705479"
-         y="-25.081388"
+         y="-25.081388">2</tspan></text>
-         id="text1240-6"
+    <circle
-         transform="matrix(0.828845,0.5587786,-0.55921616,0.82949403,0,0)"><tspan
+       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="tspan1238-6"
+       id="circle58392"
-           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
+       cx="-55.559937"
-           x="55.705479"
+       cy="27.578447"
-           y="-25.081388">2</tspan></text>
+       r="1.2760839"
-      <circle
+       transform="rotate(-144.24458)" />
-         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-         id="circle1242-4"
-         cx="-55.559937"
-         cy="27.578447"
-         r="1.2760839"
-         transform="rotate(-144.24458)" />
-    </g>
   </g>
 </svg>

public/assets/small-letter/bs_l2.svg

@@ -7,13 +7,103 @@
    viewBox="0 0 100 100"
    version="1.1"
    id="svg5"
+   sodipodi:docname="ds.svg"
+   inkscape:export-filename="../new_letter/ds.svg"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96"
+   inkscape:version="1.1.2 (0a00cf5339, 2022-02-04)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
    xmlns="http://www.w3.org/2000/svg"
    xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview51242"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     showgrid="false"
+     showguides="true"
+     inkscape:pageshadow="2"
+     inkscape:zoom="1.7039167"
+     inkscape:cx="188.97638"
+     inkscape:cy="188.97638"
+     inkscape:window-width="1920"
+     inkscape:window-height="1007"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg5">
+    <sodipodi:guide
+       position="107.64909,49.99107"
+       orientation="0,-1"
+       id="guide51373"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="114.63086,74.995535"
+       orientation="0,-1"
+       id="guide51375"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="49.846563,90.7451"
+       orientation="1,0"
+       id="guide51379"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="30.037831,109.742"
+       orientation="1,0"
+       id="guide51381"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="114.14376,25.148972"
+       orientation="0,-1"
+       id="guide51383"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="121.77499,67.526669"
+       orientation="0,-1"
+       id="guide51385"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="-62.511162,32.455471"
+       orientation="0,-1"
+       id="guide51387"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="79.722027,92.531133"
+       orientation="0,-1"
+       id="guide51389"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="75.500494,7.6133734"
+       orientation="0,-1"
+       id="guide51391"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="62.674703,108.2319"
+       orientation="1,0"
+       id="guide53858"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="37.604822,110.66405"
+       orientation="1,0"
+       id="guide53860"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="69.596984,81.852399"
+       orientation="1,0"
+       id="guide58546"
+       inkscape:locked="false" />
+  </sodipodi:namedview>
   <defs
      id="defs2">
     <marker
        style="overflow:visible"
-       id="Arrow2-1"
+       id="Arrow2-3"
        refX="0"
        refY="0"
        orient="auto-start-reverse"
@@ -25,40 +115,47 @@
          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" />
+         id="arrow2L-6" />
     </marker>
     <marker
        style="overflow:visible"
-       id="Arrow2-3-6"
+       id="Arrow2-6"
        refX="0"
        refY="0"
        orient="auto-start-reverse"
+       inkscape:stockid="Arrow2"
        markerWidth="7.6999998"
        markerHeight="5.5999999"
        viewBox="0 0 7.7 5.6"
+       inkscape:isstock="true"
+       inkscape:collect="always"
        preserveAspectRatio="xMidYMid">
       <path
          transform="scale(0.7)"
          d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
          style="fill:context-stroke;fill-rule:evenodd;stroke:none"
-         id="arrow2L-6-9" />
+         id="arrow2L-7" />
     </marker>
   </defs>
   <g
-     id="g2"
+     id="g1"
-     transform="matrix(1.0015575,0,0,0.99732642,-0.05243394,0.19300789)"
+     transform="translate(-26.525954,0.33766413)"
      style="display:none">
     <path
-       style="display:inline;fill:#009e40;fill-opacity:1;fill-rule:nonzero;stroke:#009e40;stroke-width:7.69281;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       style="display:inline;fill:#009e40;fill-opacity:1;fill-rule:nonzero;stroke:#009e40;stroke-width:6.51818;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-       d="m 33.577801,70.578205 c -0.03883,-4.552091 0.18082,-59.678336 0.18082,-59.678336"
+       d="M 66.058861,64.317898 C 66.014642,59.668366 66.264733,3.3621217 66.264733,3.3621217"
-       id="path1236-3" />
+       id="path1236-9"
+       sodipodi:nodetypes="cc" />
     <path
-       style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-1);paint-order:stroke fill markers"
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.565155;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-6);paint-order:stroke fill markers"
-       d="m 33.933962,33.99669 c -0.02456,-2.146424 -0.04485,-10.408377 -0.04485,-10.408377"
+       d="M 66.380273,20.750457 C 66.348613,18.453043 66.322453,9.6099043 66.322453,9.6099043"
-       id="path1246-3" />
+       id="path1246-8"
+       sodipodi:nodetypes="cc"
+       inkscape:transform-center-x="0.0088349"
+       inkscape:transform-center-y="5.1277257" />
     <g
        id="g2746"
-       transform="matrix(1.4072602,0,0,1.4072602,-35.010064,-4.794649)"
+       transform="matrix(1.2849761,0,0,1.2223535,3.1447033,-15.079648)"
        style="display:inline">
       <text
          xml:space="preserve"
@@ -67,6 +164,7 @@
          y="19.336451"
          id="text2742"
          transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
+           sodipodi:role="line"
            id="tspan2740"
            style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
            x="48.182404"
@@ -80,39 +178,37 @@
          transform="rotate(-178.67073)" />
     </g>
   </g>
+  <path
+     style="display:inline;fill:none;fill-opacity:1;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
+     id="path57645"
+     d="M 40.410717,43.57908 A 14.04826,13.298772 82.80431 0 1 55.295291,36.433326 14.04826,13.298772 82.80431 0 1 65.607838,50.081666 14.04826,13.298772 82.80431 0 1 55.617663,63.70502 14.04826,13.298772 82.80431 0 1 40.563718,56.522417" />
+  <path
+     style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.354143;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3);paint-order:stroke fill markers"
+     d="m 55.960419,36.621547 c -3.160788,-1.74578 -5.556566,-1.265548 -8.491891,-0.154338"
+     id="path57655"
+     sodipodi:nodetypes="cc" />
   <g
-     id="g1"
+     id="g58394"
+     transform="matrix(1.2571663,-0.87051125,0.78952664,1.2406297,-24.449612,79.81556)"
      style="display:inline">
-    <path
+    <text
-       style="display:inline;fill:none;fill-opacity:1;stroke:#b16c57;stroke-width:7.0494;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
+       xml:space="preserve"
-       id="path4236-8"
+       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"
-       d="M 34.624809,63.689934 A 12.617344,13.905824 6.8769965 0 0 48.797291,70.511353 12.617344,13.905824 6.8769965 0 0 58.510328,56.84151 12.617344,13.905824 6.8769965 0 0 48.947717,43.532289 12.617344,13.905824 6.8769965 0 0 34.696201,50.885483" />
+       x="55.705479"
-    <path
+       y="-25.081388"
-       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3-6);paint-order:stroke fill markers"
+       id="text58390"
-       d="m 50.597819,45.235718 c -3.479672,-2.53512 -6.95274,-2.415059 -9.937039,-0.778814"
+       transform="matrix(0.828845,0.5587786,-0.55921616,0.82949403,0,0)"><tspan
-       id="path13743-5-0" />
+         sodipodi:role="line"
-    <g
+         id="tspan58388"
-       id="g1244-5"
+         style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
-       transform="matrix(1.3919656,-0.90209595,0.9428036,1.3318644,-56.751263,87.354013)"
-       style="display:inline">
-      <text
-         xml:space="preserve"
-         style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
          x="55.705479"
-         y="-25.081388"
+         y="-25.081388">2</tspan></text>
-         id="text1240-6"
+    <circle
-         transform="matrix(0.828845,0.5587786,-0.55921616,0.82949403,0,0)"><tspan
+       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="tspan1238-6"
+       id="circle58392"
-           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
+       cx="-55.559937"
-           x="55.705479"
+       cy="27.578447"
-           y="-25.081388">2</tspan></text>
+       r="1.2760839"
-      <circle
+       transform="rotate(-144.24458)" />
-         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-         id="circle1242-4"
-         cx="-55.559937"
-         cy="27.578447"
-         r="1.2760839"
-         transform="rotate(-144.24458)" />
-    </g>
   </g>
 </svg>

src/pages/guided-tracing/b.astro

@@ -48,8 +48,8 @@ import Layout from "../../layouts/Layout.astro";
       cloudHeight = 340;
       canvasScale = 0.14
       canvasHeight = 35; 
-      letterHeight = 70;
+      letterHeight = 90;
-      letterScale = 1;
+      letterScale = 0.95;
       backgroundScale = 0.8;
       sunScale = 0.1;
       sunScalePlus = 0.15;
@@ -72,8 +72,8 @@ import Layout from "../../layouts/Layout.astro";
       cloudHeight = 250;
       canvasScale = 0.195;
       canvasHeight = 20;
-      letterHeight = 50;
+      letterHeight = 90;
-      letterScale = 1.2;
+      letterScale = 1.25;
       backgroundScale = 1;
       sunScale  = 0.2;
       sunScalePlus = 0.25;