Initial commit: Harheimer TC Website

- Vue 3 + Nuxt 3 Framework
- Tailwind CSS Styling
- Responsive Design mit schwarz-roten Vereinsfarben
- Dynamische Galerie mit Lightbox
- Event-Management über CSV-Dateien
- Mannschaftsübersicht mit dynamischen Seiten
- SMTP-Kontaktformular
- Google Maps Integration
- Mobile-optimierte Navigation mit Submenus
- Trainer-Übersicht
- Vereinsmeisterschaften, Spielsysteme, TT-Regeln
- Impressum mit Datenschutzerklärung

server/api/contact.post.js

@@ -0,0 +1,108 @@
+import nodemailer from 'nodemailer'
+
+export default defineEventHandler(async (event) => {
+  try {
+    const body = await readBody(event)
+    
+    // Validierung der Eingabedaten
+    if (!body.name || !body.email || !body.subject || !body.message) {
+      throw createError({
+        statusCode: 400,
+        statusMessage: 'Alle Pflichtfelder müssen ausgefüllt werden'
+      })
+    }
+
+    // E-Mail-Validierung
+    const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/
+    if (!emailRegex.test(body.email)) {
+      throw createError({
+        statusCode: 400,
+        statusMessage: 'Ungültige E-Mail-Adresse'
+      })
+    }
+
+    // SMTP-Konfiguration (hier können Sie Ihre SMTP-Daten eintragen)
+    const transporter = nodemailer.createTransporter({
+      host: process.env.SMTP_HOST || 'smtp.gmail.com',
+      port: process.env.SMTP_PORT || 587,
+      secure: false, // true für 465, false für andere Ports
+      auth: {
+        user: process.env.SMTP_USER || 'j.dichmann@gmx.de',
+        pass: process.env.SMTP_PASS || process.env.EMAIL_PASSWORD
+      }
+    })
+
+    // E-Mail-Template
+    const emailHtml = `
+      <div style="font-family: Arial, sans-serif; max-width: 600px; margin: 0 auto;">
+        <h2 style="color: #dc2626; border-bottom: 2px solid #dc2626; padding-bottom: 10px;">
+          Neue Kontaktanfrage - Harheimer TC
+        </h2>
+        
+        <div style="background-color: #f9fafb; padding: 20px; border-radius: 8px; margin: 20px 0;">
+          <h3 style="color: #374151; margin-top: 0;">Kontaktdaten:</h3>
+          <p><strong>Name:</strong> ${body.name}</p>
+          <p><strong>E-Mail:</strong> ${body.email}</p>
+          <p><strong>Telefon:</strong> ${body.phone || 'Nicht angegeben'}</p>
+          <p><strong>Betreff:</strong> ${body.subject}</p>
+        </div>
+        
+        <div style="background-color: #ffffff; padding: 20px; border: 1px solid #e5e7eb; border-radius: 8px;">
+          <h3 style="color: #374151; margin-top: 0;">Nachricht:</h3>
+          <p style="white-space: pre-wrap; line-height: 1.6;">${body.message}</p>
+        </div>
+        
+        <div style="margin-top: 30px; padding-top: 20px; border-top: 1px solid #e5e7eb; color: #6b7280; font-size: 14px;">
+          <p>Diese Nachricht wurde über das Kontaktformular der Harheimer TC Website gesendet.</p>
+          <p>Zeitstempel: ${new Date().toLocaleString('de-DE')}</p>
+        </div>
+      </div>
+    `
+
+    const emailText = `
+Neue Kontaktanfrage - Harheimer TC
+
+Kontaktdaten:
+Name: ${body.name}
+E-Mail: ${body.email}
+Telefon: ${body.phone || 'Nicht angegeben'}
+Betreff: ${body.subject}
+
+Nachricht:
+${body.message}
+
+---
+Diese Nachricht wurde über das Kontaktformular der Harheimer TC Website gesendet.
+Zeitstempel: ${new Date().toLocaleString('de-DE')}
+    `
+
+    // E-Mail senden
+    const mailOptions = {
+      from: `"Harheimer TC Website" <${process.env.SMTP_USER || 'j.dichmann@gmx.de'}>`,
+      to: 'j.dichmann@gmx.de',
+      replyTo: body.email,
+      subject: `Kontaktanfrage: ${body.subject}`,
+      text: emailText,
+      html: emailHtml
+    }
+
+    await transporter.sendMail(mailOptions)
+
+    return {
+      success: true,
+      message: 'E-Mail wurde erfolgreich gesendet!'
+    }
+
+  } catch (error) {
+    console.error('Fehler beim Senden der E-Mail:', error)
+    
+    if (error.statusCode) {
+      throw error
+    }
+    
+    throw createError({
+      statusCode: 500,
+      statusMessage: 'Fehler beim Senden der E-Mail. Bitte versuchen Sie es später erneut.'
+    })
+  }
+})

server/api/galerie.get.js

@@ -0,0 +1,41 @@
+import { promises as fs } from 'fs'
+import path from 'path'
+
+export default defineEventHandler(async (event) => {
+  try {
+    const galerieDir = path.join(process.cwd(), 'public', 'galerie')
+
+    // Prüfe, ob das Verzeichnis existiert
+    try {
+      await fs.access(galerieDir)
+    } catch {
+      return []
+    }
+
+    // Lese alle Dateien im Verzeichnis
+    const dateien = await fs.readdir(galerieDir)
+
+    // Filtere nur Bilddateien
+    const erlaubteExtensions = ['.jpg', '.jpeg', '.png', '.gif', '.webp', '.svg']
+    const bilder = dateien.filter(datei => {
+      const ext = path.extname(datei).toLowerCase()
+      return erlaubteExtensions.includes(ext)
+    })
+
+    // Erstelle Bildobjekte mit Titel basierend auf Dateiname
+    return bilder.map(filename => {
+      const nameWithoutExt = path.parse(filename).name
+      const title = nameWithoutExt
+        .replace(/[-_]/g, ' ')
+        .replace(/\b\w/g, l => l.toUpperCase())
+      
+      return {
+        filename,
+        title
+      }
+    })
+  } catch (error) {
+    console.error('Fehler beim Lesen der Galerie:', error)
+    return []
+  }
+})

server/api/spielplaene.get.js

@@ -0,0 +1,31 @@
+import { promises as fs } from 'fs'
+import path from 'path'
+
+export default defineEventHandler(async (event) => {
+  try {
+    const spielplaeneDir = path.join(process.cwd(), 'public', 'spielplaene')
+    
+    // Prüfe, ob das Verzeichnis existiert
+    try {
+      await fs.access(spielplaeneDir)
+    } catch {
+      return []
+    }
+    
+    // Lese alle Dateien im Verzeichnis
+    const dateien = await fs.readdir(spielplaeneDir)
+    
+    // Filtere nur relevante Dateitypen
+    const erlaubteExtensions = ['.pdf', '.xlsx', '.xls', '.doc', '.docx']
+    const gefiltert = dateien.filter(datei => {
+      const ext = path.extname(datei).toLowerCase()
+      return erlaubteExtensions.includes(ext)
+    })
+    
+    return gefiltert
+  } catch (error) {
+    console.error('Fehler beim Lesen der Spielpläne:', error)
+    return []
+  }
+})
+