feat: Anleitung-Button im Footer + Statistik-Effect-Fix

- Footer: 3-Spalten-Layout mit 'Anleitung'-Button in der Mitte (Link auf /anleitung.html) - anleitung.html: 'Zurück zum Logbuch'-Button oben (beim Drucken ausgeblendet) - Statistik: synchrones setState im Effect durch abgeleiteten loading/error-State ersetzt; Fetch-Abbruch mit cancelled-Flag; as any durch ArtFuehrung-Cast ersetzt Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-05-17 16:46:38 +02:00
parent 42a2651f8e
commit d56ebb229d
4 changed files with 43 additions and 11 deletions
@@ -202,6 +202,23 @@
      section { padding: 1.2rem 1rem; }
    }

+    .back-btn {
+      display: inline-flex;
+      align-items: center;
+      gap: 0.4rem;
+      margin-bottom: 1.5rem;
+      padding: 0.5rem 1rem;
+      background: #fff;
+      border: 1px solid #d8e0f0;
+      border-radius: 8px;
+      color: #2e4e8a;
+      font-size: 0.9rem;
+      font-weight: 600;
+      text-decoration: none;
+      cursor: pointer;
+    }
+    .back-btn:hover { background: #eef2fa; }
+
    @media print {
      body { background: #fff; font-size: 12pt; }
      .page { max-width: none; padding: 0; }
@@ -209,12 +226,15 @@
      section { border: 1px solid #ccc; break-inside: avoid; }
      nav.toc { break-after: page; }
      a { color: inherit; text-decoration: none; }
+      .back-btn { display: none; }
    }
  </style>
 </head>
 <body>
 <div class="page">

+  <a href="/" class="back-btn">← Zurück zum Logbuch</a>
+
  <header>
    <div class="star">★</div>
    <div>