rsyntaxtree 1.2.7 → 1.2.9

data/docs/_examples/040.md

@@ -6,7 +6,7 @@ category: "Phonology"
 polyline: "on"
 symmetrization: "off"
 connector: "auto"
-connector_height: "1"
+connector_height: "2"
 linewidth: "1"
 hide_default_connectors: "off"
 font: "Noto sans mono"

data/docs/_examples/042.md

@@ -6,7 +6,7 @@ category: "Generative Grammar"
 polyline: "off"
 symmetrization: "off"
 connector: "none"
-connector_height: "0.5"
+connector_height: "1.0"
 linewidth: "1"
 hide_default_connectors: "off"
 font: "Noto Serif"

data/docs/_examples/047.md

@@ -0,0 +1,21 @@
+---
+name: "047"
+color: "none"
+caption: "Arrows"
+category: "Test"
+polyline: "off"
+symmetrization: "on"
+connector: "auto"
+connector_height: "0.5"
+linewidth: "1"
+hide_default_connectors: "off"
+font: "Noto Serif"
+---
+```
+->\
+*->*\
+<-\
+*<-*\
+<->\
+*<->*\
+```

data/docs/_includes/box_and_circle_table.html

@@ -51,4 +51,28 @@
 <td><code>*--*</code></td>
 <td><img style='height: 1em;' src='./assets/img/elements/connector_bold.png' /></td>
 </tr>
+<tr>
+<td><code>-&gt;</code></td>
+<td><img style='height: 1em;' src='./assets/img/elements/arrow_right.png' /></td>
+</tr>
+<tr>
+<td><code>*-&gt;*</code></td>
+<td><img style='height: 1em;' src='./assets/img/elements/arrow_right_bold.png' /></td>
+</tr>
+<tr>
+<td><code>&lt;-</code></td>
+<td><img style='height: 1em;' src='./assets/img/elements/arrow_left.png' /></td>
+</tr>
+<tr>
+<td><code>*&lt;-*</code></td>
+<td><img style='height: 1em;' src='./assets/img/elements/arrow_left_bold.png' /></td>
+</tr>
+<tr>
+<td><code>&lt;-&gt;</code></td>
+<td><img style='height: 1em;' src='./assets/img/elements/arrow_both.png' /></td>
+</tr>
+<tr>
+<td><code>*&lt;-&gt;*</code></td>
+<td><img style='height: 1em;' src='./assets/img/elements/arrow_both_bold.png' /></td>
+</tr>
 </tbody></table>

data/docs/assets/css/style.scss

@@ -2,6 +2,12 @@
 --- 
 @import "{{ site.theme }}"; 
 
