osiu97/ESP32-WijiBoard
1
0
Fork 0
Code Issues 10 Pull Requests Packages Projects Releases Wiki Activity

added board control

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files
web/assets/backgrounds/default/bg.svg
+49
View File
@@ -0,0 +1,49 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 175" width="100%" height="100%">
<!-- Wooden board background -->
<rect width="300" height="175" fill="#d2b48c" rx="10" />
<!-- Outer border -->
<rect x="5" y="5" width="290" height="165" fill="none" stroke="#5c4033" stroke-width="2" rx="5" />
<!-- Title -->
<text x="150" y="25" font-family="serif" font-size="14" text-anchor="middle" fill="#5c4033" font-weight="bold">W I J I B O A R D</text>
<!-- Sun and Moon motifs -->
<circle cx="40" cy="25" r="10" fill="none" stroke="#5c4033" stroke-width="1.5" />
<path d="M 260 15 A 10 10 0 0 0 260 35 A 8 8 0 0 1 260 15" fill="#5c4033" />
<!-- YES / NO -->
<text x="80" y="55" font-family="serif" font-size="14" font-weight="bold" text-anchor="middle" fill="#5c4033">YES</text>
<text x="220" y="55" font-family="serif" font-size="14" font-weight="bold" text-anchor="middle" fill="#5c4033">NO</text>
<!-- Decorative arc -->
<path d="M 50 85 Q 150 65 250 85" fill="none" stroke="#5c4033" stroke-width="0.5" stroke-dasharray="2,2" />
<!-- Letters A-K -->
<text x="50" y="85" font-family="serif" font-size="10" text-anchor="middle" fill="#5c4033">A</text>
<text x="70" y="81" font-family="serif" font-size="10" text-anchor="middle" fill="#5c4033">B</text>
<text x="90" y="78" font-family="serif" font-size="10" text-anchor="middle" fill="#5c4033">C</text>
<text x="110" y="76" font-family="serif" font-size="10" text-anchor="middle" fill="#5c4033">D</text>
<text x="130" y="75" font-family="serif" font-size="10" text-anchor="middle" fill="#5c4033">E</text>
<text x="150" y="75" font-family="serif" font-size="10" text-anchor="middle" fill="#5c4033">F</text>
<text x="170" y="75" font-family="serif" font-size="10" text-anchor="middle" fill="#5c4033">G</text>
<text x="190" y="76" font-family="serif" font-size="10" text-anchor="middle" fill="#5c4033">H</text>
<text x="210" y="78" font-family="serif" font-size="10" text-anchor="middle" fill="#5c4033">I</text>
<text x="230" y="81" font-family="serif" font-size="10" text-anchor="middle" fill="#5c4033">J</text>
<text x="250" y="85" font-family="serif" font-size="10" text-anchor="middle" fill="#5c4033">K</text>
<!-- L-V row below -->
<text x="60" y="105" font-family="serif" font-size="10" text-anchor="middle" fill="#5c4033">L</text>
<text x="80" y="102" font-family="serif" font-size="10" text-anchor="middle" fill="#5c4033">M</text>
<text x="100" y="100" font-family="serif" font-size="10" text-anchor="middle" fill="#5c4033">N</text>
<text x="120" y="99" font-family="serif" font-size="10" text-anchor="middle" fill="#5c4033">O</text>
<text x="140" y="98" font-family="serif" font-size="10" text-anchor="middle" fill="#5c4033">P</text>
<text x="160" y="98" font-family="serif" font-size="10" text-anchor="middle" fill="#5c4033">Q</text>
<text x="180" y="99" font-family="serif" font-size="10" text-anchor="middle" fill="#5c4033">R</text>
<text x="200" y="100" font-family="serif" font-size="10" text-anchor="middle" fill="#5c4033">S</text>
<text x="220" y="102" font-family="serif" font-size="10" text-anchor="middle" fill="#5c4033">T</text>
<text x="240" y="105" font-family="serif" font-size="10" text-anchor="middle" fill="#5c4033">U</text>
<!-- GOODBYE -->
<text x="150" y="160" font-family="serif" font-size="14" font-weight="bold" text-anchor="middle" fill="#5c4033">GOODBYE</text>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.4 KiB

web/assets/backgrounds/default/spots.json
+29
View File
@@ -0,0 +1,29 @@
{
"bounds": { "xMin": -150, "xMax": 150, "yMin": -30, "yMax": 145 },
"spots": [
{ "id": "YES", "label": "YES", "x": -70, "y": 90 },
{ "id": "NO", "label": "NO", "x": 70, "y": 90 },
{ "id": "A", "label": "A", "x": -100, "y": 60 },
{ "id": "B", "label": "B", "x": -80, "y": 64 },
{ "id": "C", "label": "C", "x": -60, "y": 67 },
{ "id": "D", "label": "D", "x": -40, "y": 69 },
{ "id": "E", "label": "E", "x": -20, "y": 70 },
{ "id": "F", "label": "F", "x": 0, "y": 70 },
{ "id": "G", "label": "G", "x": 20, "y": 70 },
{ "id": "H", "label": "H", "x": 40, "y": 69 },
{ "id": "I", "label": "I", "x": 60, "y": 67 },
{ "id": "J", "label": "J", "x": 80, "y": 64 },
{ "id": "K", "label": "K", "x": 100, "y": 60 },
{ "id": "L", "label": "L", "x": -90, "y": 40 },
{ "id": "M", "label": "M", "x": -70, "y": 43 },
{ "id": "N", "label": "N", "x": -50, "y": 45 },
{ "id": "O", "label": "O", "x": -30, "y": 46 },
{ "id": "P", "label": "P", "x": -10, "y": 47 },
{ "id": "Q", "label": "Q", "x": 10, "y": 47 },
{ "id": "R", "label": "R", "x": 30, "y": 46 },
{ "id": "S", "label": "S", "x": 50, "y": 45 },
{ "id": "T", "label": "T", "x": 70, "y": 43 },
{ "id": "U", "label": "U", "x": 90, "y": 40 },
{ "id": "GOODBYE", "label": "GOODBYE", "x": 0, "y": -15 }
]
}