From 97c338584f9566b84a833c52e5bcea2e9b113500 Mon Sep 17 00:00:00 2001
From: Tobias Feigel <info@feigel.it>
Date: Wed, 16 Jul 2025 05:43:04 +0200
Subject: [PATCH] Fixed errors loading fonts and images

---
 site/snippets/hero.php   |   9 +++-
 site/snippets/layout.php | 113 +++++++++++++++++++++------------------
 2 files changed, 68 insertions(+), 54 deletions(-)
diff --git a/site/snippets/hero.php b/site/snippets/hero.php
index 3e5fe21..de8a154 100644
--- a/site/snippets/hero.php
+++ b/site/snippets/hero.php
@@ -1,3 +1,8 @@
+<?php
+/** @var vendor\getkirby\cms\src\Cms\App $kirby */
+/** @var vendor\getkirby\cms\src\Cms\Page\Cms\Site $site */
+/** @var vendor\getkirby\cms\src\Cms\Page $page */
+?>
 <section class="relative w-full">
     <!-- Hintergrundbild mit zweischichtigem Overlay -->
     <div class="absolute inset-0 z-0">
@@ -23,7 +28,7 @@
                         <div class="flex flex-col justify-center h-full pt-16">
                             <h1>Nette Leute spielen Schach!</h1>
                             <h2>Seien Sie nett! Spielen Sie mit?</h2>
-                            <p>Wir sind immer auf der Suche nach neuen Mitgliedern. Bitte kontaktieren Sie unseren Vorstand für weitere Informationen.</p>
+                            <p>Wir sind immer auf der Suche nach neuen Mitgliedern. Bitte kontaktieren Sie unseren Vorstand für weitere Informationen. Gerne über unser Kontaktformular.</p>
                         </div>
 
                         <?php if ($page->heroButton()->isNotEmpty()): ?>
@@ -51,4 +56,4 @@
             </div>
         </div>
     </div>
-</section>
\ No newline at end of file
+</section>
diff --git a/site/snippets/layout.php b/site/snippets/layout.php
index d2dc7e0..543f1fc 100644
--- a/site/snippets/layout.php
+++ b/site/snippets/layout.php
@@ -1,65 +1,74 @@
-<!DOCTYPE html>
-<html lang="de">
+ <?php
+  /** @var vendor\getkirby\cms\src\Cms\App $kirby */
+  /** @var vendor\getkirby\cms\src\Cms\Page\Cms\Site $site */
+  /** @var vendor\getkirby\cms\src\Cms\Page $page */
+  ?>
 
-<head>
-  <meta charset="utf-8">
-  <meta name="viewport" content="width=device-width,initial-scale=1.0">
+ <!DOCTYPE html>
+ <html lang="de">
 
-  <title><?= $site->title()->esc() ?> | <?= $page->title()->esc() ?></title>
+ <head>
+   <meta charset="utf-8">
+   <meta name="viewport" content="width=device-width,initial-scale=1.0">
 
-  <?= css([
-    'assets/css/styles.css',
-    'assets/css/chess.css',
-    'assets/css/pgn4web.css',
-    'assets/css/fonts.css',
-  ]) ?>
+   <title><?= $site->title()->esc() ?> | <?= $page->title()->esc() ?></title>
 
-  <?= js([
-    'assets/js/pgn4web.js'
-  ]) ?>
+   <?= css([
+      'assets/css/styles.css',
+      'assets/css/chess.css',
+      'assets/css/pgn4web.css',
+      'assets/css/fonts.css',
+    ]) ?>
 
-  <link rel="shortcut icon" type="image/x-icon"
-    href="<?= url('assets/favicon.ico') ?>">
+   <?= js([
+      'assets/js/pgn4web.js'
+    ]) ?>
 
-  <script defer src="https://cdn.commented.io/latest.js"></script>
-</head>
+   <link rel="shortcut icon" type="image/x-icon"
+     href="<?= url('assets/favicon.ico') ?>">
 
-<body class="font-sans antialiased bg-sf_grau-400 text-gray-900">
-  <header>
-    <?php snippet('navbar') ?>
-  </header>
+   <script defer src="https://cdn.commented.io/latest.js"></script>
+   <script>
+     SetImagePath("/assets/pgnviewer/images");
+   </script>
+ </head>
 
-  <main>
+ <body class="font-sans antialiased bg-sf_grau-400 text-gray-900">
+   <header>
+     <?php snippet('navbar') ?>
+   </header>
 
-    <?php if ($page->isHomePage()): ?>
-      <?php snippet('hero') ?>
-    <?php endif ?>
+   <main>
 
-    <?php if ($page->heroText()->isNotEmpty()): ?>
-      <?php snippet('titel') ?>
-    <?php endif ?>
+     <?php if ($page->isHomePage()): ?>
+       <?php snippet('hero') ?>
+     <?php endif ?>
 
-    <?php if ($page->dark()->isNotEmpty()): ?>
-      <section id="content" class="py-24 bg-sf_grau-900 text-sf_grau-50">
-        <div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
-          <?= $slot ?>
-        </div>
-      </section>
-    <?php else: ?>
-      <section id="content" class="py-24 bg-sf_grau-50 text-sf_grau-900">
-        <div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
-          <?= $slot ?>
-        </div>
-      </section>
-    <?php endif ?>
-  </main>
+     <?php if ($page->heroText()->isNotEmpty()): ?>
+       <?php snippet('titel') ?>
+     <?php endif ?>
 
-  <footer class="bg-sf_grau-400 w-full" id="footer">
-    <?php snippet('footer') ?>
-  </footer>
-  <?= js([
-    'assets/js/navbar.js'
-  ]) ?>
-</body>
+     <?php if ($page->dark()->isNotEmpty()): ?>
+       <section id="content" class="py-24 bg-sf_grau-900 text-sf_grau-50">
+         <div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
+           <?= $slot ?>
+         </div>
+       </section>
+     <?php else: ?>
+       <section id="content" class="py-24 bg-sf_grau-50 text-sf_grau-900">
+         <div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
+           <?= $slot ?>
+         </div>
+       </section>
+     <?php endif ?>
+   </main>
 
-</html>
+   <footer class="bg-sf_grau-400 w-full" id="footer">
+     <?php snippet('footer') ?>
+   </footer>
+   <?= js([
+      'assets/js/navbar.js'
+    ]) ?>
+ </body>
+
+ </html>
