From 3fb40bd87d78ec390d6a1eb74f5a828bc76f52f0 Mon Sep 17 00:00:00 2001
From: "Torsten Schulz (local)" <tsschulz@gmx.net>
Date: Wed, 4 Mar 2026 14:53:11 +0100
Subject: [PATCH] =?UTF-8?q?Erweitere=20die=20Navigation=20um=20einen=20neu?=
 =?UTF-8?q?en=20Link=20zu=20"Links"=20und=20aktualisiere=20die=20Logik=20z?=
 =?UTF-8?q?ur=20Bestimmung=20des=20aktuellen=20Submen=C3=BCs,=20um=20die?=
 =?UTF-8?q?=20neue=20Route=20zu=20ber=C3=BCcksichtigen.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/Navigation.vue |  19 +++++-
 pages/links.vue           | 122 ++++++++++++++++++++++++++++++++++++++
 2 files changed, 139 insertions(+), 2 deletions(-)
 create mode 100644 pages/links.vue

diff --git a/components/Navigation.vue b/components/Navigation.vue
index ca54c93..6fcb536 100644
--- a/components/Navigation.vue
+++ b/components/Navigation.vue
@@ -36,7 +36,7 @@
 
               <button
                 class="px-4 py-2 text-gray-300 hover:text-white font-medium transition-all rounded-lg hover:bg-primary-700/50"
-                :class="(route.path.startsWith('/verein/') || route.path.startsWith('/vorstand') || route.path.startsWith('/vereinsmeisterschaften') || currentSubmenu === 'verein') ? 'text-white bg-primary-600' : ''"
+                :class="(route.path.startsWith('/verein/') || route.path.startsWith('/vorstand') || route.path.startsWith('/vereinsmeisterschaften') || route.path.startsWith('/links') || currentSubmenu === 'verein') ? 'text-white bg-primary-600' : ''"
                 @click="toggleSubmenu('verein')"
               >
                 Verein
@@ -177,6 +177,13 @@
                   >
                     Galerie
                   </NuxtLink>
+                  <NuxtLink
+                    to="/links"
+                    class="px-2.5 py-1 text-xs text-gray-300 hover:text-white hover:bg-primary-700/50 rounded transition-all"
+                    active-class="text-white bg-primary-600"
+                  >
+                    Links
+                  </NuxtLink>
                 </template>
 
                 <!-- Mannschaften Submenu -->
@@ -514,6 +521,13 @@
               >
                 Galerie
               </NuxtLink>
+              <NuxtLink
+                to="/links"
+                class="block px-4 py-2 text-sm text-gray-400 hover:text-white hover:bg-primary-700/50 rounded-lg transition-colors"
+                @click="isMobileMenuOpen = false"
+              >
+                Links
+              </NuxtLink>
               <NuxtLink
                 to="/newsletter/subscribe"
                 class="block px-4 py-2 text-sm text-gray-400 hover:text-white hover:bg-primary-700/50 rounded-lg transition-colors"
