Merge pull request 'Adds chess analysis page' (#22) from develop into main

Reviewed-on: https://git.feigel.it/SFBadSteben/schachfreunde-badsteben/pulls/22

.prettierrc

@@ -1,17 +1,5 @@
 {
   "tabWidth": 2,
   "singleQuote": true,
-  "printWidth": 120,
+  "printWidth": 120
-  "plugins": ["@prettier/plugin-php"],
-  "overrides": [
-    {
-      "files": "*.php",
-      "options": {
-        "parser": "php",
-        "tabWidth": 2,
-        "printWidth": 120,
-        "singleQuote": true
-      }
-    }
-  ]
 }

content/3_spielbetrieb/3_analyse/analyse.txt

@@ -0,0 +1,3 @@
+Title: Analyse
+
+----

site/snippets/analyse.php

@@ -0,0 +1,9 @@
+  <h2>Schachanalyse</h2>
+  <p>powered by lichess.org</p>
+  <div class="w-full flex justify-center mt-4">
+    <iframe 
+      src="https://lichess.org/embed/analysis?theme=blue&bg=light&pieceSet=staunty" 
+      style="width: 100%; aspect-ratio: 4/4;" 
+      frameborder="0">
+    </iframe>
+  </div>

site/snippets/hero.php

@@ -49,7 +49,7 @@
             <!-- Rechte Spalte - GIF -->
             <div class="w-3/4 md:w-1/2">
                 <div class="rounded-lg overflow-hidden shadow-xl">
-                    <img src="/assets/img/Hort-Martius-2.gif"
+                    <img src="/assets/img/Hort-Martius.gif"
                          alt="Animation"
                          class="w-full h-auto">
                 </div>

site/snippets/navbar.php

@@ -99,6 +99,8 @@
                                 <a href="https://www.ligamanager.schachbund-bayern.de/hof/ergebnisse/spielplan.htm?ligaId=2392"
                                    class="block px-4 py-2 text-m text-gray-700 hover:bg-gray-100"
                                    target="_blank">B-Klasse</a>
+                                   <a href="/spielbetrieb/analyse"
+                                   class="block px-4 py-2 text-m text-gray-700 hover:bg-gray-100">Analyse</a>
                             </div>
                         </div>
                     </div>
@@ -205,6 +207,8 @@
                        class="block px-3 py-2 text-sm text-gray-600 hover:text-blue-600">A-Klasse</a>
                     <a href="https://www.ligamanager.schachbund-bayern.de/hof/ergebnisse/spielplan.htm?ligaId=2392"
                        class="block px-3 py-2 text-sm text-gray-600 hover:text-blue-600">B-Klasse</a>
+                    <a href="/spielbetrieb/analyse"
+                       class="block px-3 py-2 text-sm text-gray-600 hover:text-blue-600">Analyse</a>
                 </div>
             </div>
             <!-- Mobile Dropdown 2 -->
@@ -239,6 +243,8 @@
                class="block rounded-md px-3 py-2 font-medium text-gray-700 hover:text-blue-600">Termine</a>
             <a href="/kontakt"
                class="block rounded-md px-3 py-2 font-medium text-gray-700 hover:text-blue-600">Kontakt</a>
+            <a href="/spielbetrieb/analyse"
+               class="block rounded-md px-3 py-2 font-medium text-gray-700 hover:text-blue-600">Analyse</a>
             <!-- Social Media Icons im Mobile Menu -->
             <div class="mt-4 border-t pt-4">
                 <div class="px-3 py-2">

site/snippets/puzzle.php

@@ -0,0 +1,29 @@
+
+<div class="container mx-auto py-8">
+  <h2>Training & Lichess TV</h2>
+  <div class="grid grid-cols-1 lg:grid-cols-2 gap-6 w-full">
+    <!-- Erste Spalte - Lichess Training -->
+    <div class="w-full flex flex-col items-center">
+      <h3 class="text-lg font-semibold mb-3 text-gray-800">Tägliches Rätsel</h3>
+      <iframe 
+        src="https://lichess.org/training/frame?theme=blue&bg=light&pieceSet=staunty" 
+        style="width:400px; aspect-ratio: 10/11;"
+        allowtransparency="true" 
+        frameborder="0"
+        scrolling="no">
+      </iframe>
+    </div>
+    
+    <!-- Zweite Spalte - Lichess Puzzle -->
+    <div class="w-full flex flex-col items-center">
+      <h3 class="text-lg font-semibold mb-3 text-gray-800">Lichess TV</h3>
+      <iframe 
+        src="https://lichess.org/tv/frame?theme=blue&bg=light&pieceSet=staunty" 
+        style="width:390px; aspect-ratio: 10/11"
+        allowtransparency="true" 
+        frameborder="0"
+        scrolling="no">
+      </iframe>
+    </div>
+  </div>
+</div>

site/templates/analyse.php

@@ -0,0 +1,5 @@
+<?php snippet('layout', slots: true) ?>
+
+    <?php snippet('analyse') ?>
+
+<?php endsnippet() ?>

site/templates/home.php

@@ -1,16 +1,15 @@
-<?php snippet('layout', slots: true) ?>
+<?php snippet('layout', slots: true); ?>
 
     <h1>Herzlich Willkommen!</h1>
 
     <?= $page->text()->kirbytext() ?>
 
     <?php snippet('home-news', [
-        'news' => page('news')
+      'news' => page('news')->children()->limit(3)->sortBy('date', 'desc'),
-        ->children()
+    ]); ?>
-        ->limit(3)
-        ->sortBy('date', 'desc')
-    ]) ?>
 
-    <?php snippet('home-termine') ?>
+    <?php snippet('home-termine'); ?>
 
-<?php endsnippet() ?>
+    <?php snippet('puzzle'); ?>
+
+<?php endsnippet(); ?>

src/css/input.css

@@ -1,11 +1,10 @@
-@import "tailwindcss";
+@import 'tailwindcss';
 
 @theme {
-    --font-display: "Roboto", "sans-serif";
+  --font-display: 'Roboto', 'sans-serif';
   --font-sans: 'Ubuntu', sans-serif;
   --font-serif: 'Roboto', sans-serif;
-    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',
+  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
-    monospace;
   --color-sf_blau-50: #ebeef4;
   --color-sf_blau-100: #c7cee4;
   --color-sf_blau-200: #a3afd4;