Adds chess analysis page

Adds a new page for chess analysis, powered by lichess.org,
and integrates it into the navigation menu. Also adds daily
puzzle snippet to home page. Updates hero image to correct gif.

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>
@@ -133,8 +135,8 @@
                     <!-- Einfacher Menüpunkt --><a href="/termine"
                                                    class="font-bold px-3 py-2 rounded-md text-gray-700 transition-colors hover:text-blue-600">Termine</a>
                     <!-- Einfacher Menüpunkt --><a href="/kontakt"
-                                                   class="font-bold px-3 py-2 rounded-md text-gray-700 transition-colors hover:text-blue-600">Kontakt</a>
-                </div>
+                    class="font-bold px-3 py-2 rounded-md text-gray-700 transition-colors hover:text-blue-600">Kontakt</a>
+                 </div>
             </div>
             <!-- Social Media Icons (Rechts) - Nur Desktop -->
             <div class="hidden items-center space-x-3 lg:flex">
@@ -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')
-        ->children()
-        ->limit(3)
-        ->sortBy('date', 'desc')
-    ]) ?>
+      'news' => page('news')->children()->limit(3)->sortBy('date', 'desc'),
+    ]); ?>
 
-    <?php snippet('home-termine') ?>
+    <?php snippet('home-termine'); ?>
 
-<?php endsnippet() ?>
+    <?php snippet('puzzle'); ?>
+
+<?php endsnippet(); ?>