+@media screen and (min-width: 64em) {
+  .main-content {
+    max-width: 72rem;
+  }
+}
+
 div.grid {
   display: grid;
   grid-template-columns: 1fr 1fr; 

data/docs/assets/svg/000.svg

@@ -1,17 +1,17 @@
 <?xml version="1.0" standalone="no"?>
 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-  <svg width="1768.4000000000003" height="1430.0" viewBox="0, 0, 1783.6000000000004, 1452.0" version="1.1" xmlns="http://www.w3.org/2000/svg">
+  <svg width="909.0000000000001" height="821.25" viewBox="-15.200000000000001, 0, 924.2000000000002, 832.5" version="1.1" xmlns="http://www.w3.org/2000/svg">
   <defs>
-    <marker id="arrow" markerUnits="userSpaceOnUse" viewBox="0 0 10 10" refX="10" refY="5" markerWidth="30.400000000000002" markerHeight="30.400000000000002" orient="auto">
+    <marker id="arrow" markerUnits="userSpaceOnUse" viewBox="0 0 10 10" refX="10" refY="5" markerWidth="15.200000000000001" markerHeight="15.200000000000001" orient="auto">
       <path d="M 0 0 L 10 5 L 0 10" fill="#CC79A7"/>
     </marker>
-    <marker id="arrowBackward" markerUnits="userSpaceOnUse" viewBox="0 0 10 10" refX="5" refY="5" markerWidth="30.400000000000002" markerHeight="30.400000000000002" orient="auto">
+    <marker id="arrowBackward" markerUnits="userSpaceOnUse" viewBox="0 0 10 10" refX="5" refY="5" markerWidth="15.200000000000001" markerHeight="15.200000000000001" orient="auto">
       <path d="M 0 0 L 10 5 L 0 10 z" fill="#CC79A7"/>
     </marker>
-    <marker id="arrowForward" markerUnits="userSpaceOnUse" viewBox="0 0 10 10" refX="5" refY="5" markerWidth="30.400000000000002" markerHeight="30.400000000000002" orient="auto">
+    <marker id="arrowForward" markerUnits="userSpaceOnUse" viewBox="0 0 10 10" refX="5" refY="5" markerWidth="15.200000000000001" markerHeight="15.200000000000001" orient="auto">
       <path d="M 10 0 L 0 5 L 10 10 z" fill="#CC79A7"/>
     </marker>
-    <marker id="arrowBothways" markerUnits="userSpaceOnUse" viewBox="0 0 30 10" refX="15" refY="5" markerWidth="91.2" markerHeight="30.400000000000002" orient="auto">
+    <marker id="arrowBothways" markerUnits="userSpaceOnUse" viewBox="0 0 30 10" refX="15" refY="5" markerWidth="45.6" markerHeight="15.200000000000001" orient="auto">
       <path d="M 0 5 L 10 0 L 10 5 L 20 5 L 20 0 L 30 5 L 20 10 L 20 5 L 10 5 L 10 10 z" fill="#CC79A7"/>
     </marker>
     <pattern id="hatchBlack" x="10" y="10" width="10" height="10" patternUnits="userSpaceOnUse" patternTransform="rotate(45)">
@@ -24,51 +24,51 @@
       <line x1="0" y="0" x2="0" y2="10" stroke="#009E73" stroke-width="4"></line>
     </pattern>
   </defs>
-<rect x="0" y="0" width="1783.6000000000004" height="1452.0" stroke="none" fill="white" />"
-<text white-space='pre' alignment-baseline='text-top' style='fill: #0072B2; font-size: 64px;' x='672.3625000000001' y='132.0'><tspan x='672.3625000000001' y='132.0' style="" text-decoration="" font-family="'Noto Sans', 'Noto Sans JP', OpenMoji, 'OpenMoji Color', 'OpenMoji Black', sans-serif">S</tspan>
+<rect x="-15.200000000000001" y="0" width="924.2000000000002" height="832.5" stroke="none" fill="white" />"
+<text white-space='pre' alignment-baseline='text-top' style='fill: #0072B2; storoke-width: 0; font-size: 32px;' x='338.15000000000003' y='67.5'><tspan x='338.15000000000003' y='67.5' style="" text-decoration="" font-family="'Noto Sans', 'Noto Sans JP', OpenMoji, 'OpenMoji Color', 'OpenMoji Black', sans-serif">S</tspan>
 </text>
-<text white-space='pre' alignment-baseline='text-top' style='fill: #0072B2; font-size: 64px;' x='226.89999999999998' y='422.4'><tspan x='226.89999999999998' y='422.4' style="" text-decoration="" font-family="'Noto Sans', 'Noto Sans JP', OpenMoji, 'OpenMoji Color', 'OpenMoji Black', sans-serif">NP</tspan>
+<text white-space='pre' alignment-baseline='text-top' style='fill: #0072B2; storoke-width: 0; font-size: 32px;' x='115.19999999999999' y='238.5'><tspan x='115.19999999999999' y='238.5' style="" text-decoration="" font-family="'Noto Sans', 'Noto Sans JP', OpenMoji, 'OpenMoji Color', 'OpenMoji Black', sans-serif">NP</tspan>
 </text>
-<text white-space='pre' alignment-baseline='text-top' style='fill: #009E73; font-size: 64px;' x='30.399999999999977' y='712.8'><tspan x='54.39999999999998' y='712.8' style="" text-decoration="" font-family="'Noto Sans', 'Noto Sans JP', OpenMoji, 'OpenMoji Color', 'OpenMoji Black', sans-serif">R</tspan>
-<tspan x='118.39999999999998' y='712.8' style="" text-decoration="" font-family="'Noto Sans', 'Noto Sans JP', OpenMoji, 'OpenMoji Color', 'OpenMoji Black', sans-serif"><tspan style='fill:none;'>￭</tspan></tspan>
-<tspan x='152.39999999999998' y='712.8' style="font-weight: bold; fill: #D55E00; " text-decoration="" font-family="'Noto Sans', 'Noto Sans JP', OpenMoji, 'OpenMoji Color', 'OpenMoji Black', sans-serif">SyntaxTree</tspan>
+<text white-space='pre' alignment-baseline='text-top' style='fill: #009E73; storoke-width: 0; font-size: 32px;' x='15.199999999999989' y='409.5'><tspan x='27.69999999999999' y='409.5' style="" text-decoration="" font-family="'Noto Sans', 'Noto Sans JP', OpenMoji, 'OpenMoji Color', 'OpenMoji Black', sans-serif">R</tspan>
+<tspan x='60.19999999999999' y='409.5' style="" text-decoration="" font-family="'Noto Sans', 'Noto Sans JP', OpenMoji, 'OpenMoji Color', 'OpenMoji Black', sans-serif"><tspan style='fill:none;'>￭</tspan></tspan>
+<tspan x='77.19999999999999' y='409.5' style="font-weight: bold; fill: #D55E00; " text-decoration="" font-family="'Noto Sans', 'Noto Sans JP', OpenMoji, 'OpenMoji Color', 'OpenMoji Black', sans-serif">SyntaxTree</tspan>
 </text>
-<text white-space='pre' alignment-baseline='text-top' style='fill: #0072B2; font-size: 64px;' x='1070.325' y='422.4'><tspan x='1070.325' y='422.4' style="" text-decoration="" font-family="'Noto Sans', 'Noto Sans JP', OpenMoji, 'OpenMoji Color', 'OpenMoji Black', sans-serif">VP</tspan>
+<text white-space='pre' alignment-baseline='text-top' style='fill: #0072B2; storoke-width: 0; font-size: 32px;' x='538.6' y='238.5'><tspan x='538.6' y='238.5' style="" text-decoration="" font-family="'Noto Sans', 'Noto Sans JP', OpenMoji, 'OpenMoji Color', 'OpenMoji Black', sans-serif">VP</tspan>
 </text>
-<text white-space='pre' alignment-baseline='text-top' style='fill: #0072B2; font-size: 64px;' x='753.5' y='712.8'><tspan x='753.5' y='712.8' style="" text-decoration="" font-family="'Noto Sans', 'Noto Sans JP', OpenMoji, 'OpenMoji Color', 'OpenMoji Black', sans-serif">V</tspan>
+<text white-space='pre' alignment-baseline='text-top' style='fill: #0072B2; storoke-width: 0; font-size: 32px;' x='380.0' y='409.5'><tspan x='380.0' y='409.5' style="" text-decoration="" font-family="'Noto Sans', 'Noto Sans JP', OpenMoji, 'OpenMoji Color', 'OpenMoji Black', sans-serif">V</tspan>
 </text>
-<text white-space='pre' alignment-baseline='text-top' style='fill: #009E73; font-size: 64px;' x='633.0' y='1003.1999999999998'><tspan x='633.0' y='1003.1999999999998' style="font-style: italic; " text-decoration="" font-family="'Noto Sans', 'Noto Sans JP', OpenMoji, 'OpenMoji Color', 'OpenMoji Black', sans-serif">generates</tspan>
+<text white-space='pre' alignment-baseline='text-top' style='fill: #009E73; storoke-width: 0; font-size: 32px;' x='319.0' y='580.5'><tspan x='319.0' y='580.5' style="font-style: italic; " text-decoration="" font-family="'Noto Sans', 'Noto Sans JP', OpenMoji, 'OpenMoji Color', 'OpenMoji Black', sans-serif">generates</tspan>
 </text>
-<text white-space='pre' alignment-baseline='text-top' style='fill: #0072B2; font-size: 64px;' x='1400.65' y='712.8'><tspan x='1400.65' y='712.8' style="" text-decoration="" font-family="'Noto Sans', 'Noto Sans JP', OpenMoji, 'OpenMoji Color', 'OpenMoji Black', sans-serif">NP</tspan>
+<text white-space='pre' alignment-baseline='text-top' style='fill: #0072B2; storoke-width: 0; font-size: 32px;' x='703.7' y='409.5'><tspan x='703.7' y='409.5' style="" text-decoration="" font-family="'Noto Sans', 'Noto Sans JP', OpenMoji, 'OpenMoji Color', 'OpenMoji Black', sans-serif">NP</tspan>
 </text>
-<text white-space='pre' alignment-baseline='text-top' style='fill: #0072B2; font-size: 64px;' x='1186.1' y='1003.1999999999998'><tspan x='1186.1' y='1003.1999999999998' style="" text-decoration="" font-family="'Noto Sans', 'Noto Sans JP', OpenMoji, 'OpenMoji Color', 'OpenMoji Black', sans-serif">Adj</tspan>
+<text white-space='pre' alignment-baseline='text-top' style='fill: #0072B2; storoke-width: 0; font-size: 32px;' x='596.8' y='580.5'><tspan x='596.8' y='580.5' style="" text-decoration="" font-family="'Noto Sans', 'Noto Sans JP', OpenMoji, 'OpenMoji Color', 'OpenMoji Black', sans-serif">Adj</tspan>
 </text>
-<text white-space='pre' alignment-baseline='text-top' style='fill: #009E73; font-size: 64px;' x='1034.6000000000001' y='1293.6'><tspan x='1034.6000000000001' y='1293.6' style="" text-decoration="" font-family="'Noto Sans', 'Noto Sans JP', OpenMoji, 'OpenMoji Color', 'OpenMoji Black', sans-serif">+multilingual</tspan>
-<tspan x='1034.6000000000001' y='1381.6' style="" text-decoration="" font-family="'Noto Sans', 'Noto Sans JP', OpenMoji, 'OpenMoji Color', 'OpenMoji Black', sans-serif">+beautiful</tspan>
+<text white-space='pre' alignment-baseline='text-top' style='fill: #009E73; storoke-width: 0; font-size: 32px;' x='521.8000000000001' y='751.5'><tspan x='521.8000000000001' y='751.5' style="" text-decoration="" font-family="'Noto Sans', 'Noto Sans JP', OpenMoji, 'OpenMoji Color', 'OpenMoji Black', sans-serif">+multilingual</tspan>
+<tspan x='521.8000000000001' y='796.5' style="" text-decoration="" font-family="'Noto Sans', 'Noto Sans JP', OpenMoji, 'OpenMoji Color', 'OpenMoji Black', sans-serif">+beautiful</tspan>
 </text>
-<text white-space='pre' alignment-baseline='text-top' style='fill: #0072B2; font-size: 64px;' x='1610.7000000000003' y='1003.1999999999998'><tspan x='1610.7000000000003' y='1003.1999999999998' style="" text-decoration="" font-family="'Noto Sans', 'Noto Sans JP', OpenMoji, 'OpenMoji Color', 'OpenMoji Black', sans-serif">NP</tspan>
+<text white-space='pre' alignment-baseline='text-top' style='fill: #0072B2; storoke-width: 0; font-size: 32px;' x='808.1000000000001' y='580.5'><tspan x='808.1000000000001' y='580.5' style="" text-decoration="" font-family="'Noto Sans', 'Noto Sans JP', OpenMoji, 'OpenMoji Color', 'OpenMoji Black', sans-serif">NP</tspan>
 </text>
-<text white-space='pre' alignment-baseline='text-top' style='fill: #009E73; font-size: 64px;' x='1556.2000000000003' y='1293.6'><tspan x='1556.2000000000003' y='1293.6' style="" text-decoration="" font-family="'Noto Sans', 'Noto Sans JP', OpenMoji, 'OpenMoji Color', 'OpenMoji Black', sans-serif">syntax</tspan>
-<tspan x='1578.7000000000003' y='1381.6' style="" text-decoration="" font-family="'Noto Sans', 'Noto Sans JP', OpenMoji, 'OpenMoji Color', 'OpenMoji Black', sans-serif">trees</tspan>
+<text white-space='pre' alignment-baseline='text-top' style='fill: #009E73; storoke-width: 0; font-size: 32px;' x='780.6000000000001' y='751.5'><tspan x='780.6000000000001' y='751.5' style="" text-decoration="" font-family="'Noto Sans', 'Noto Sans JP', OpenMoji, 'OpenMoji Color', 'OpenMoji Black', sans-serif">syntax</tspan>
+<tspan x='791.6000000000001' y='796.5' style="" text-decoration="" font-family="'Noto Sans', 'Noto Sans JP', OpenMoji, 'OpenMoji Color', 'OpenMoji Black', sans-serif">trees</tspan>
 </text>
-<line style='stroke:black; stroke-width:3; stroke-linejoin:round; stroke-linecap:round;' x1='270.9' y1='312.4' x2='689.8625000000001' y2='187.0' />
-<line style='stroke:black; stroke-width:3; stroke-linejoin:round; stroke-linecap:round;' x1='1108.825' y1='312.4' x2='689.8625000000001' y2='187.0' />
-<polygon style='fill: none; stroke: black; stroke-width:3; stroke-linejoin:round;stroke-linecap:round;' points='30.399999999999977 602.8 511.4 602.8 270.9 477.4' />
-<line style='stroke:black; stroke-width:3; stroke-linejoin:round; stroke-linecap:round;' x1='773.0' y1='602.8' x2='1108.825' y2='477.4' />
-<line style='stroke:black; stroke-width:3; stroke-linejoin:round; stroke-linecap:round;' x1='1444.65' y1='602.8' x2='1108.825' y2='477.4' />
-<line style='stroke:black; stroke-width:3; stroke-linejoin:round; stroke-linecap:round;' x1='773.0' y1='893.1999999999999' x2='773.0' y2='767.8' />
-<line style='stroke:black; stroke-width:3; stroke-linejoin:round; stroke-linecap:round;' x1='1234.6' y1='893.1999999999999' x2='1444.65' y2='767.8' />
-<line style='stroke:black; stroke-width:3; stroke-linejoin:round; stroke-linecap:round;' x1='1654.7000000000003' y1='893.1999999999999' x2='1444.65' y2='767.8' />
-<line style='stroke:black; stroke-width:3; stroke-linejoin:round; stroke-linecap:round;' x1='1234.6000000000001' y1='1183.6' x2='1234.6' y2='1058.1999999999998' />
-<polygon style='fill: none; stroke: black; stroke-width:3; stroke-linejoin:round;stroke-linecap:round;' points='1556.2000000000003 1183.6 1753.2000000000003 1183.6 1654.7000000000003 1058.1999999999998' />
-<rect style='stroke: #009E73; stroke-linejoin:round; stroke-width:3;'
-                        x='30.399999999999977' y='644.4'
-                        width='88.0' height='88.0'
+<line style='fill: none; stroke:black; stroke-width:2; stroke-linejoin:round; stroke-linecap:round;' x1='136.7' y1='182.25' x2='347.15000000000003' y2='95.625' />
+<line style='fill: none; stroke:black; stroke-width:2; stroke-linejoin:round; stroke-linecap:round;' x1='557.6' y1='182.25' x2='347.15000000000003' y2='95.625' />
+<polygon style='fill: none; stroke: black; stroke-width:2; stroke-linejoin:round;stroke-linecap:round;' points='15.199999999999989 353.25 258.2 353.25 136.7 266.625' />
+<line style='fill: none; stroke:black; stroke-width:2; stroke-linejoin:round; stroke-linecap:round;' x1='390.0' y1='353.25' x2='557.6' y2='266.625' />
+<line style='fill: none; stroke:black; stroke-width:2; stroke-linejoin:round; stroke-linecap:round;' x1='725.2' y1='353.25' x2='557.6' y2='266.625' />
+<line style='fill: none; stroke:black; stroke-width:2; stroke-linejoin:round; stroke-linecap:round;' x1='390.0' y1='524.25' x2='390.0' y2='437.625' />
+<line style='fill: none; stroke:black; stroke-width:2; stroke-linejoin:round; stroke-linecap:round;' x1='620.8' y1='524.25' x2='725.2' y2='437.625' />
+<line style='fill: none; stroke:black; stroke-width:2; stroke-linejoin:round; stroke-linecap:round;' x1='829.6000000000001' y1='524.25' x2='725.2' y2='437.625' />
+<line style='fill: none; stroke:black; stroke-width:2; stroke-linejoin:round; stroke-linecap:round;' x1='620.8000000000001' y1='695.25' x2='620.8' y2='608.625' />
+<polygon style='fill: none; stroke: black; stroke-width:2; stroke-linejoin:round;stroke-linecap:round;' points='780.6000000000001 695.25 878.6000000000001 695.25 829.6000000000001 608.625' />
+<rect style='fill: none; stroke: #009E73; stroke-linejoin:round; stroke-width:2;'
+                        x='15.199999999999989' y='373.5'
+                        width='45.0' height='45.0'
                         fill='none' />
 
-<polyline style='stroke:#009E73; stroke-width:3; fill:none; stroke-linejoin:round; stroke-linecap:round;'
-                            points='1034.6000000000001,1194.6 1019.4000000000001,1194.6 1019.4000000000001,1425.6 1034.6000000000001,1425.6' />
+<polyline style='stroke:#009E73; stroke-width:2; fill:none; stroke-linejoin:round; stroke-linecap:round;'
+                            points='521.8000000000001,700.875 514.2,700.875 514.2,819.0 521.8000000000001,819.0' />
 
-<polyline style='stroke:#009E73; stroke-width:3; fill:none; stroke-linejoin:round; stroke-linecap:round;'
-                            points='1434.6000000000001,1194.6 1449.8000000000002,1194.6 1449.8000000000002,1425.6 1434.6000000000001,1425.6' />
+<polyline style='stroke:#009E73; stroke-width:2; fill:none; stroke-linejoin:round; stroke-linecap:round;'
+                            points='719.8000000000001,700.875 727.4000000000001,700.875 727.4000000000001,819.0 719.8000000000001,819.0' />
 </svg>

data/docs/assets/svg/001.svg

@@ -1,17 +1,17 @@
 <?xml version="1.0" standalone="no"?>
 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-  <svg width="624.6" height="673.2" viewBox="0, 0, 641.4, 695.2" version="1.1" xmlns="http://www.w3.org/2000/svg">
+  <svg width="337.00000000000006" height="344.25" viewBox="-16.8, 0, 353.80000000000007, 355.5" version="1.1" xmlns="http://www.w3.org/2000/svg">
   <defs>
-    <marker id="arrow" markerUnits="userSpaceOnUse" viewBox="0 0 10 10" refX="10" refY="5" markerWidth="33.6" markerHeight="33.6" orient="auto">
+    <marker id="arrow" markerUnits="userSpaceOnUse" viewBox="0 0 10 10" refX="10" refY="5" markerWidth="16.8" markerHeight="16.8" orient="auto">
       <path d="M 0 0 L 10 5 L 0 10" fill="#CC79A7"/>
     </marker>
-    <marker id="arrowBackward" markerUnits="userSpaceOnUse" viewBox="0 0 10 10" refX="5" refY="5" markerWidth="33.6" markerHeight="33.6" orient="auto">
+    <marker id="arrowBackward" markerUnits="userSpaceOnUse" viewBox="0 0 10 10" refX="5" refY="5" markerWidth="16.8" markerHeight="16.8" orient="auto">
       <path d="M 0 0 L 10 5 L 0 10 z" fill="#CC79A7"/>
     </marker>
-    <marker id="arrowForward" markerUnits="userSpaceOnUse" viewBox="0 0 10 10" refX="5" refY="5" markerWidth="33.6" markerHeight="33.6" orient="auto">
+    <marker id="arrowForward" markerUnits="userSpaceOnUse" viewBox="0 0 10 10" refX="5" refY="5" markerWidth="16.8" markerHeight="16.8" orient="auto">
       <path d="M 10 0 L 0 5 L 10 10 z" fill="#CC79A7"/>
     </marker>
-    <marker id="arrowBothways" markerUnits="userSpaceOnUse" viewBox="0 0 30 10" refX="15" refY="5" markerWidth="100.80000000000001" markerHeight="33.6" orient="auto">
+    <marker id="arrowBothways" markerUnits="userSpaceOnUse" viewBox="0 0 30 10" refX="15" refY="5" markerWidth="50.400000000000006" markerHeight="16.8" orient="auto">
       <path d="M 0 5 L 10 0 L 10 5 L 20 5 L 20 0 L 30 5 L 20 10 L 20 5 L 10 5 L 10 10 z" fill="#CC79A7"/>
     </marker>
     <pattern id="hatchBlack" x="10" y="10" width="10" height="10" patternUnits="userSpaceOnUse" patternTransform="rotate(45)">
@@ -24,25 +24,25 @@
       <line x1="0" y="0" x2="0" y2="10" stroke="#009E73" stroke-width="4"></line>
     </pattern>
   </defs>
-<rect x="0" y="0" width="641.4" height="695.2" stroke="none" fill="white" />"
-<text white-space='pre' alignment-baseline='text-top' style='fill: #0072B2; font-size: 64px;' x='298.32500000000005' y='132.0'><tspan x='298.32500000000005' y='132.0' style="" text-decoration="" font-family="'Noto Serif', 'Noto Serif JP', OpenMoji, 'OpenMoji Color', 'OpenMoji Black', serif">A</tspan>
+<rect x="-16.8" y="0" width="353.80000000000007" height="355.5" stroke="none" fill="white" />"
+<text white-space='pre' alignment-baseline='text-top' style='fill: #0072B2; storoke-width: 0; font-size: 32px;' x='148.72500000000002' y='67.5'><tspan x='148.72500000000002' y='67.5' style="" text-decoration="" font-family="'Noto Serif', 'Noto Serif JP', OpenMoji, 'OpenMoji Color', 'OpenMoji Black', serif">A</tspan>
 </text>
-<text white-space='pre' alignment-baseline='text-top' style='fill: #0072B2; font-size: 64px;' x='125.05000000000001' y='378.4'><tspan x='125.05000000000001' y='378.4' style="" text-decoration="" font-family="'Noto Serif', 'Noto Serif JP', OpenMoji, 'OpenMoji Color', 'OpenMoji Black', serif">B</tspan>
+<text white-space='pre' alignment-baseline='text-top' style='fill: #0072B2; storoke-width: 0; font-size: 32px;' x='62.150000000000006' y='193.5'><tspan x='62.150000000000006' y='193.5' style="" text-decoration="" font-family="'Noto Serif', 'Noto Serif JP', OpenMoji, 'OpenMoji Color', 'OpenMoji Black', serif">B</tspan>
 </text>
-<text white-space='pre' alignment-baseline='text-top' style='fill: #009E73; font-size: 64px;' x='33.60000000000002' y='624.8'><tspan x='33.60000000000002' y='624.8' style="" text-decoration="" font-family="'Noto Serif', 'Noto Serif JP', OpenMoji, 'OpenMoji Color', 'OpenMoji Black', serif">D</tspan>
+<text white-space='pre' alignment-baseline='text-top' style='fill: #009E73; storoke-width: 0; font-size: 32px;' x='16.80000000000001' y='319.5'><tspan x='16.80000000000001' y='319.5' style="" text-decoration="" font-family="'Noto Serif', 'Noto Serif JP', OpenMoji, 'OpenMoji Color', 'OpenMoji Black', serif">D</tspan>
 </text>
-<text white-space='pre' alignment-baseline='text-top' style='fill: #009E73; font-size: 64px;' x='215.0' y='624.8'><tspan x='215.0' y='624.8' style="" text-decoration="" font-family="'Noto Serif', 'Noto Serif JP', OpenMoji, 'OpenMoji Color', 'OpenMoji Black', serif">E</tspan>
+<text white-space='pre' alignment-baseline='text-top' style='fill: #009E73; storoke-width: 0; font-size: 32px;' x='107.0' y='319.5'><tspan x='107.0' y='319.5' style="" text-decoration="" font-family="'Noto Serif', 'Noto Serif JP', OpenMoji, 'OpenMoji Color', 'OpenMoji Black', serif">E</tspan>
 </text>
-<text white-space='pre' alignment-baseline='text-top' style='fill: #0072B2; font-size: 64px;' x='477.1' y='378.4'><tspan x='477.1' y='378.4' style="" text-decoration="" font-family="'Noto Serif', 'Noto Serif JP', OpenMoji, 'OpenMoji Color', 'OpenMoji Black', serif">C</tspan>
+<text white-space='pre' alignment-baseline='text-top' style='fill: #0072B2; storoke-width: 0; font-size: 32px;' x='237.8' y='193.5'><tspan x='237.8' y='193.5' style="" text-decoration="" font-family="'Noto Serif', 'Noto Serif JP', OpenMoji, 'OpenMoji Color', 'OpenMoji Black', serif">C</tspan>
 </text>
-<text white-space='pre' alignment-baseline='text-top' style='fill: #009E73; font-size: 64px;' x='389.40000000000003' y='624.8'><tspan x='389.40000000000003' y='624.8' style="" text-decoration="" font-family="'Noto Serif', 'Noto Serif JP', OpenMoji, 'OpenMoji Color', 'OpenMoji Black', serif">F</tspan>
+<text white-space='pre' alignment-baseline='text-top' style='fill: #009E73; storoke-width: 0; font-size: 32px;' x='194.20000000000002' y='319.5'><tspan x='194.20000000000002' y='319.5' style="" text-decoration="" font-family="'Noto Serif', 'Noto Serif JP', OpenMoji, 'OpenMoji Color', 'OpenMoji Black', serif">F</tspan>
 </text>
-<text white-space='pre' alignment-baseline='text-top' style='fill: #009E73; font-size: 64px;' x='561.8000000000001' y='624.8'><tspan x='561.8000000000001' y='624.8' style="" text-decoration="" font-family="'Noto Serif', 'Noto Serif JP', OpenMoji, 'OpenMoji Color', 'OpenMoji Black', serif">G</tspan>
+<text white-space='pre' alignment-baseline='text-top' style='fill: #009E73; storoke-width: 0; font-size: 32px;' x='280.40000000000003' y='319.5'><tspan x='280.40000000000003' y='319.5' style="" text-decoration="" font-family="'Noto Serif', 'Noto Serif JP', OpenMoji, 'OpenMoji Color', 'OpenMoji Black', serif">G</tspan>
 </text>
-<line style='stroke:black; stroke-width:3; stroke-linejoin:round; stroke-linecap:round;' x1='146.05' y1='268.4' x2='321.32500000000005' y2='187.0' />
-<line style='stroke:black; stroke-width:3; stroke-linejoin:round; stroke-linecap:round;' x1='496.6' y1='268.4' x2='321.32500000000005' y2='187.0' />
-<line style='stroke:black; stroke-width:3; stroke-linejoin:round; stroke-linecap:round;' x1='57.10000000000002' y1='514.8' x2='146.05' y2='433.4' />
-<line style='stroke:black; stroke-width:3; stroke-linejoin:round; stroke-linecap:round;' x1='235.0' y1='514.8' x2='146.05' y2='433.4' />
-<line style='stroke:black; stroke-width:3; stroke-linejoin:round; stroke-linecap:round;' x1='408.40000000000003' y1='514.8' x2='496.6' y2='433.4' />
-<line style='stroke:black; stroke-width:3; stroke-linejoin:round; stroke-linecap:round;' x1='584.8000000000001' y1='514.8' x2='496.6' y2='433.4' />
+<line style='fill: none; stroke:black; stroke-width:2; stroke-linejoin:round; stroke-linecap:round;' x1='72.65' y1='137.25' x2='160.22500000000002' y2='95.625' />
+<line style='fill: none; stroke:black; stroke-width:2; stroke-linejoin:round; stroke-linecap:round;' x1='247.8' y1='137.25' x2='160.22500000000002' y2='95.625' />
+<line style='fill: none; stroke:black; stroke-width:2; stroke-linejoin:round; stroke-linecap:round;' x1='28.30000000000001' y1='263.25' x2='72.65' y2='221.625' />
+<line style='fill: none; stroke:black; stroke-width:2; stroke-linejoin:round; stroke-linecap:round;' x1='117.0' y1='263.25' x2='72.65' y2='221.625' />
+<line style='fill: none; stroke:black; stroke-width:2; stroke-linejoin:round; stroke-linecap:round;' x1='203.70000000000002' y1='263.25' x2='247.8' y2='221.625' />
+<line style='fill: none; stroke:black; stroke-width:2; stroke-linejoin:round; stroke-linecap:round;' x1='291.90000000000003' y1='263.25' x2='247.8' y2='221.625' />
 </svg>