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.

assets/css/chess.css

@@ -0,0 +1,5 @@
+@font-face {
+    font-family: 'Case';
+    src: url('../fonts/CASEFONT.TTF');
+    font-weight: normal;
+}

assets/fonts/pgn4web-font-LiberationSans.css

@@ -24,3 +24,8 @@
     font-weight: bold;
 }
 
+@font-face {
+    font-family: 'Case';
+    src: url('CASEFONT.TTF');
+    font-weight: normal;
+}

assets/js/png4web.js

@@ -1474,7 +1474,7 @@ var InitialHalfMoveClock = 0;
 var PieceImg = new Array(new Array(6), new Array(6));
 var ClearImg;
 
-var ImagePath = 'images';
+var ImagePath = '/images';
 var ImagePathOld = null;
 var imageType = 'png';
 var defaultImagesSize = 40;

content/4_verein/5_memoriam/blockpage.txt

@@ -2,4 +2,36 @@ Title: In Memoriam
 
 ----
 
+Blocks:
+
+[
+    {
+        "content": {
+            "level": "h2",
+            "text": "Dies ist ein Test!"
+        },
+        "id": "eb2cb2e3-19f6-4c17-a786-723cdbc8f811",
+        "isHidden": false,
+        "type": "heading"
+    },
+    {
+        "content": {
+            "fen": "rnbqkbnr/p1pp1ppp/1p2p3/8/3P1B2/5N2/PPP1PPPP/RN1QKB1R b KQkq - 1 3"
+        },
+        "id": "067a448c-31e5-411c-b342-f69519284394",
+        "isHidden": false,
+        "type": "fen"
+    },
+    {
+        "content": {
+            "fen": "8/8/8/2k5/4K3/8/8/8"
+        },
+        "id": "970b3cad-3f89-4f19-8be0-c702c522caf4",
+        "isHidden": false,
+        "type": "fen"
+    }
+]
+
+----
+
 Uuid: ko01ys2cbv2pafa8

site/blueprints/pages/blockpage.yml

@@ -4,3 +4,15 @@ fields:
   blocks:
     type: blocks
     pretty: true
+    fieldsets:
+      - heading
+      - text
+      - image
+      - type: fen
+        label: FEN-Diagramm
+        preview: fields
+        wysiwyg: true
+        fields:
+          fen:
+            type: text
+            label: FEN-Position

site/snippets/blocks/fen.php

@@ -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>

site/snippets/layout.php

@@ -8,7 +8,7 @@
 
         <?= css([
             'assets/css/styles.css',
-            'assets/css/png4web.css',
+            'assets/css/chess.css'
         ]) ?>
 
         <link rel="shortcut icon" type="image/x-icon"
@@ -40,6 +40,8 @@
         <footer class="bg-sf_grau-400 w-full" id="footer">
             <?php snippet('footer') ?>
         </footer>
-        <?= js('assets/js/navbar.js') ?>
+        <?= js([
+                'assets/js/navbar.js'
+        ]) ?>
     </body>
 </html>

site/templates/blockpage.php

@@ -0,0 +1,32 @@
+<?php
+
+// FEN in Array umwandeln
+function fenToBoard($fen) {
+    $rows  = explode('/', explode(' ', $fen)[0]);
+    $board = [];
+    foreach ($rows as $row) {
+        $boardRow = [];
+        $chars    = str_split($row);
+        foreach ($chars as $char) {
+            if (is_numeric($char)) {
+                for ($i = 0; $i < intval($char); $i++) {
+                    $boardRow[] = '';
+                }
+            } else {
+                $boardRow[] = $char;
+            }
+        }
+        $board[] = $boardRow;
+    }
+
+    return $board;
+} ?>
+
+
+<?php
+snippet('layout', slots: true) ?>
+
+<?= $page->blocks()->toBlocks() ?>
+
+<?php
+endsnippet() ?>