added board control

This commit is contained in:
PROFERIS - Mi³osz Stocki
2026-07-07 09:34:00 +02:00
parent 7a216ea645
commit 2e74c7d0c1
13 changed files with 731 additions and 48 deletions
@@ -0,0 +1,56 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 175">
<!-- Background -->
<rect width="120" height="175" fill="#fdf6e3"/>
<rect x="5" y="5" width="110" height="165" fill="none" stroke="#eee8d5" stroke-width="2" rx="4"/>
<g stroke="#e0e0e0">
<!-- Row 0: 25 -->
<line x1="10" y1="25" x2="110" y2="25" stroke-width="1"/>
<line x1="10" y1="20" x2="110" y2="20" stroke-width="0.5" stroke-dasharray="2,2"/>
<line x1="10" y1="15" x2="110" y2="15" stroke-width="1"/>
<!-- Row 1: 41 -->
<line x1="10" y1="41" x2="110" y2="41" stroke-width="1"/>
<line x1="10" y1="36" x2="110" y2="36" stroke-width="0.5" stroke-dasharray="2,2"/>
<line x1="10" y1="31" x2="110" y2="31" stroke-width="1"/>
<!-- Row 2: 57 -->
<line x1="10" y1="57" x2="110" y2="57" stroke-width="1"/>
<line x1="10" y1="52" x2="110" y2="52" stroke-width="0.5" stroke-dasharray="2,2"/>
<line x1="10" y1="47" x2="110" y2="47" stroke-width="1"/>
<!-- Row 3: 73 -->
<line x1="10" y1="73" x2="110" y2="73" stroke-width="1"/>
<line x1="10" y1="68" x2="110" y2="68" stroke-width="0.5" stroke-dasharray="2,2"/>
<line x1="10" y1="63" x2="110" y2="63" stroke-width="1"/>
<!-- Row 4: 89 -->
<line x1="10" y1="89" x2="110" y2="89" stroke-width="1"/>
<line x1="10" y1="84" x2="110" y2="84" stroke-width="0.5" stroke-dasharray="2,2"/>
<line x1="10" y1="79" x2="110" y2="79" stroke-width="1"/>
<!-- Row 5: 105 -->
<line x1="10" y1="105" x2="110" y2="105" stroke-width="1"/>
<line x1="10" y1="100" x2="110" y2="100" stroke-width="0.5" stroke-dasharray="2,2"/>
<line x1="10" y1="95" x2="110" y2="95" stroke-width="1"/>
<!-- Row 6: 121 -->
<line x1="10" y1="121" x2="110" y2="121" stroke-width="1"/>
<line x1="10" y1="116" x2="110" y2="116" stroke-width="0.5" stroke-dasharray="2,2"/>
<line x1="10" y1="111" x2="110" y2="111" stroke-width="1"/>
<!-- Row 7: 137 -->
<line x1="10" y1="137" x2="110" y2="137" stroke-width="1"/>
<line x1="10" y1="132" x2="110" y2="132" stroke-width="0.5" stroke-dasharray="2,2"/>
<line x1="10" y1="127" x2="110" y2="127" stroke-width="1"/>
<!-- Row 8: 153 -->
<line x1="10" y1="153" x2="110" y2="153" stroke-width="1"/>
<line x1="10" y1="148" x2="110" y2="148" stroke-width="0.5" stroke-dasharray="2,2"/>
<line x1="10" y1="143" x2="110" y2="143" stroke-width="1"/>
</g>
<g fill="#268bd2" font-family="cursive, 'Comic Sans MS', sans-serif" font-size="14" font-style="italic" text-anchor="middle">
<text x="25" y="25">Aa</text><text x="60" y="25">Bb</text><text x="95" y="25">Cc</text>
<text x="25" y="41">Dd</text><text x="60" y="41">Ee</text><text x="95" y="41">Ff</text>
<text x="25" y="57">Gg</text><text x="60" y="57">Hh</text><text x="95" y="57">Ii</text>
<text x="25" y="73">Jj</text><text x="60" y="73">Kk</text><text x="95" y="73">Ll</text>
<text x="25" y="89">Mm</text><text x="60" y="89">Nn</text><text x="95" y="89">Oo</text>
<text x="25" y="105">Pp</text><text x="60" y="105">Qq</text><text x="95" y="105">Rr</text>
<text x="25" y="121">Ss</text><text x="60" y="121">Tt</text><text x="95" y="121">Uu</text>
<text x="25" y="137">Vv</text><text x="60" y="137">Ww</text><text x="95" y="137">Xx</text>
<text x="25" y="153">Yy</text><text x="60" y="153">Zz</text>
</g>
</svg>

After

Width:  |  Height:  |  Size: 3.3 KiB

@@ -0,0 +1,31 @@
{
"bounds": { "xMin": 30, "xMax": 150, "yMin": -30, "yMax": 145 },
"spots": [
{ "id": "A", "label": "Aa", "x": 55, "y": 120 },
{ "id": "B", "label": "Bb", "x": 90, "y": 120 },
{ "id": "C", "label": "Cc", "x": 125, "y": 120 },
{ "id": "D", "label": "Dd", "x": 55, "y": 104 },
{ "id": "E", "label": "Ee", "x": 90, "y": 104 },
{ "id": "F", "label": "Ff", "x": 125, "y": 104 },
{ "id": "G", "label": "Gg", "x": 55, "y": 88 },
{ "id": "H", "label": "Hh", "x": 90, "y": 88 },
{ "id": "I", "label": "Ii", "x": 125, "y": 88 },
{ "id": "J", "label": "Jj", "x": 55, "y": 72 },
{ "id": "K", "label": "Kk", "x": 90, "y": 72 },
{ "id": "L", "label": "Ll", "x": 125, "y": 72 },
{ "id": "M", "label": "Mm", "x": 55, "y": 56 },
{ "id": "N", "label": "Nn", "x": 90, "y": 56 },
{ "id": "O", "label": "Oo", "x": 125, "y": 56 },
{ "id": "P", "label": "Pp", "x": 55, "y": 40 },
{ "id": "Q", "label": "Qq", "x": 90, "y": 40 },
{ "id": "R", "label": "Rr", "x": 125, "y": 40 },
{ "id": "S", "label": "Ss", "x": 55, "y": 24 },
{ "id": "T", "label": "Tt", "x": 90, "y": 24 },
{ "id": "U", "label": "Uu", "x": 125, "y": 24 },
{ "id": "V", "label": "Vv", "x": 55, "y": 8 },
{ "id": "W", "label": "Ww", "x": 90, "y": 8 },
{ "id": "X", "label": "Xx", "x": 125, "y": 8 },
{ "id": "Y", "label": "Yy", "x": 55, "y": -8 },
{ "id": "Z", "label": "Zz", "x": 90, "y": -8 }
]
}