@@ -868,6 +882,7 @@ const canAccessContactRequests = computed(() => {
 const currentSubmenu = computed(() => {
   const path = route.path
   if (path.startsWith('/verein/') || path.startsWith('/vorstand') ||
+    path.startsWith('/links') ||
     path.startsWith('/vereinsmeisterschaften')) {
     return 'verein'
   }
@@ -987,7 +1002,7 @@ const toggleSubmenu = (menu) => {
 
   if (menu === 'newsletter' && !path.startsWith('/newsletter')) {
     navigateTo('/newsletter/subscribe')
-  } else if (menu === 'verein' && !path.startsWith('/verein/') && !path.startsWith('/vorstand') && !path.startsWith('/vereinsmeisterschaften')) {
+  } else if (menu === 'verein' && !path.startsWith('/verein/') && !path.startsWith('/vorstand') && !path.startsWith('/vereinsmeisterschaften') && !path.startsWith('/links')) {
     navigateTo('/verein/ueber-uns')
   } else if (menu === 'mannschaften' && !path.startsWith('/mannschaften') && !path.startsWith('/spielsysteme')) {
     navigateTo('/mannschaften')
diff --git a/pages/links.vue b/pages/links.vue
new file mode 100644
index 0000000..0198096
--- /dev/null
+++ b/pages/links.vue
@@ -0,0 +1,122 @@
+<template>
+  <div class="min-h-full py-16 bg-gray-50">
+    <div class="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8">
+      <h1 class="text-4xl sm:text-5xl font-display font-bold text-gray-900 mb-6">
+        Links
+      </h1>
+      <div class="w-24 h-1 bg-primary-600 mb-8" />
+
+      <p class="text-lg text-gray-600 mb-10">
+        Nützliche Verweise rund um Tischtennis, Verbände, Ergebnisse und Partner.
+      </p>
+
+      <div class="grid md:grid-cols-2 gap-6">
+        <section class="bg-white rounded-xl shadow-lg p-6">
+          <h2 class="text-2xl font-display font-bold text-gray-900 mb-4">
+            Ergebnisse & Portale
+          </h2>
+          <ul class="space-y-3">
+            <li>
+              <a href="http://www.mytischtennis.de/public/home" target="_blank" rel="noopener noreferrer" class="text-primary-700 hover:text-primary-900 font-medium">
+                MyTischtennis.de
+              </a>
+              <span class="text-gray-600"> (offizielle QTTR-Werte)</span>
+            </li>
+            <li>
+              <a href="http://httv.click-tt.de/" target="_blank" rel="noopener noreferrer" class="text-primary-700 hover:text-primary-900 font-medium">
+                Click-tt Ergebnisse
+              </a>
+              <span class="text-gray-600"> (offizieller Ergebnisdienst HTTV)</span>
+            </li>
+            <li>
+              <a href="https://www.tischtennis-pur.de/" target="_blank" rel="noopener noreferrer" class="text-primary-700 hover:text-primary-900 font-medium">
+                Tischtennis Pur - das Tischtennis Portal
+              </a>
+              <span class="text-gray-600"> (Informationen, Blogs, Fachbeiträge, Tipps)</span>
+            </li>
+            <li>
+              <a href="https://ticker.tt-news.com/" target="_blank" rel="noopener noreferrer" class="text-primary-700 hover:text-primary-900 font-medium">
+                Liveticker 2. und 3. TT-Bundesliga
+              </a>
+            </li>
+          </ul>
+        </section>
+
+        <section class="bg-white rounded-xl shadow-lg p-6">
+          <h2 class="text-2xl font-display font-bold text-gray-900 mb-4">
+            Verbände
+          </h2>
+          <ul class="space-y-3">
+            <li>
+              <a href="http://www.httv.de/" target="_blank" rel="noopener noreferrer" class="text-primary-700 hover:text-primary-900 font-medium">
+                Hessischer Tischtennisverband (HTTV)
+              </a>
+            </li>
+            <li>
+              <a href="http://www.tischtennis.de/aktuelles/" target="_blank" rel="noopener noreferrer" class="text-primary-700 hover:text-primary-900 font-medium">
+                Deutscher Tischtennisbund (DTTB)
+              </a>
+            </li>
+            <li>
+              <a href="http://www.ettu.org/" target="_blank" rel="noopener noreferrer" class="text-primary-700 hover:text-primary-900 font-medium">
+                European Table Tennis Union (ETTU)
+              </a>
+            </li>
+            <li>
+              <a href="https://www.ittf.com/" target="_blank" rel="noopener noreferrer" class="text-primary-700 hover:text-primary-900 font-medium">
+                International Table Tennis Federation (ITTF)
+              </a>
+            </li>
+          </ul>
+        </section>
+
+        <section class="bg-white rounded-xl shadow-lg p-6">
+          <h2 class="text-2xl font-display font-bold text-gray-900 mb-4">
+            Regionale Links
+          </h2>
+          <ul class="space-y-3">
+            <li>
+              <a href="http://www.frankfurt.de/" target="_blank" rel="noopener noreferrer" class="text-primary-700 hover:text-primary-900 font-medium">
+                Stadt Frankfurt
+              </a>
+            </li>
+            <li>
+              <a href="http://www.harheim.com/" target="_blank" rel="noopener noreferrer" class="text-primary-700 hover:text-primary-900 font-medium">
+                Vereinsring Harheim
+              </a>
+            </li>
+          </ul>
+        </section>
+
+        <section class="bg-white rounded-xl shadow-lg p-6">
+          <h2 class="text-2xl font-display font-bold text-gray-900 mb-4">
+            Partner & Vereine
+          </h2>
+          <ul class="space-y-3">
+            <li>
+              <a href="http://www.ttcoe.de/" target="_blank" rel="noopener noreferrer" class="text-primary-700 hover:text-primary-900 font-medium">
+                TTC OE Bad Homburg
+              </a>
+            </li>
+            <li>
+              <a href="https://www.spvgg-steinkirchen.de/menue-abteilungen/abteilungen/tischtennis" target="_blank" rel="noopener noreferrer" class="text-primary-700 hover:text-primary-900 font-medium">
+                SpVgg Steinkirchen e.V.
+              </a>
+            </li>
+            <li>
+              <a href="https://www.mytischtennis.de/clicktt/ByTTV/24-25/ligen/Bezirksklasse-A-Gruppe-2-IN-PAF/gruppe/466925/tabelle/gesamt/" target="_blank" rel="noopener noreferrer" class="text-primary-700 hover:text-primary-900 font-medium">
+                Ergebnisse SpVgg Steinkirchen
+              </a>
+            </li>
+          </ul>
+        </section>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+useHead({
+  title: 'Links - Harheimer TC',
+})
+</script>