feat: add FEN block support and related assets

Introduced a new FEN block feature, including a PHP snippet to render FEN diagrams, a new CSS file for chessboard styling, font integration, and blueprint updates. Adjusted asset paths and file references for consistency.
2025-06-29 16:08:31 +02:00
parent 6ff29c724e
commit b29a21780f
10 changed files with 154 additions and 5 deletions
@@ -0,0 +1,61 @@
+<?php
+
+// Beispiel-FEN (kann ersetzt werden)
+$fen = $block->fen();
+
+// Unicode-Mapping
+$pieceUnicode = [
+        'K' => 'k', 'Q' => 'q', 'R' => 'r', 'B' => 'b', 'N' => 'n', 'P' => 'p',
+        'k' => 'l', 'q' => 'w', 'r' => 't', 'b' => 'v', 'n' => 'm', 'p' => 'o',
+];
+
+$board = fenToBoard($fen);
+?>
+
+<style>
+    .chessboard {
+        border: 3px solid #333;
+        border-radius: 2px;
+        display: inline-block;
+    }
+
+    .chessboard-row {
+        display: flex;
+    }
+
+    .chessboard-square {
+        width: 50px;
+        height: 50px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        font-family: 'Case';
+        font-size: 3rem;
+    }
+
+    .chessboard-light {
+        background: #ededed;
+    }
+
+    .chessboard-dark {
+        background: #7e91c5;
+    }
+</style>
+
+<div class="flex justify-center py-8">
+    <div class="chessboard">
+        <?php for ($i = 0; $i < 8; $i++): ?>
+            <div class="chessboard-row">
+                <?php for ($j = 0; $j < 8; $j++):
+                    $isLight = ($i + $j) % 2 == 1;
+                    $piece = $board[$i][$j] ?? '';
+                    $symbol = $pieceUnicode[$piece] ?? '';
+                    ?>
+                    <div class="chessboard-square chessboard-<?= $isLight ? 'light' : 'dark' ?>">
+                        <?php echo $symbol; ?>
+                    </div>
+                <?php endfor; ?>
+            </div>
+        <?php endfor; ?>
+    </div>
+</div>