diff --git a/.DS_Store b/.DS_Store
index 9bdb7f2..49456e5 100644
Binary files a/.DS_Store and b/.DS_Store differ
diff --git a/SERVER_SETUP.md b/SERVER_SETUP.md
new file mode 100644
index 0000000..9defa56
--- /dev/null
+++ b/SERVER_SETUP.md
@@ -0,0 +1,75 @@
+# Setup Admin-Server auf dem VPS
+
+Diese Anleitung hilft dir, den Admin-Bereich (den du lokal unter `http://karate:3001` nutzt) auch auf deinem Server verfügbar zu machen.
+
+## 1. Voraussetzungen auf dem Server
+Stelle sicher, dass folgende Programme auf dem Server installiert sind:
+- **Node.js** (v18+)
+- **Hugo** (für den Rebuild)
+- **Git** (zum Übertragen der Daten)
+
+## 2. Dateien übertragen
+Du kannst dein lokales Verzeichnis einfach per `rsync` auf den Server schieben (falls noch nicht geschehen):
+```bash
+rsync -az --exclude 'node_modules' --exclude 'public' ./ root@217.160.212.198:/opt/karatehp/
+```
+
+## 3. Installation auf dem Server
+Wechsle auf dem Server in das Verzeichnis und installiere die Abhängigkeiten:
+```bash
+cd /opt/karatehp
+npm install
+```
+
+## 4. Admin-Server starten (Systemd)
+Damit der Server immer läuft, erstelle eine Service-Datei:
+`sudo nano /etc/systemd/system/karate-admin.service`
+
+Inhalt:
+```ini
+[Unit]
+Description=MiyaKarate Admin Server
+After=network.target
+
+[Service]
+Type=simple
+User=root
+WorkingDirectory=/opt/karatehp
+ExecStart=/usr/bin/node admin-server.js
+Restart=always
+
+[Install]
+WantedBy=multi-user.target
+```
+
+Danach aktivieren:
+```bash
+sudo systemctl daemon-reload
+sudo systemctl enable karate-admin
+sudo systemctl start karate-admin
+```
+
+## 5. Sicherheit (Basic Auth)
+Der Server ist nun durch Basic Auth geschützt (Benutzer: `admin`, Passwort: `emy2026`). 
+**Wichtig:** Ändere das Passwort in der `admin-server.js` Datei auf dem Server!
+
+## 6. Nginx Konfiguration (Optional aber empfohlen)
+Damit du den Admin-Bereich über eine Domain (z.B. `admin.emy.bonzeipunk.de`) erreichen kannst, füge dies zu deiner Nginx-Konf hinzu:
+
+```nginx
+server {
+    listen 80;
+    server_name admin.emy.bonzeipunk.de;
+
+    location / {
+        proxy_pass http://localhost:3001;
+        proxy_http_version 1.1;
+        proxy_set_header Upgrade $http_upgrade;
+        proxy_set_header Connection 'upgrade';
+        proxy_set_header Host $host;
+        proxy_cache_bypass $http_upgrade;
+    }
+}
+```
+
+Vergiss nicht, `certbot` für SSL zu nutzen!
diff --git a/admin-server.js b/admin-server.js
index 0aab7e0..2dfc43c 100644
--- a/admin-server.js
+++ b/admin-server.js
@@ -4,10 +4,25 @@ const sharp = require('sharp');
 const path = require('path');
 const fs = require('fs');
 const { exec } = require('child_process');
+const os = require('os');
+const cors = require('cors');
 
 const app = express();
 const PORT = 3001;
 
+// CORS für den öffentlichen Gästebuch-Endpunkt
+app.use(cors({
+  origin: function(origin, callback) {
+    callback(null, true);
+  },
+  methods: ['GET', 'POST', 'PUT', 'DELETE'],
+  allowedHeaders: ['Content-Type', 'Authorization']
+}));
+
+// --- BASIC AUTH CONFIG ---
+const ADMIN_USER = 'admin';
+const ADMIN_PASS = 'emy2026'; // Empfehlung: Ändern!
+
 const IMAGES_DIR = path.join(__dirname, 'static/gallery/images');
 const HERO_DIR = path.join(__dirname, 'static/hero');
 const UEBERMICH_IMG_DIR = path.join(__dirname, 'static/uebermich');
@@ -21,12 +36,42 @@ const GALERIE_PAGE_FILE = path.join(__dirname, 'data/galerie.json');
 const GAESTEBUCH_FILE = path.join(__dirname, 'data/gaestebuch.json');
 const GLOBAL_FILE = path.join(__dirname, 'data/global.json');
 const GAESTEBUCH_IMG_DIR = path.join(__dirname, 'static/gaestebuch-img');
+const ERFOLGE_INTERACTIONS_FILE = path.join(__dirname, 'data/erfolge_interactions.json');
 
 if (!fs.existsSync(UEBERMICH_IMG_DIR)) fs.mkdirSync(UEBERMICH_IMG_DIR, { recursive: true });
 if (!fs.existsSync(HERO_DIR)) fs.mkdirSync(HERO_DIR, { recursive: true });
 if (!fs.existsSync(ERFOLGE_IMG_DIR)) fs.mkdirSync(ERFOLGE_IMG_DIR, { recursive: true });
 if (!fs.existsSync(GAESTEBUCH_IMG_DIR)) fs.mkdirSync(GAESTEBUCH_IMG_DIR, { recursive: true });
 
+// Basic Auth Middleware
+app.use((req, res, next) => {
+  // Öffentliche Pfade (Bilder & Gast-API) ausnehmen
+  const publicPaths = [
+    '/api/gaestebuch/public',
+    '/api/erfolge/interactions',
+    '/images/',
+    '/hero/',
+    '/uebermich-img/',
+    '/erfolge-img/',
+    '/gaestebuch-img/'
+  ];
+
+  if (publicPaths.some(p => req.path.startsWith(p))) {
+    return next();
+  }
+
+  const auth = { login: ADMIN_USER, password: ADMIN_PASS };
+  const b64auth = (req.headers.authorization || '').split(' ')[1] || '';
+  const [login, password] = Buffer.from(b64auth, 'base64').toString().split(':');
+
+  if (login && password && login === auth.login && password === auth.password) {
+    return next();
+  }
+
+  res.set('WWW-Authenticate', 'Basic realm="MiyaKarate Admin"');
+  res.status(401).send('Authentication required.');
+});
+
 app.use(express.json());
 app.use('/images', express.static(IMAGES_DIR));
 
@@ -163,11 +208,27 @@ app.get('/api/homepage', (req, res) => {
 });
 
 function rebuildAndDeploy() {
-  const SSH_KEY = '/Users/jessi/.ssh/vpsserver/vpsserver';
-  const cmd = `cd /Users/jessi/karatehp && hugo --minify && SSH_ASKPASS_REQUIRE=never ssh-add ${SSH_KEY} <<< "bonzeikiller" 2>/dev/null; rsync -az --delete -e "ssh -o StrictHostKeyChecking=no -i ${SSH_KEY}" /Users/jessi/karatehp/public/ root@217.160.212.198:/var/www/emy.bonzeipunk.de/`;
-  exec(cmd, { shell: '/bin/bash' }, (err) => {
-    if (err) console.error('Deploy-Fehler:', err.message);
-    else console.log('✓ Deploy erfolgreich');
+  const isServer = os.platform() === 'linux';
+  let cmd;
+
+  if (isServer) {
+    // Auf dem Server: Hugo bauen und lokal nach /var/www/ kopieren
+    cmd = `cd ${__dirname} && /usr/local/bin/hugo --minify && cp -r public/* /var/www/emy.bonzeipunk.de/`;
+  } else {
+    // Lokal: Hugo bauen und per SSH/Rsync auf Server schieben
+    const SSH_KEY = '/Users/jessi/.ssh/vpsserver/vpsserver';
+    cmd = `cd ${__dirname} && hugo --minify && SSH_ASKPASS_REQUIRE=never ssh-add ${SSH_KEY} <<< "bonzeikiller" 2>/dev/null; rsync -az --delete -e "ssh -o StrictHostKeyChecking=no -i ${SSH_KEY}" ${__dirname}/public/ root@217.160.212.198:/var/www/emy.bonzeipunk.de/`;
+  }
+
+  console.log('Starte Rebuild/Deploy...');
+  exec(cmd, { shell: '/bin/bash' }, (err, stdout, stderr) => {
+    if (err) {
+      console.error('Deploy-Fehler:', err.message);
+      console.error('Stderr:', stderr);
+    } else {
+      console.log('✓ Deploy erfolgreich');
+      if (stdout) console.log('Stdout:', stdout);
+    }
   });
 }
 
@@ -204,7 +265,7 @@ app.post('/api/homepage/image', upload.single('image'), async (req, res) => {
 });
 
 app.use('/hero', express.static(HERO_DIR));
-app.use('/uebermich', express.static(UEBERMICH_IMG_DIR));
+app.use('/uebermich-img', express.static(UEBERMICH_IMG_DIR));
 app.use('/erfolge-img', express.static(ERFOLGE_IMG_DIR));
 app.use('/gaestebuch-img', express.static(GAESTEBUCH_IMG_DIR));
 
@@ -435,14 +496,51 @@ app.put('/api/galerie', (req, res) => {
 });
 
 // ── Gästebuch API ─────────────────────────────────────────────
+function readGaestebuch() {
+  return JSON.parse(fs.readFileSync(GAESTEBUCH_FILE, 'utf8'));
+}
+function writeGaestebuch(data) {
+  fs.writeFileSync(GAESTEBUCH_FILE, JSON.stringify(data, null, 2));
+}
+
 app.get('/api/gaestebuch', (req, res) => {
-  res.json(JSON.parse(fs.readFileSync(GAESTEBUCH_FILE, 'utf8')));
+  res.json(readGaestebuch());
 });
+
 app.put('/api/gaestebuch', (req, res) => {
-  fs.writeFileSync(GAESTEBUCH_FILE, JSON.stringify(req.body, null, 2));
+  writeGaestebuch(req.body);
   res.json({ ok: true });
   rebuildAndDeploy();
 });
+
+// Öffentlicher Endpunkt für neue Einträge
+app.post('/api/gaestebuch/public', (req, res) => {
+  try {
+    const { name, text, email, subject } = req.body;
+    if (!name || !text) return res.status(400).json({ ok: false, error: 'Name und Text fehlen' });
+
+    const data = readGaestebuch();
+    const newEntry = {
+      id: Date.now().toString(),
+      name: name.trim(),
+      rolle: subject || 'Besucher',
+      text: text.trim(),
+      farbe: 'default',
+      breit: false,
+      datum: new Date().toISOString()
+    };
+
+    data.eintraege.unshift(newEntry); // Oben anfügen
+    writeGaestebuch(data);
+    res.json({ ok: true });
+    
+    // Nach kurzem Delay bauen, damit der User nicht warten muss
+    setTimeout(() => rebuildAndDeploy(), 500);
+  } catch (e) {
+    res.status(500).json({ ok: false, error: e.message });
+  }
+});
+
 app.post('/api/gaestebuch/image', upload.single('image'), async (req, res) => {
   try {
     const filename = 'hero.webp';
@@ -470,6 +568,73 @@ app.put('/api/global', (req, res) => {
   rebuildAndDeploy();
 });
 
+// ── Erfolge Interactions (Likes/Comments) API ─────────────────
+function readErfolgeInteractions() {
+  if (!fs.existsSync(ERFOLGE_INTERACTIONS_FILE)) {
+    return {};
+  }
+  try {
+    return JSON.parse(fs.readFileSync(ERFOLGE_INTERACTIONS_FILE, 'utf8'));
+  } catch (e) {
+    return {};
+  }
+}
+
+function writeErfolgeInteractions(data) {
+  fs.writeFileSync(ERFOLGE_INTERACTIONS_FILE, JSON.stringify(data, null, 2));
+}
+
+app.get('/api/erfolge/interactions', (req, res) => {
+  res.json(readErfolgeInteractions());
+});
+
+app.post('/api/erfolge/interactions/like', (req, res) => {
+  try {
+    const { id } = req.body;
+    if (!id) return res.status(400).json({ ok: false, error: 'ID fehlt' });
+    
+    const interactions = readErfolgeInteractions();
+    if (!interactions[id]) {
+      interactions[id] = { likes: 0, comments: [] };
+    }
+    interactions[id].likes = (interactions[id].likes || 0) + 1;
+    writeErfolgeInteractions(interactions);
+    
+    res.json({ ok: true, data: interactions[id] });
+  } catch (e) {
+    res.status(500).json({ ok: false, error: e.message });
+  }
+});
+
+app.post('/api/erfolge/interactions/comment', (req, res) => {
+  try {
+    const { id, name, text } = req.body;
+    if (!id || !name || !text) return res.status(400).json({ ok: false, error: 'ID, Name oder Text fehlt' });
+    
+    const interactions = readErfolgeInteractions();
+    if (!interactions[id]) {
+      interactions[id] = { likes: 0, comments: [] };
+    }
+    
+    const newComment = {
+      id: Date.now().toString() + '-' + Math.random().toString(36).slice(2, 7),
+      name: name.trim(),
+      text: text.trim(),
+      date: new Date().toISOString()
+    };
+    
+    if (!interactions[id].comments) {
+      interactions[id].comments = [];
+    }
+    interactions[id].comments.push(newComment);
+    writeErfolgeInteractions(interactions);
+    
+    res.json({ ok: true, data: interactions[id], comment: newComment });
+  } catch (e) {
+    res.status(500).json({ ok: false, error: e.message });
+  }
+});
+
 // Admin-UI
 app.get('/', (req, res) => {
   res.sendFile(path.join(__dirname, 'admin.html'));
diff --git a/admin.html b/admin.html
index 77ddbe4..1cc6e00 100644
--- a/admin.html
+++ b/admin.html
@@ -155,7 +155,7 @@ tailwind.config = {
   </div>
 
   <div class="mt-auto border-t border-zinc-200 pt-4">
-    <a href="http://localhost:1313/galerie/" target="_blank"
+    <a id="viewWebsiteLink" href="http://localhost:1313/galerie/" target="_blank"
       class="text-zinc-600 hover:bg-zinc-100 rounded-xl mx-2 flex items-center gap-3 px-4 py-3 font-lexend font-medium transition-all">
       <span class="material-symbols-outlined">open_in_new</span>
       <span>Website ansehen</span>
@@ -951,6 +951,14 @@ tailwind.config = {
 
 <script>
 (function () {
+  // Website URL anpassen (Lokal vs. Server)
+  const isLocal = window.location.hostname === 'localhost' || window.location.hostname === 'karate' || window.location.hostname.startsWith('192.168.');
+  const websiteUrl = isLocal ? 'http://localhost:1313' : 'https://emy.bonzeipunk.de';
+  const linkEl = document.getElementById('viewWebsiteLink');
+  if (linkEl) {
+    linkEl.href = linkEl.href.replace('http://localhost:1313', websiteUrl);
+  }
+
   // ─── State ───────────────────────────────────────────────
   let selectedKat = '';
   let currentFilter = 'Alle';
@@ -1762,7 +1770,7 @@ tailwind.config = {
       });
 
       if (d.hero.image) {
-        document.getElementById('umPreview').src = '/uebermich/' + d.hero.image + '?t=' + Date.now();
+        document.getElementById('umPreview').src = '/uebermich-img/' + d.hero.image + '?t=' + Date.now();
         document.getElementById('umPreview').classList.remove('hidden');
         document.getElementById('umPlaceholder').classList.add('hidden');
       }
diff --git a/bin/com.jessi.mountgoogle.plist b/bin/com.jessi.mountgoogle.plist
new file mode 100644
index 0000000..9c6dbea
--- /dev/null
+++ b/bin/com.jessi.mountgoogle.plist
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict>
+    <key>Label</key>
+    <string>com.jessi.mountgoogle</string>
+    <key>ProgramArguments</key>
+    <array>
+        <string>/Users/jessi/karatehp/bin/mount_google.sh</string>
+    </array>
+    <key>RunAtLoad</key>
+    <true/>
+    <key>StandardOutPath</key>
+    <string>/tmp/com.jessi.mountgoogle.log</string>
+    <key>StandardErrorPath</key>
+    <string>/tmp/com.jessi.mountgoogle.err</string>
+</dict>
+</plist>
diff --git a/bin/mount_google.sh b/bin/mount_google.sh
new file mode 100755
index 0000000..a585f53
--- /dev/null
+++ b/bin/mount_google.sh
@@ -0,0 +1,68 @@
+#!/bin/bash
+# Mount Google Image at startup and sync existing files
+
+IMAGE_PATH="/Volumes/nvme/Google.asif"
+MOUNT_POINT="/Users/jessi/Library/Application Support/Google"
+TEMP_MOUNT="/tmp/GoogleTempMount"
+
+# Wait up to 60 seconds for the image file to become available (e.g. nvme mounting)
+MAX_WAIT=60
+WAIT_TIME=0
+while [ ! -f "$IMAGE_PATH" ]; do
+    sleep 1
+    WAIT_TIME=$((WAIT_TIME + 1))
+    if [ "$WAIT_TIME" -ge "$MAX_WAIT" ]; then
+        echo "Image $IMAGE_PATH not found after $MAX_WAIT seconds. Exiting."
+        exit 1
+    fi
+done
+
+# Check if already mounted
+if mount | grep -q "$MOUNT_POINT"; then
+    echo "Image is already mounted at $MOUNT_POINT"
+    exit 0
+fi
+
+# Ensure MOUNT_POINT exists
+mkdir -p "$MOUNT_POINT"
+
+# If the directory is not empty (e.g., Chrome started before image was mounted)
+if [ "$(ls -A "$MOUNT_POINT" 2>/dev/null)" ]; then
+    echo "Found existing files in $MOUNT_POINT. Syncing to image..."
+    
+    # Create temp mount point
+    mkdir -p "$TEMP_MOUNT"
+    
+    # Mount image temporarily without making it visible in Finder (-nobrowse)
+    if diskutil image attach "$IMAGE_PATH" --mountPoint "$TEMP_MOUNT" --nobrowse >/dev/null 2>&1; then
+        echo "Mounted temporarily to $TEMP_MOUNT"
+        
+        # Sync files from local folder to image
+        # -a: archive mode, -u: update (skip files that are newer on the receiver)
+        rsync -au "$MOUNT_POINT/" "$TEMP_MOUNT/"
+        
+        # Unmount temp image
+        diskutil eject "$TEMP_MOUNT" >/dev/null 2>&1
+        echo "Detached temp image."
+        
+        # Move the existing folder out of the way to avoid hiding files
+        # and taking up space on the system drive.
+        STALE_DIR="${MOUNT_POINT}_stale_$(date +%s)"
+        mv "$MOUNT_POINT" "$STALE_DIR"
+        mkdir -p "$MOUNT_POINT"
+        echo "Moved old local folder to $STALE_DIR"
+    else
+        echo "Failed to mount image temporarily. Proceeding to mount over existing files..."
+    fi
+fi
+
+# Mount the image permanently
+echo "Mounting image to $MOUNT_POINT"
+diskutil image attach "$IMAGE_PATH" --mountPoint "$MOUNT_POINT" --nobrowse
+
+if [ $? -eq 0 ]; then
+    echo "Successfully mounted."
+else
+    echo "Failed to mount."
+    exit 1
+fi
diff --git a/content/.DS_Store b/content/.DS_Store
index f135321..63dcd46 100644
Binary files a/content/.DS_Store and b/content/.DS_Store differ
diff --git a/content/erfolge/landesmeisterschaft-2024.md b/content/erfolge/landesmeisterschaft-2024.md
index 7029250..7cd9dcb 100644
--- a/content/erfolge/landesmeisterschaft-2024.md
+++ b/content/erfolge/landesmeisterschaft-2024.md
@@ -5,7 +5,7 @@ date: "2024-11-15"
 summary: "Erster Platz in der Kategorie Kata U14 bei der Berliner Landesmeisterschaft. Ein unvergesslicher Moment!"
 image: "success-landesmeisterschaft-2024-1778536783289-lv750.webp"
 weight: "2"
-is_weitere_auszeichnung: "true"
+is_weitere_auszeichnung: "false"
 images: "success-landesmeisterschaft-2024-1778536783289-lv750.webp,success-landesmeisterschaft-2024-1778536783364-ykhep.webp,success-landesmeisterschaft-2024-1778536783524-58ch3.webp,success-landesmeisterschaft-2024-1778536783576-qd5nb.webp"
 ---
 
diff --git a/content/erfolge/landesmeisterschaft-platz3.md b/content/erfolge/landesmeisterschaft-platz3.md
index 52523de..a0608ab 100644
--- a/content/erfolge/landesmeisterschaft-platz3.md
+++ b/content/erfolge/landesmeisterschaft-platz3.md
@@ -4,6 +4,8 @@ rang: "Bronze"
 date: "2024-05-09"
 summary: "Ein harter Wettkampf, der mit dem 3. Platz belohnt wurde. Im Sommer geht es um die Meisterschaft!"
 weight: 3
+image: "success-landesmeisterschaft-platz3-1779062024389-xus2l.webp"
+images: "success-landesmeisterschaft-platz3-1779062024263-azy9g.webp,success-landesmeisterschaft-platz3-1779062024389-xus2l.webp,success-landesmeisterschaft-platz3-1779062024428-1k6zi.webp"
 ---
 
 
@@ -13,4 +15,7 @@ weight: 3
 
 
 
+
+
+
 Unglaublich, dass ich das geschafft habe. Nach vielen intensiven Runden konnte ich mir den 3. Platz bei den Landesmeisterschaften sichern! Dieser Erfolg gibt mir wahnsinnig viel Motivation, denn im Sommer kämpfe ich dann um die Meisterschaft. Das Training hat sich gelohnt!
diff --git a/data/categories.json b/data/categories.json
index 52530ea..afc0c1b 100644
--- a/data/categories.json
+++ b/data/categories.json
@@ -2,6 +2,5 @@
   "Training",
   "Wettkämpfe",
   "Gürtelprüfungen",
-  "test",
   "Haudrauf"
 ]
\ No newline at end of file
diff --git a/data/erfolge.json b/data/erfolge.json
index e78d561..c92c545 100644
--- a/data/erfolge.json
+++ b/data/erfolge.json
@@ -9,12 +9,12 @@
     "image": "hero.webp"
   },
   "meilenstein": {
-    "event": "Landesmeisterschaft Berlin",
-    "platz": "Gold – Kata U14",
-    "beschreibung": "Mein bisher größter Erfolg. Monatelanges hartes Training gipfelte in einer Vorführung, die meinen Wettkampfgeist unter Beweis stellte.",
-    "jahr": "2024",
-    "ort": "Berlin",
-    "kategorie": "U14"
+    "event": "",
+    "platz": "",
+    "beschreibung": "",
+    "jahr": "",
+    "ort": "",
+    "kategorie": ""
   },
   "weitere_auszeichnungen": [],
   "stats": [
diff --git a/data/erfolge_interactions.json b/data/erfolge_interactions.json
new file mode 100644
index 0000000..6c617d2
--- /dev/null
+++ b/data/erfolge_interactions.json
@@ -0,0 +1,13 @@
+{
+  "landesmeisterschaft-2024": {
+    "likes": 1,
+    "comments": [
+      {
+        "id": "1779311555428-ktprl",
+        "name": "Sensei Ken",
+        "text": "Super Leistung, Emy! Weiter so!",
+        "date": "2026-05-20T21:12:35.428Z"
+      }
+    ]
+  }
+}
\ No newline at end of file
diff --git a/data/gaestebuch.json b/data/gaestebuch.json
index 5b41e8e..346274a 100644
--- a/data/gaestebuch.json
+++ b/data/gaestebuch.json
@@ -7,8 +7,8 @@
     "image": ""
   },
   "kontakt": {
-    "email": "emy@meinewebsite.de",
-    "dojo": "Kiai Dojo Esslingen"
+    "email": "emy@emy-karate.de",
+    "dojo": "Shodocan Esslingen"
   },
   "eintraege": [
     {
diff --git a/data/gallery.json b/data/gallery.json
index 00c135b..afecdd5 100644
--- a/data/gallery.json
+++ b/data/gallery.json
@@ -37,7 +37,7 @@
       "filename": "1775774187000-q74m0.webp",
       "thumb": "1775774187000-q74m0-thumb.webp",
       "title": "Test",
-      "kategorie": "test",
+      "kategorie": "Wettkämpfe",
       "datum": "2026-04-09"
     }
   ]
diff --git a/data/global.json b/data/global.json
index 5b760b2..337adbd 100644
--- a/data/global.json
+++ b/data/global.json
@@ -2,6 +2,6 @@
   "social": {
     "instagram": "#",
     "youtube": "#",
-    "email": "hallo@miyakarate.de"
+    "email": "hallo@emy-karate.de"
   }
-}
+}
\ No newline at end of file
diff --git a/data/uebermich.json b/data/uebermich.json
index 38a4d8e..3c870ea 100644
--- a/data/uebermich.json
+++ b/data/uebermich.json
@@ -13,39 +13,47 @@
   "gurtweg": {
     "title": "Der Weg zur Meisterschaft",
     "subtitle": "Jeder Gürtel erzählt eine Geschichte aus Hingabe und Wachstum.",
-    "aktiver_gurt": "Lila",
+    "aktiver_gurt": "Grün",
     "gurte": [
       {
         "name": "Weiß",
-        "farbe": "bg-white border-2 border-zinc-300"
+        "farbe": "bg-white border-2 border-zinc-300",
+        "geschichte": "Der allererste Schritt auf die Matte. Hier begann Emys große Karate-Reise und die Grundlagen wurden gelegt."
       },
       {
         "name": "Gelb",
-        "farbe": "bg-yellow-400"
+        "farbe": "bg-yellow-400",
+        "geschichte": "Die erste Prüfung erfolgreich bestanden! Das Verständnis für Kihon und erste Katas wurde belohnt."
       },
       {
         "name": "Orange",
-        "farbe": "bg-orange-500"
+        "farbe": "bg-orange-500",
+        "geschichte": "Mit dem Orangegurt kam mehr Kraft und Präzision in die Techniken. Erste Turniererfahrungen wurden gesammelt."
       },
       {
         "name": "Grün",
-        "farbe": "bg-green-600"
+        "farbe": "bg-green-600",
+        "geschichte": "Ein echter Meilenstein! Komplexere Katas und fortgeschrittene Kumite-Techniken zeichnen diesen Champion-Gürtel aus."
       },
       {
         "name": "Blau",
-        "farbe": "bg-blue-600"
+        "farbe": "bg-blue-600",
+        "geschichte": "Noch nicht erreicht. Der Blaugurt steht für mentale Stärke und tieferes Verständnis der Karate-Philosophie."
       },
       {
         "name": "Lila",
-        "farbe": "bg-purple-700"
+        "farbe": "bg-purple-700",
+        "geschichte": "Noch nicht erreicht. Ein wichtiger Zwischenschritt auf dem Weg zu den Meistergraden."
       },
       {
         "name": "Braun",
-        "farbe": "bg-red-700"
+        "farbe": "bg-red-700",
+        "geschichte": "Noch nicht erreicht. Der höchste Schülergrad (Kyu). Die Techniken werden reflexartig und meisterlich."
       },
       {
         "name": "Schwarz",
-        "farbe": "bg-zinc-900"
+        "farbe": "bg-zinc-900",
+        "geschichte": "Das ultimative Ziel: Der erste Dan. Hier endet das Schüler-Dasein und der wahre Weg des Karate (Do) beginnt."
       }
     ]
   },
diff --git a/deploy.sh b/deploy.sh
index 4450550..6ed3276 100755
--- a/deploy.sh
+++ b/deploy.sh
@@ -2,21 +2,22 @@
 set -e
 
 SITE_DIR="$(cd "$(dirname "$0")" && pwd)"
-SERVER="root@217.160.212.198"
+#SERVER="root@bonzeipunk.de"
+SERVER="punk"
 SSH_KEY="/Users/jessi/.ssh/vpsserver/vpsserver"
-REMOTE_DIR="/var/www/emy.bonzeipunk.de"
+REMOTE_DIR="/var/www/emy-karate"
 
 echo "▶ Hugo bauen..."
 cd "$SITE_DIR"
 hugo --minify
 
 echo "▶ SSH-Key laden..."
-SSH_ASKPASS_REQUIRE=never ssh-add "$SSH_KEY" <<< "bonzeikiller" 2>/dev/null || true
-
+#SSH_ASKPASS_REQUIRE=never ssh-add "$SSH_KEY" <<< "bonzeikiller" 2>/dev/null || true
+#SSH_ASKPASS_REQUIRE=never ssh-add "$SSH_KEY"  2>/dev/null || true
 echo "▶ Auf Server übertragen..."
 rsync -az --delete \
   -e "ssh -o StrictHostKeyChecking=no -i $SSH_KEY" \
   "$SITE_DIR/public/" "$SERVER:$REMOTE_DIR/"
 
 echo ""
-echo "✓ Fertig! https://emy.bonzeipunk.de"
+echo "✓ Fertig! https://emy-karate.de"
diff --git a/hugo.toml b/hugo.toml
index e104026..d1f35a6 100644
--- a/hugo.toml
+++ b/hugo.toml
@@ -1,3 +1,3 @@
-baseURL = "https://emy.bonzeipunk.de/"
+baseURL = "https://emy-karate.de/"
 languageCode = "de"
 title = "EmyKarate"
diff --git a/karatehp.code-workspace b/karatehp.code-workspace
new file mode 100644
index 0000000..2f8aaea
--- /dev/null
+++ b/karatehp.code-workspace
@@ -0,0 +1,11 @@
+{
+	"folders": [
+		{
+			"path": "."
+		},
+		{
+			"path": "../../../Volumes/nvme/Downloads/stitch_tastaturk_rzel_verwaltung_app"
+		}
+	],
+	"settings": {}
+}
\ No newline at end of file
diff --git a/layouts/.DS_Store b/layouts/.DS_Store
index 066d830..1683c94 100644
Binary files a/layouts/.DS_Store and b/layouts/.DS_Store differ
diff --git a/layouts/erfolge/list.html b/layouts/erfolge/list.html
index a370986..d4759b0 100644
--- a/layouts/erfolge/list.html
+++ b/layouts/erfolge/list.html
@@ -15,6 +15,7 @@
     theme: {
       extend: {
         "colors": {
+          "belt-green": "#10b981", "belt-green-glow": "#059669",
           "tertiary-container": "#ffffff", "surface-bright": "#f5f6f7",
           "on-tertiary-container": "#636262", "error-dim": "#a70138",
           "on-surface-variant": "#595c5d", "surface-tint": "#b30065",
@@ -47,6 +48,22 @@
         },
         "fontFamily": {
           "headline": ["Lexend"], "body": ["Be Vietnam Pro"], "label": ["Be Vietnam Pro"]
+        },
+        "keyframes": {
+          "reveal-up": {
+            "0%": { opacity: "0", transform: "translateY(50px) scale(0.95)" },
+            "100%": { opacity: "1", transform: "translateY(0) scale(1)" }
+          },
+          "orb-float": {
+            "0%, 100%": { transform: "translate(0px, 0px) scale(1)" },
+            "33%": { transform: "translate(30px, -50px) scale(1.1)" },
+            "66%": { transform: "translate(-20px, 20px) scale(0.9)" }
+          }
+        },
+        "animation": {
+          "reveal-up": "reveal-up 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards",
+          "orb-float": "orb-float 15s ease-in-out infinite",
+          "orb-float-slow": "orb-float 20s ease-in-out infinite reverse"
         }
       },
     },
@@ -67,7 +84,9 @@
 <!-- TopAppBar -->
 <header class="bg-white/70 dark:bg-zinc-900/70 backdrop-blur-lg fixed top-0 left-0 w-full z-50 shadow-xl shadow-pink-500/5">
   <div class="flex justify-between items-center h-20 px-6 md:px-12 max-w-screen-2xl mx-auto">
-    <a href="/" class="text-2xl font-black text-pink-600 dark:text-pink-400 italic font-headline tracking-tight uppercase">{{ .Site.Data.homepage.siteTitle | default .Site.Title }}</a>
+    <a href="{{ "/" | relURL }}" class="flex items-center gap-3 text-2xl font-black text-pink-600 dark:text-pink-400 italic font-headline tracking-tight uppercase group hover:opacity-80 transition-opacity">
+      <span>{{ .Site.Data.homepage.siteTitle | default .Site.Title }}</span>
+    </a>
     <nav class="hidden md:flex items-center space-x-8 font-headline tracking-tight uppercase font-bold">
       <a class="text-zinc-600 dark:text-zinc-400 font-medium hover:text-pink-500 dark:hover:text-pink-300 transition-colors duration-300" href="/">Home</a>
       <a class="text-zinc-600 dark:text-zinc-400 font-medium hover:text-pink-500 dark:hover:text-pink-300 transition-colors duration-300" href="/galerie/">Galerie</a>
@@ -122,12 +141,31 @@
   </section>
 
   <!-- Alle Erfolge aus Content-Dateien -->
-  <section class="bg-surface-container-low py-24 rounded-t-[5rem]">
-    <div class="max-w-7xl mx-auto px-6">
-      <h2 class="text-5xl font-headline font-black mb-16 tracking-tight uppercase">MEILENSTEINE DES <span class="text-primary italic">ERFOLGS</span></h2>
-      <div class="space-y-16">
-        {{ range (where (where .Site.RegularPages "Section" "erfolge") "Params.is_weitere_auszeichnung" "!=" "true").ByWeight }}
-        <div class="erfolg-card flex flex-col md:flex-row bg-surface-container-lowest rounded-3xl editorial-shadow relative overflow-hidden group transition-all duration-500 hover:shadow-2xl">
+  <section class="relative bg-surface-container-low py-24 rounded-t-[5rem] overflow-hidden">
+    <!-- Animated Orbs Background -->
+    <div class="absolute top-20 -left-20 w-96 h-96 bg-primary/20 rounded-full mix-blend-multiply filter blur-[100px] opacity-70 animate-orb-float pointer-events-none"></div>
+    <div class="absolute top-1/2 -right-20 w-[30rem] h-[30rem] bg-belt-green/10 rounded-full mix-blend-multiply filter blur-[120px] opacity-50 animate-orb-float-slow pointer-events-none"></div>
+    <div class="absolute bottom-20 left-1/3 w-80 h-80 bg-primary-container/20 rounded-full mix-blend-multiply filter blur-[100px] opacity-60 animate-orb-float pointer-events-none"></div>
+
+    <div class="max-w-7xl mx-auto px-6 relative z-10">
+      <h2 class="text-5xl font-headline font-black mb-16 tracking-tight uppercase text-transparent bg-clip-text bg-gradient-to-r from-on-surface via-on-surface-variant to-primary">MEILENSTEINE DES <span class="text-primary italic">ERFOLGS</span></h2>
+      
+      <!-- Timeline Layout -->
+      <div class="relative pl-12 md:pl-20 space-y-24">
+        <!-- Vertical glowing timeline line -->
+        <div class="absolute left-4 md:left-8 top-12 bottom-0 w-1 bg-gradient-to-b from-primary via-belt-green to-primary opacity-30 blur-[2px]"></div>
+        <div class="absolute left-[1.1rem] md:left-[2.1rem] top-12 bottom-0 w-[2px] bg-gradient-to-b from-primary via-belt-green to-primary opacity-60"></div>
+
+        {{ $mainErfolge := (where (where .Site.RegularPages "Section" "erfolge") "Params.is_weitere_auszeichnung" "!=" "true").ByWeight }}
+        {{ $totalErfolge := len $mainErfolge }}
+        {{ range $index, $element := $mainErfolge }}
+        
+        <div class="relative group opacity-0 translate-y-12 transition-all duration-1000 ease-out scroll-reveal-item">
+          <!-- Timeline Node / Glowing Dot -->
+          <div class="absolute -left-[3.5rem] md:-left-[5.5rem] top-12 w-6 h-6 rounded-full bg-surface-container-lowest border-4 border-primary z-10 group-hover:border-belt-green group-hover:shadow-[0_0_15px_rgba(16,185,129,1),0_0_5px_rgba(16,185,129,1)] transition-all duration-500 group-hover:scale-125"></div>
+
+          <!-- The Card -->
+          <div class="erfolg-card flex flex-col {{ if modBool $index 2 }}md:flex-row{{ else }}md:flex-row-reverse{{ end }} bg-surface-container-lowest rounded-3xl editorial-shadow relative overflow-hidden transition-all duration-500 hover:shadow-[0_0_25px_rgba(16,185,129,0.4)] hover:-translate-y-2 group-hover:ring-2 group-hover:ring-belt-green">
           
           {{ if .Params.image }}
           <!-- Bild-Bereich -->
@@ -198,6 +236,46 @@
                 </div>
                 {{ end }}
               </div>
+
+              <!-- Interaktionsbereich: Likes & Kommentare -->
+              <div class="mt-8 pt-8 border-t border-outline-variant/20 space-y-6 px-10 pb-8 erfolg-interactions" data-erfolg-id="{{ .File.TranslationBaseName }}">
+                <!-- Likes & Kommentare Header -->
+                <div class="flex flex-wrap items-center justify-between gap-4">
+                  <button onclick="likeErfolg('{{ .File.TranslationBaseName }}', this)" class="like-btn flex items-center gap-3 px-6 py-3 rounded-full bg-primary/5 hover:bg-primary/10 text-primary transition-all duration-300 transform active:scale-95 group/like">
+                    <span class="material-symbols-outlined heart-icon transition-transform duration-300 group-hover/like:scale-120" style="font-variation-settings: 'FILL' 0;">favorite</span>
+                    <span class="font-headline font-bold text-sm tracking-wide"><span class="like-count">0</span> Likes</span>
+                  </button>
+                  
+                  <div class="flex items-center gap-2.5 text-on-surface-variant text-sm font-bold font-headline uppercase tracking-wider bg-surface-container-low px-5 py-3 rounded-full">
+                    <span class="material-symbols-outlined text-base">forum</span>
+                    <span><span class="comment-count">0</span> Kommentare</span>
+                  </div>
+                </div>
+
+                <!-- Kommentare Liste -->
+                <div class="comment-list space-y-4 max-h-[350px] overflow-y-auto pr-2 hidden">
+                  <!-- Dynamisch geladen -->
+                </div>
+
+                <!-- Neuen Kommentar schreiben -->
+                <form onsubmit="submitComment('{{ .File.TranslationBaseName }}', this, event)" class="comment-form space-y-4 bg-surface-container-low p-6 rounded-2xl relative overflow-hidden">
+                  <div class="absolute top-0 left-0 w-2 h-full bg-gradient-to-b from-primary to-primary-container"></div>
+                  <h4 class="text-sm font-bold font-label uppercase tracking-widest text-on-surface-variant mb-1">Deine Geschichte teilen / Kommentar schreiben</h4>
+                  
+                  <div class="grid grid-cols-1 md:grid-cols-3 gap-4 items-end">
+                    <div class="md:col-span-2 space-y-4">
+                      <input required name="name" type="text" placeholder="Dein Name" class="w-full bg-surface-container-lowest border-none rounded-lg focus:ring-2 focus:ring-primary/20 p-4 text-sm transition-all placeholder:text-outline-variant" />
+                      <textarea required name="text" rows="2" placeholder="Schreib einen kurzen Kommentar..." class="w-full bg-surface-container-lowest border-none rounded-lg focus:ring-2 focus:ring-primary/20 p-4 text-sm transition-all placeholder:text-outline-variant resize-none"></textarea>
+                    </div>
+                    <div class="h-full flex items-end">
+                      <button type="submit" class="w-full h-[52px] bg-gradient-to-r from-primary to-primary-container text-on-primary rounded-lg font-headline font-bold shadow-lg shadow-primary/20 hover:scale-[1.02] active:scale-98 transition-all flex items-center justify-center gap-2">
+                        <span class="material-symbols-outlined text-sm">send</span>
+                        <span>Kommentieren</span>
+                      </button>
+                    </div>
+                  </div>
+                </form>
+              </div>
             </div>
           </div>
           
@@ -205,7 +283,20 @@
           {{ if not .Params.image }}
           <span class="material-symbols-outlined absolute -bottom-10 -right-10 text-[20rem] text-surface-container opacity-30 group-hover:opacity-40 transition-opacity pointer-events-none">workspace_premium</span>
           {{ end }}
-        </div>
+          </div> <!-- Ende erfolg-card -->
+          
+          <!-- Karate Trenner (nicht beim letzten Element) -->
+          {{ if lt (add $index 1) $totalErfolge }}
+          <div class="absolute -bottom-[3rem] left-8 right-8 flex items-center justify-center opacity-60 z-0 pointer-events-none">
+             <div class="h-[2px] bg-gradient-to-r from-transparent via-primary to-transparent flex-grow opacity-50"></div>
+             <div class="px-4 text-primary bg-surface-container-low rounded-full border border-primary/20 shadow-[0_0_15px_rgba(179,0,101,0.2)] flex items-center justify-center h-8">
+               <span class="material-symbols-outlined text-2xl">sports_martial_arts</span>
+             </div>
+             <div class="h-[2px] bg-gradient-to-r from-primary via-transparent to-transparent flex-grow opacity-50"></div>
+          </div>
+          {{ end }}
+
+        </div> <!-- Ende relative group -->
         {{ end }}
       </div>
     </div>
@@ -217,15 +308,24 @@
     var body = card.querySelector('.erfolg-body');
     var icon = btn.querySelector('.material-symbols-outlined');
     var label = btn.querySelector('.btn-label');
-    var isOpen = body.style.maxHeight && body.style.maxHeight !== '0px';
+    var isOpen = body.classList.contains('is-open');
     if (isOpen) {
+      body.style.maxHeight = body.scrollHeight + 'px';
+      body.offsetHeight; // Force reflow
       body.style.maxHeight = '0';
+      body.classList.remove('is-open');
       icon.style.transform = '';
-      label.textContent = 'Mehr lesen';
+      label.textContent = 'Ganze Geschichte lesen';
     } else {
       body.style.maxHeight = body.scrollHeight + 'px';
+      body.classList.add('is-open');
       icon.style.transform = 'rotate(180deg)';
       label.textContent = 'Weniger anzeigen';
+      setTimeout(function() {
+        if (body.classList.contains('is-open')) {
+          body.style.maxHeight = 'none';
+        }
+      }, 500);
     }
   }
   </script>
@@ -235,6 +335,7 @@
     <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
 
       <!-- Große Karte: Haupt-Meilenstein -->
+      {{ if $e.meilenstein.event }}
       <div class="md:col-span-2 relative">
         <!-- Herausfahrendes Bild -->
         <div class="absolute top-0 left-8 right-8 flex justify-center z-0 h-48 overflow-visible">
@@ -264,6 +365,7 @@
         <span class="material-symbols-outlined absolute -bottom-10 -right-10 text-[15rem] text-surface-container opacity-20 group-hover:opacity-30 transition-opacity">sports_martial_arts</span>
         </div>
       </div>
+      {{ end }}
 
       <!-- Weitere Auszeichnungen -->
       <div class="bg-primary rounded-xl p-8 text-on-primary flex flex-col gap-8 shadow-2xl shadow-primary/20">
@@ -441,5 +543,177 @@ function closeLightbox(e, force) {
     });
   });
 </script>
+<script>
+  // Intersection Observer for scroll animations
+  document.addEventListener("DOMContentLoaded", function() {
+    const observerOptions = {
+      root: null,
+      rootMargin: '0px',
+      threshold: 0.15
+    };
+
+    const observer = new IntersectionObserver((entries, observer) => {
+      entries.forEach(entry => {
+        if (entry.isIntersecting) {
+          entry.target.classList.add('animate-reveal-up');
+          entry.target.classList.remove('opacity-0', 'translate-y-12');
+          observer.unobserve(entry.target);
+        }
+      });
+    }, observerOptions);
+
+    document.querySelectorAll('.scroll-reveal-item').forEach(item => {
+      observer.observe(item);
+    });
+  });
+</script>
+<script>
+  // Erfolge Likes & Kommentare System
+  (function() {
+    const isLocal = window.location.hostname === 'localhost' || window.location.hostname === 'karate' || window.location.hostname.startsWith('192.168.');
+    const apiBase = isLocal ? 'http://' + window.location.hostname + ':3001' : '';
+
+    let erfolgInteractions = {};
+
+    async function loadInteractions() {
+      try {
+        const r = await fetch(apiBase + '/api/erfolge/interactions');
+        if (r.ok) {
+          erfolgInteractions = await r.json();
+          renderAllInteractions();
+        }
+      } catch (e) {
+        console.error('Fehler beim Laden der Interaktionen:', e);
+      }
+    }
+
+    function renderAllInteractions() {
+      document.querySelectorAll('.erfolg-interactions').forEach(container => {
+        const id = container.dataset.erfolgId;
+        const data = erfolgInteractions[id] || { likes: 0, comments: [] };
+        
+        // Update counters
+        container.querySelector('.like-count').textContent = data.likes || 0;
+        container.querySelector('.comment-count').textContent = data.comments ? data.comments.length : 0;
+        
+        // Highlight liked status if saved in localStorage
+        const likedKeys = JSON.parse(localStorage.getItem('emy_liked_erfolge') || '[]');
+        const heartIcon = container.querySelector('.heart-icon');
+        if (likedKeys.includes(id)) {
+          heartIcon.style.fontVariationSettings = "'FILL' 1";
+          heartIcon.classList.add('text-primary');
+          heartIcon.classList.remove('group-hover/like:scale-120'); // static filled look
+        } else {
+          heartIcon.style.fontVariationSettings = "'FILL' 0";
+          heartIcon.classList.remove('text-primary');
+        }
+
+        // Render comment list
+        const list = container.querySelector('.comment-list');
+        if (data.comments && data.comments.length > 0) {
+          list.classList.remove('hidden');
+          list.innerHTML = data.comments.map(c => {
+            const letter = c.name ? c.name.charAt(0).toUpperCase() : '?';
+            const dateObj = new Date(c.date);
+            const dateStr = dateObj.toLocaleDateString('de-DE', { day: '2-digit', month: '2-digit', year: 'numeric', hour: '2-digit', minute: '2-digit' });
+            return `
+              <div class="bg-surface-container-lowest p-4 rounded-xl shadow-sm border border-outline-variant/10">
+                <div class="flex items-center justify-between mb-2">
+                  <div class="flex items-center gap-2.5">
+                    <div class="w-8 h-8 rounded-full bg-secondary-container text-on-secondary-container flex items-center justify-center font-bold text-sm uppercase">${letter}</div>
+                    <span class="font-bold text-sm text-on-surface">${escapeHtml(c.name)}</span>
+                  </div>
+                  <span class="text-xs text-outline font-medium">${dateStr}</span>
+                </div>
+                <p class="text-sm text-on-surface-variant leading-relaxed pl-10.5">${escapeHtml(c.text)}</p>
+              </div>
+            `;
+          }).join('');
+        } else {
+          list.classList.add('hidden');
+          list.innerHTML = '';
+        }
+      });
+    }
+
+    function escapeHtml(str) {
+      return str.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#039;");
+    }
+
+    window.likeErfolg = async function(id, btn) {
+      const likedKeys = JSON.parse(localStorage.getItem('emy_liked_erfolge') || '[]');
+      if (likedKeys.includes(id)) {
+        return;
+      }
+
+      try {
+        const r = await fetch(apiBase + '/api/erfolge/interactions/like', {
+          method: 'POST',
+          headers: { 'Content-Type': 'application/json' },
+          body: JSON.stringify({ id })
+        });
+
+        if (r.ok) {
+          const res = await r.json();
+          erfolgInteractions[id] = res.data;
+          
+          likedKeys.push(id);
+          localStorage.setItem('emy_liked_erfolge', JSON.stringify(likedKeys));
+          
+          renderAllInteractions();
+          
+          // Heart trigger animation
+          const heart = btn.querySelector('.heart-icon');
+          heart.classList.add('scale-150');
+          setTimeout(() => heart.classList.remove('scale-150'), 300);
+        }
+      } catch (e) {
+        console.error('Fehler beim Liken:', e);
+      }
+    };
+
+    window.submitComment = async function(id, form, event) {
+      event.preventDefault();
+      const btn = form.querySelector('button[type="submit"]');
+      const nameInput = form.querySelector('input[name="name"]');
+      const textInput = form.querySelector('textarea[name="text"]');
+      
+      const name = nameInput.value;
+      const text = textInput.value;
+      
+      if (!name || !text) return;
+      
+      btn.disabled = true;
+      
+      try {
+        const r = await fetch(apiBase + '/api/erfolge/interactions/comment', {
+          method: 'POST',
+          headers: { 'Content-Type': 'application/json' },
+          body: JSON.stringify({ id, name, text })
+        });
+        
+        if (r.ok) {
+          const res = await r.json();
+          erfolgInteractions[id] = res.data;
+          textInput.value = '';
+          
+          renderAllInteractions();
+          
+          const card = form.closest('.erfolg-card');
+          const body = card.querySelector('.erfolg-body');
+          if (body.style.maxHeight !== 'none') {
+            body.style.maxHeight = body.scrollHeight + 'px';
+          }
+        }
+      } catch (e) {
+        console.error('Fehler beim Kommentieren:', e);
+      } finally {
+        btn.disabled = false;
+      }
+    };
+
+    document.addEventListener('DOMContentLoaded', loadInteractions);
+  })();
+</script>
 </body>
 </html>
diff --git a/layouts/gaestebuch/list.html b/layouts/gaestebuch/list.html
index e5180d3..0fe941a 100644
--- a/layouts/gaestebuch/list.html
+++ b/layouts/gaestebuch/list.html
@@ -61,7 +61,9 @@
 <!-- TopAppBar -->
 <header class="fixed top-0 left-0 w-full z-50 bg-white/70 dark:bg-zinc-900/70 backdrop-blur-lg shadow-xl shadow-pink-500/5">
   <nav class="flex justify-between items-center h-20 px-6 md:px-12 max-w-screen-2xl mx-auto">
-    <a href="/" class="text-2xl font-black text-pink-600 dark:text-pink-400 italic font-headline tracking-tight uppercase">{{ .Site.Data.homepage.siteTitle | default .Site.Title }}</a>
+    <a href="{{ "/" | relURL }}" class="flex items-center gap-3 text-2xl font-black text-pink-600 dark:text-pink-400 italic font-headline tracking-tight uppercase group hover:opacity-80 transition-opacity">
+      <span>{{ .Site.Data.homepage.siteTitle | default .Site.Title }}</span>
+    </a>
     <div class="hidden md:flex items-center gap-8">
       <a class="text-zinc-600 dark:text-zinc-400 font-medium font-headline tracking-tight uppercase hover:text-pink-500 transition-colors duration-300" href="/">Home</a>
       <a class="text-zinc-600 dark:text-zinc-400 font-medium font-headline tracking-tight uppercase hover:text-pink-500 transition-colors duration-300" href="/galerie/">Galerie</a>
@@ -108,41 +110,42 @@
           <span class="material-symbols-outlined text-primary text-4xl">send</span>
           Nachricht schicken
         </h2>
-        <form class="space-y-6">
+        <form class="space-y-6" id="gbForm">
           <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
             <div class="space-y-2">
               <label class="text-sm font-bold font-label uppercase tracking-widest text-on-surface-variant px-1">Dein Name</label>
-              <input class="w-full bg-surface-container-low border-none rounded-sm focus:ring-2 focus:ring-primary/20 p-4 transition-all placeholder:text-outline-variant" placeholder="Mia Muster" type="text"/>
+              <input id="gbName" required class="w-full bg-surface-container-low border-none rounded-sm focus:ring-2 focus:ring-primary/20 p-4 transition-all placeholder:text-outline-variant" placeholder="Mia Muster" type="text"/>
             </div>
             <div class="space-y-2">
               <label class="text-sm font-bold font-label uppercase tracking-widest text-on-surface-variant px-1">E-Mail-Adresse</label>
-              <input class="w-full bg-surface-container-low border-none rounded-sm focus:ring-2 focus:ring-primary/20 p-4 transition-all placeholder:text-outline-variant" placeholder="hallo@beispiel.de" type="email"/>
+              <input id="gbEmail" required class="w-full bg-surface-container-low border-none rounded-sm focus:ring-2 focus:ring-primary/20 p-4 transition-all placeholder:text-outline-variant" placeholder="hallo@beispiel.de" type="email"/>
             </div>
           </div>
           <div class="space-y-2">
             <label class="text-sm font-bold font-label uppercase tracking-widest text-on-surface-variant px-1">Betreff</label>
             <div class="flex flex-wrap gap-3 py-2">
               <label class="cursor-pointer">
-                <input checked class="hidden peer" name="subject" type="radio"/>
+                <input checked class="hidden peer" name="subject" type="radio" value="Allgemeine Frage"/>
                 <span class="px-6 py-2 rounded-full border-2 border-surface-container-high peer-checked:bg-secondary peer-checked:text-on-secondary peer-checked:border-secondary transition-all text-sm font-bold">Allgemeine Frage</span>
               </label>
               <label class="cursor-pointer">
-                <input class="hidden peer" name="subject" type="radio"/>
+                <input class="hidden peer" name="subject" type="radio" value="Trainingstipps"/>
                 <span class="px-6 py-2 rounded-full border-2 border-surface-container-high peer-checked:bg-secondary peer-checked:text-on-secondary peer-checked:border-secondary transition-all text-sm font-bold">Trainingstipps</span>
               </label>
               <label class="cursor-pointer">
-                <input class="hidden peer" name="subject" type="radio"/>
+                <input class="hidden peer" name="subject" type="radio" value="Sonstiges"/>
                 <span class="px-6 py-2 rounded-full border-2 border-surface-container-high peer-checked:bg-secondary peer-checked:text-on-secondary peer-checked:border-secondary transition-all text-sm font-bold">Sonstiges</span>
               </label>
             </div>
           </div>
           <div class="space-y-2">
             <label class="text-sm font-bold font-label uppercase tracking-widest text-on-surface-variant px-1">Nachricht</label>
-            <textarea class="w-full bg-surface-container-low border-none rounded-sm focus:ring-2 focus:ring-primary/20 p-4 transition-all placeholder:text-outline-variant resize-none" placeholder="Schreib deine Nachricht hier..." rows="5"></textarea>
+            <textarea id="gbText" required class="w-full bg-surface-container-low border-none rounded-sm focus:ring-2 focus:ring-primary/20 p-4 transition-all placeholder:text-outline-variant resize-none" placeholder="Schreib deine Nachricht hier..." rows="5"></textarea>
           </div>
-          <button class="w-full bg-gradient-to-r from-primary to-primary-container text-on-primary py-5 rounded-xl font-headline text-xl font-bold shadow-xl shadow-primary/30 transition-transform active:scale-95">
+          <button id="gbSubmitBtn" type="submit" class="w-full bg-gradient-to-r from-primary to-primary-container text-on-primary py-5 rounded-xl font-headline text-xl font-bold shadow-xl shadow-primary/30 transition-transform active:scale-95 disabled:opacity-50">
             Nachricht absenden
           </button>
+          <p id="gbStatus" class="text-center text-sm font-bold hidden"></p>
         </form>
       </div>
     </div>
@@ -167,7 +170,7 @@
             </div>
             <div>
               <p class="text-xs font-bold uppercase opacity-60">Dojo</p>
-              <p class="font-bold">{{ $gb.kontakt.dojo }}</p>
+              <p class="font-bold">{{ $gb.kontakt.dojo | safeHTML }}</p>
             </div>
           </div>
         </div>
@@ -247,5 +250,45 @@
   </div>
 </footer>
 
+<script>
+  document.getElementById('gbForm').addEventListener('submit', async function(e) {
+    e.preventDefault();
+    const btn = document.getElementById('gbSubmitBtn');
+    const status = document.getElementById('gbStatus');
+    const name = document.getElementById('gbName').value;
+    const email = document.getElementById('gbEmail').value;
+    const text = document.getElementById('gbText').value;
+    const subject = document.querySelector('input[name="subject"]:checked').value;
+
+    btn.disabled = true;
+    status.classList.remove('hidden', 'text-error', 'text-green-600');
+    status.textContent = 'Wird gesendet...';
+
+    // API URL bestimmen (Nutzt jetzt den Nginx Proxy auf der gleichen Domain)
+    const isLocal = window.location.hostname === 'localhost' || window.location.hostname === 'karate' || window.location.hostname.startsWith('192.168.');
+    const finalUrl = isLocal ? 'http://' + window.location.hostname + ':3001/api/gaestebuch/public' : '/api/gaestebuch/public';
+
+    try {
+      const r = await fetch(finalUrl, {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({ name, email, text, subject })
+      });
+
+      if (r.ok) {
+        status.textContent = '✅ Danke! Deine Nachricht wurde gespeichert und erscheint in Kürze.';
+        status.classList.add('text-green-600');
+        document.getElementById('gbForm').reset();
+      } else {
+        throw new Error('Server-Fehler');
+      }
+    } catch(e) {
+      status.textContent = '❌ Fehler beim Senden. Bitte versuche es später nochmal.';
+      status.classList.add('text-error');
+      btn.disabled = false;
+    }
+  });
+</script>
+
 </body>
 </html>
diff --git a/layouts/galerie/list.html b/layouts/galerie/list.html
index 802c1b4..c8c764c 100644
--- a/layouts/galerie/list.html
+++ b/layouts/galerie/list.html
@@ -3,7 +3,7 @@
 <head>
 <meta charset="utf-8"/>
 <meta content="width=device-width, initial-scale=1.0" name="viewport"/>
-<title>Galerie | {{ .Site.Data.homepage.siteTitle | default .Site.Title }}</title>
+<title>Galerie | {{ .Site.Data.homepage.siteTitle | default .Site.Title }} verdammt</title>
 <script src="https://cdn.tailwindcss.com?plugins=forms,container-queries"></script>
 <link href="https://fonts.googleapis.com/css2?family=Lexend:wght@300;400;600;700;800;900&family=Be+Vietnam+Pro:wght@300;400;500;600;700&display=swap" rel="stylesheet"/>
 <link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap" rel="stylesheet"/>
@@ -61,7 +61,9 @@
 <!-- TopAppBar -->
 <header class="fixed top-0 left-0 w-full z-50 bg-white/70 dark:bg-zinc-900/70 backdrop-blur-lg shadow-xl shadow-pink-500/5">
   <div class="flex justify-between items-center h-20 px-6 md:px-12 max-w-screen-2xl mx-auto">
-    <a href="/" class="text-2xl font-black text-pink-600 dark:text-pink-400 italic font-headline tracking-tight uppercase">{{ .Site.Data.homepage.siteTitle | default .Site.Title }}</a>
+    <a href="{{ "/" | relURL }}" class="flex items-center gap-3 text-2xl font-black text-pink-600 dark:text-pink-400 italic font-headline tracking-tight uppercase group hover:opacity-80 transition-opacity">
+      <span>{{ .Site.Data.homepage.siteTitle | default .Site.Title }}</span>
+    </a>
     <nav class="hidden md:flex items-center gap-8">
       <a class="text-zinc-600 dark:text-zinc-400 font-medium font-headline tracking-tight uppercase hover:text-pink-500 transition-colors duration-300" href="/">Home</a>
       <a class="text-pink-600 dark:text-pink-400 border-b-2 border-pink-500 pb-1 font-headline tracking-tight uppercase font-bold" href="/galerie/">Galerie</a>
diff --git a/layouts/index.html b/layouts/index.html
index 8baa58e..819783e 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -6,7 +6,7 @@
 <title>{{ .Title }} | EmyKarate</title>
 <link href="https://fonts.googleapis.com" rel="preconnect"/>
 <link crossorigin="" href="https://fonts.gstatic.com" rel="preconnect"/>
-<link href="https://fonts.googleapis.com/css2?family=Lexend:wght@300;400;500;600;700;800;900&family=Be+Vietnam+Pro:wght@300;400;500;600;700&display=swap" rel="stylesheet"/>
+<link href="https://fonts.googleapis.com/css2?family=Lexend:wght@300;400;500;600;700;800;900&family=Be+Vietnam+Pro:wght@300;400;500;600;700&family=Noto+Serif+JP:wght@900&family=Yuji+Syuku&display=swap" rel="stylesheet"/>
 <link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap" rel="stylesheet"/>
 <script src="https://cdn.tailwindcss.com?plugins=forms,container-queries"></script>
 <script id="tailwind-config">
@@ -76,7 +76,9 @@
         "fontFamily": {
           "headline": ["Lexend"],
           "body": ["Be Vietnam Pro"],
-          "label": ["Be Vietnam Pro"]
+          "label": ["Be Vietnam Pro"],
+          "japanese": ["Noto Serif JP", "serif"],
+          "calligraphy": ["Yuji Syuku", "serif"]
         }
       },
     },
@@ -96,9 +98,9 @@
 <!-- TopAppBar -->
 <nav class="fixed top-0 left-0 w-full z-50 bg-white/70 dark:bg-zinc-900/70 backdrop-blur-lg shadow-xl shadow-pink-500/5">
   <div class="flex justify-between items-center h-20 px-6 md:px-12 max-w-screen-2xl mx-auto">
-    <div class="text-2xl font-black text-pink-600 dark:text-pink-400 italic font-headline tracking-tight uppercase">
-      {{ .Site.Data.homepage.siteTitle | default .Site.Title }}
-    </div>
+    <a href="{{ "/" | relURL }}" class="flex items-center gap-3 text-2xl font-black text-pink-600 dark:text-pink-400 italic font-headline tracking-tight uppercase group hover:opacity-80 transition-opacity">
+      <span>{{ .Site.Data.homepage.siteTitle | default .Site.Title }}</span>
+    </a>
     <div class="hidden md:flex items-center gap-8">
       <a class="text-pink-600 dark:text-pink-400 border-b-2 border-pink-500 pb-1 font-headline tracking-tight uppercase font-bold transition-colors duration-300" href="{{ "/" | relURL }}">Home</a>
       <a class="text-zinc-600 dark:text-zinc-400 font-medium font-headline tracking-tight uppercase hover:text-pink-500 dark:hover:text-pink-300 transition-colors duration-300" href="{{ "/galerie/" | relURL }}">Galerie</a>
@@ -132,26 +134,33 @@
   <!-- Hero Section -->
   <section class="relative min-h-[921px] flex items-center overflow-hidden bg-surface">
     <div class="absolute -right-20 top-20 w-[600px] h-[600px] bg-secondary-container/20 rounded-full blur-[120px]"></div>
-    <div class="max-w-screen-2xl mx-auto px-6 md:px-12 grid grid-cols-1 lg:grid-cols-12 gap-12 items-center relative z-10">
-      <div class="lg:col-span-6 order-2 lg:order-1">
-        <span class="inline-block px-4 py-1 rounded-full bg-secondary-container text-on-secondary-container text-sm font-bold tracking-widest uppercase mb-6 font-label">{{ .Site.Data.homepage.hero.badge }}</span>
-        <h1 class="text-6xl md:text-8xl font-headline font-black text-on-surface leading-[0.9] editorial-text-shadow mb-8 italic">
-          {{ .Site.Title }}
-        </h1>
-        <p class="text-xl text-on-surface-variant max-w-lg mb-10 leading-relaxed font-body">
-          {{ .Site.Data.homepage.hero.description }}
-        </p>
-        <div class="flex flex-wrap gap-4">
-          <a href="{{ "/uebermich/" | relURL }}" class="bg-gradient-to-br from-primary to-primary-container text-on-primary px-10 py-5 rounded-xl font-bold font-headline text-lg shadow-xl shadow-primary/20 hover:scale-105 active:scale-95 transition-all text-center">
-            Erfahre mehr
-          </a>
-          <a href="{{ "/galerie/" | relURL }}" class="px-10 py-5 rounded-xl font-bold font-headline text-lg text-primary border-2 border-primary/20 hover:bg-primary/5 transition-all text-center">
-            Galerie ansehen
-          </a>
+    <div class="max-w-screen-2xl mx-auto px-6 md:px-12 grid grid-cols-1 lg:grid-cols-12 gap-12 items-center relative z-10 pt-20 md:pt-32">
+      <div class="lg:col-span-6 order-2 lg:order-1 relative">
+        <div class="relative mt-6 md:mt-10">
+          <span class="inline-block px-4 py-1 rounded-full bg-secondary-container text-on-secondary-container text-sm font-bold tracking-widest uppercase mb-6 font-label">{{ .Site.Data.homepage.hero.badge }}</span>
+          <!-- Logo schwebend zwischen Text und Bild, ausgerichtet am Schriftzug -->
+          <img src="/hp_karate_logo.png" alt="Karate Logo" class="absolute right-0 lg:-right-4 top-14 md:top-18 h-20 w-20 md:h-32 md:w-32 object-contain hover:scale-110 hover:rotate-[-5deg] transition-all duration-500 z-30 drop-shadow-2xl">
+          <h1 class="text-5xl md:text-6xl lg:text-[4.5rem] font-japanese font-black text-on-surface leading-[1.1] editorial-text-shadow mb-2">
+            エミー<br>空手
+          </h1>
+          <p class="text-sm md:text-base font-bold text-primary uppercase tracking-widest mb-10 font-label">
+            [ Emy Karate ]
+          </p>
+          <p class="text-xl text-on-surface-variant max-w-lg mb-10 leading-relaxed font-body lg:pr-20">
+            {{ .Site.Data.homepage.hero.description }}
+          </p>
+          <div class="flex flex-wrap gap-4">
+            <a href="{{ "/uebermich/" | relURL }}" class="bg-gradient-to-br from-primary to-primary-container text-on-primary px-10 py-5 rounded-xl font-bold font-headline text-lg shadow-xl shadow-primary/20 hover:scale-105 active:scale-95 transition-all text-center">
+              Erfahre mehr
+            </a>
+            <a href="{{ "/galerie/" | relURL }}" class="px-10 py-5 rounded-xl font-bold font-headline text-lg text-primary border-2 border-primary/20 hover:bg-primary/5 transition-all text-center">
+              Galerie ansehen
+            </a>
+          </div>
         </div>
       </div>
-      <div class="lg:col-span-6 order-1 lg:order-2 relative">
-        <div class="relative w-full aspect-square rounded-xl overflow-hidden shadow-2xl shadow-primary/10 rotate-3 hover:rotate-0 transition-transform duration-700">
+      <div class="lg:col-span-6 order-1 lg:order-2 relative z-20">
+        <div class="relative w-full lg:max-w-[460px] lg:ml-auto aspect-square rounded-xl overflow-hidden shadow-2xl shadow-primary/10 rotate-3 hover:rotate-0 transition-transform duration-700 lg:-mt-12">
           {{ if .Site.Data.homepage.hero.image }}
           <img alt="Miya beim Karate-Tritt" class="w-full h-full object-cover" src="/hero/{{ .Site.Data.homepage.hero.image }}"/>
           {{ else }}
diff --git a/layouts/uebermich/list.html b/layouts/uebermich/list.html
index bb4b37a..4e0860a 100644
--- a/layouts/uebermich/list.html
+++ b/layouts/uebermich/list.html
@@ -68,7 +68,9 @@
 <!-- TopAppBar -->
 <header class="bg-white/70 dark:bg-zinc-900/70 backdrop-blur-lg fixed top-0 left-0 w-full z-50 shadow-xl shadow-pink-500/5">
   <div class="flex justify-between items-center h-20 px-6 md:px-12 max-w-screen-2xl mx-auto">
-    <a href="/" class="text-2xl font-black text-pink-600 dark:text-pink-400 italic font-headline tracking-tight uppercase">{{ .Site.Data.homepage.siteTitle | default .Site.Title }}</a>
+    <a href="{{ "/" | relURL }}" class="flex items-center gap-3 text-2xl font-black text-pink-600 dark:text-pink-400 italic font-headline tracking-tight uppercase group hover:opacity-80 transition-opacity">
+      <span>{{ .Site.Data.homepage.siteTitle | default .Site.Title }}</span>
+    </a>
     <nav class="hidden md:flex items-center space-x-8 font-headline tracking-tight uppercase font-bold">
       <a class="text-zinc-600 dark:text-zinc-400 font-medium hover:text-pink-500 dark:hover:text-pink-300 transition-colors duration-300" href="/">Home</a>
       <a class="text-zinc-600 dark:text-zinc-400 font-medium hover:text-pink-500 dark:hover:text-pink-300 transition-colors duration-300" href="/galerie/">Galerie</a>
@@ -98,7 +100,7 @@
       <div class="lg:col-span-5 relative">
         <div class="aspect-[4/5] rounded-xl overflow-hidden editorial-shadow bg-surface-container-highest">
           {{ if $um.hero.image }}
-            <img class="w-full h-full object-cover" src="/uebermich/{{ $um.hero.image }}" alt="{{ $um.hero.image_alt }}"/>
+            <img class="w-full h-full object-cover" src="/uebermich-img/{{ $um.hero.image }}" alt="{{ $um.hero.image_alt }}"/>
           {{ else }}
             <div class="w-full h-full flex items-center justify-center text-on-surface-variant text-sm">Kein Bild hochgeladen</div>
           {{ end }}
@@ -134,9 +136,17 @@
       <div class="flex flex-wrap justify-between gap-4">
         {{ range $um.gurtweg.gurte }}
         {{ $aktiv := eq .name $um.gurtweg.aktiver_gurt }}
-        <div class="flex flex-col items-center gap-4 {{ if not $aktiv }}{{ if eq .name "Schwarz" }}opacity-10{{ else if eq .name "Braun" }}opacity-20{{ else if eq .name "Lila" }}opacity-30{{ else if eq .name "Grün" }}opacity-50{{ else }}opacity-40{{ end }}{{ end }}">
-          <div class="w-24 {{ if $aktiv }}h-6 shadow-lg ring-4 ring-primary/20{{ else }}h-4{{ end }} {{ .farbe }} rounded-full"></div>
-          <span class="font-bold text-xs uppercase tracking-tighter {{ if $aktiv }}text-primary{{ end }}">{{ .name }}{{ if $aktiv }} ✓{{ end }}</span>
+        <div class="group relative flex flex-col items-center gap-4 cursor-pointer {{ if not $aktiv }}{{ if eq .name "Schwarz" }}opacity-10{{ else if eq .name "Braun" }}opacity-20{{ else if eq .name "Lila" }}opacity-30{{ else if eq .name "Blau" }}opacity-40{{ else }}opacity-70{{ end }}{{ end }} hover:!opacity-100 transition-all duration-300">
+          <div class="w-24 {{ if $aktiv }}h-6 shadow-[0_0_20px_rgba(16,185,129,0.5)] ring-4 ring-belt-green/30{{ else }}h-4{{ end }} {{ .farbe }} rounded-full transition-transform duration-300 group-hover:scale-110"></div>
+          <span class="font-bold text-xs uppercase tracking-tighter transition-colors {{ if $aktiv }}text-primary drop-shadow-[0_0_10px_rgba(179,0,101,0.5)]{{ else }}group-hover:text-primary{{ end }}">{{ .name }}{{ if $aktiv }} ✓{{ end }}</span>
+          
+          <!-- Tooltip Popup -->
+          <div class="absolute bottom-full mb-4 w-56 p-4 bg-zinc-900/95 dark:bg-white/95 backdrop-blur-md text-white dark:text-zinc-900 text-xs rounded-2xl shadow-2xl opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-300 z-20 pointer-events-none scale-90 group-hover:scale-100 origin-bottom border border-white/10 dark:border-black/10">
+            <div class="font-headline font-bold text-sm mb-2 text-primary">{{ .name }}-Gürtel</div>
+            <div class="opacity-90 leading-relaxed">{{ .geschichte }}</div>
+            <!-- Popup Pfeil -->
+            <div class="absolute -bottom-2 left-1/2 -translate-x-1/2 border-[6px] border-transparent border-t-zinc-900/95 dark:border-t-white/95"></div>
+          </div>
         </div>
         {{ end }}
       </div>
diff --git a/node_modules/.DS_Store b/node_modules/.DS_Store
index 7f22553..8f4adcb 100644
Binary files a/node_modules/.DS_Store and b/node_modules/.DS_Store differ
diff --git a/node_modules/.package-lock.json b/node_modules/.package-lock.json
index 2e66201..f7b94e3 100644
--- a/node_modules/.package-lock.json
+++ b/node_modules/.package-lock.json
@@ -1,5 +1,5 @@
 {
-  "name": "miyakarate",
+  "name": "EmyKarate",
   "version": "1.0.0",
   "lockfileVersion": 3,
   "requires": true,
@@ -204,6 +204,23 @@
         "node": ">=6.6.0"
       }
     },
+    "node_modules/cors": {
+      "version": "2.8.6",
+      "resolved": "https://registry.npmjs.org/cors/-/cors-2.8.6.tgz",
+      "integrity": "sha512-tJtZBBHA6vjIAaF6EnIaq6laBBP9aq/Y3ouVJjEfoHbRBcHBAHYcMh/w8LDrk2PvIMMq8gmopa5D4V8RmbrxGw==",
+      "license": "MIT",
+      "dependencies": {
+        "object-assign": "^4",
+        "vary": "^1"
+      },
+      "engines": {
+        "node": ">= 0.10"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/express"
+      }
+    },
     "node_modules/debug": {
       "version": "4.4.3",
       "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.3.tgz",
@@ -666,6 +683,15 @@
         "node": ">= 0.6"
       }
     },
+    "node_modules/object-assign": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
+      "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/object-inspect": {
       "version": "1.13.4",
       "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.4.tgz",
diff --git a/node_modules/cors/LICENSE b/node_modules/cors/LICENSE
new file mode 100644
index 0000000..fd10c84
--- /dev/null
+++ b/node_modules/cors/LICENSE
@@ -0,0 +1,22 @@
+(The MIT License)
+
+Copyright (c) 2013 Troy Goode <troygoode@gmail.com>
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+'Software'), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED 'AS IS', WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
+IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
+CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
+TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
+SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
diff --git a/node_modules/cors/README.md b/node_modules/cors/README.md
new file mode 100644
index 0000000..3d206e5
--- /dev/null
+++ b/node_modules/cors/README.md
@@ -0,0 +1,277 @@
+# cors
+
+[![NPM Version][npm-image]][npm-url]
+[![NPM Downloads][downloads-image]][downloads-url]
+[![Build Status][github-actions-ci-image]][github-actions-ci-url]
+[![Test Coverage][coveralls-image]][coveralls-url]
+
+CORS is a [Node.js](https://nodejs.org/en/) middleware for [Express](https://expressjs.com/)/[Connect](https://github.com/senchalabs/connect) that sets [CORS](https://developer.mozilla.org/en-US/docs/Web/HTTP/Guides/CORS) response headers. These headers tell browsers which origins can read responses from your server.
+
+> [!IMPORTANT]
+> **How CORS Works:** This package sets response headers—it doesn't block requests. CORS is enforced by browsers: they check the headers and decide if JavaScript can read the response. Non-browser clients (curl, Postman, other servers) ignore CORS entirely. See the [MDN CORS guide](https://developer.mozilla.org/en-US/docs/Web/HTTP/Guides/CORS) for details.
+
+* [Installation](#installation)
+* [Usage](#usage)
+  * [Simple Usage](#simple-usage-enable-all-cors-requests)
+  * [Enable CORS for a Single Route](#enable-cors-for-a-single-route)
+  * [Configuring CORS](#configuring-cors)
+  * [Configuring CORS w/ Dynamic Origin](#configuring-cors-w-dynamic-origin)
+  * [Enabling CORS Pre-Flight](#enabling-cors-pre-flight)
+  * [Customizing CORS Settings Dynamically per Request](#customizing-cors-settings-dynamically-per-request)
+* [Configuration Options](#configuration-options)
+* [Common Misconceptions](#common-misconceptions)
+* [License](#license)
+* [Original Author](#original-author)
+
+## Installation
+
+This is a [Node.js](https://nodejs.org/en/) module available through the
+[npm registry](https://www.npmjs.com/). Installation is done using the
+[`npm install` command](https://docs.npmjs.com/downloading-and-installing-packages-locally):
+
+```sh
+$ npm install cors
+```
+
+## Usage
+
+### Simple Usage (Enable *All* CORS Requests)
+
+```javascript
+var express = require('express')
+var cors = require('cors')
+var app = express()
+
+// Adds headers: Access-Control-Allow-Origin: *
+app.use(cors())
+
+app.get('/products/:id', function (req, res, next) {
+  res.json({msg: 'Hello'})
+})
+
+app.listen(80, function () {
+  console.log('web server listening on port 80')
+})
+```
+
+### Enable CORS for a Single Route
+
+```javascript
+var express = require('express')
+var cors = require('cors')
+var app = express()
+
+// Adds headers: Access-Control-Allow-Origin: *
+app.get('/products/:id', cors(), function (req, res, next) {
+  res.json({msg: 'Hello'})
+})
+
+app.listen(80, function () {
+  console.log('web server listening on port 80')
+})
+```
+
+### Configuring CORS
+
+See the [configuration options](#configuration-options) for details.
+
+```javascript
+var express = require('express')
+var cors = require('cors')
+var app = express()
+
+var corsOptions = {
+  origin: 'http://example.com',
+  optionsSuccessStatus: 200 // some legacy browsers (IE11, various SmartTVs) choke on 204
+}
+
+// Adds headers: Access-Control-Allow-Origin: http://example.com, Vary: Origin
+app.get('/products/:id', cors(corsOptions), function (req, res, next) {
+  res.json({msg: 'Hello'})
+})
+
+app.listen(80, function () {
+  console.log('web server listening on port 80')
+})
+```
+
+### Configuring CORS w/ Dynamic Origin
+
+This module supports validating the origin dynamically using a function provided
+to the `origin` option. This function will be passed a string that is the origin
+(or `undefined` if the request has no origin), and a `callback` with the signature
+`callback(error, origin)`.
+
+The `origin` argument to the callback can be any value allowed for the `origin`
+option of the middleware, except a function. See the
+[configuration options](#configuration-options) section for more information on all
+the possible value types.
+
+This function is designed to allow the dynamic loading of allowed origin(s) from
+a backing datasource, like a database.
+
+```javascript
+var express = require('express')
+var cors = require('cors')
+var app = express()
+
+var corsOptions = {
+  origin: function (origin, callback) {
+    // db.loadOrigins is an example call to load
+    // a list of origins from a backing database
+    db.loadOrigins(function (error, origins) {
+      callback(error, origins)
+    })
+  }
+}
+
+// Adds headers: Access-Control-Allow-Origin: <matched origin>, Vary: Origin
+app.get('/products/:id', cors(corsOptions), function (req, res, next) {
+  res.json({msg: 'Hello'})
+})
+
+app.listen(80, function () {
+  console.log('web server listening on port 80')
+})
+```
+
+### Enabling CORS Pre-Flight
+
+Certain CORS requests are considered 'complex' and require an initial
+`OPTIONS` request (called the "pre-flight request"). An example of a
+'complex' CORS request is one that uses an HTTP verb other than
+GET/HEAD/POST (such as DELETE) or that uses custom headers. To enable
+pre-flighting, you must add a new OPTIONS handler for the route you want
+to support:
+
+```javascript
+var express = require('express')
+var cors = require('cors')
+var app = express()
+
+app.options('/products/:id', cors()) // preflight for DELETE
+app.del('/products/:id', cors(), function (req, res, next) {
+  res.json({msg: 'Hello'})
+})
+
+app.listen(80, function () {
+  console.log('web server listening on port 80')
+})
+```
+
+You can also enable pre-flight across-the-board like so:
+
+```javascript
+app.options('*', cors()) // include before other routes
+```
+
+NOTE: When using this middleware as an application level middleware (for
+example, `app.use(cors())`), pre-flight requests are already handled for all
+routes.
+
+### Customizing CORS Settings Dynamically per Request
+
+For APIs that require different CORS configurations for specific routes or requests, you can dynamically generate CORS options based on the incoming request. The `cors` middleware allows you to achieve this by passing a function instead of static options. This function is called for each incoming request and must use the callback pattern to return the appropriate CORS options.
+
+The function accepts:
+1. **`req`**: 
+   - The incoming request object.
+
+2. **`callback(error, corsOptions)`**: 
+   - A function used to return the computed CORS options.
+   - **Arguments**:
+     - **`error`**: Pass `null` if there’s no error, or an error object to indicate a failure.
+     - **`corsOptions`**: An object specifying the CORS policy for the current request.
+
+Here’s an example that handles both public routes and restricted, credential-sensitive routes:
+
+```javascript
+var dynamicCorsOptions = function(req, callback) {
+  var corsOptions;
+  if (req.path.startsWith('/auth/connect/')) {
+    // Access-Control-Allow-Origin: http://mydomain.com, Access-Control-Allow-Credentials: true, Vary: Origin
+    corsOptions = {
+      origin: 'http://mydomain.com',
+      credentials: true
+    };
+  } else {
+    // Access-Control-Allow-Origin: *
+    corsOptions = { origin: '*' };
+  }
+  callback(null, corsOptions);
+};
+
+app.use(cors(dynamicCorsOptions));
+
+app.get('/auth/connect/twitter', function (req, res) {
+  res.send('Hello');
+});
+
+app.get('/public', function (req, res) {
+  res.send('Hello');
+});
+
+app.listen(80, function () {
+  console.log('web server listening on port 80')
+})
+```
+
+## Configuration Options
+
+* `origin`: Configures the **Access-Control-Allow-Origin** CORS header. Possible values:
+  - `Boolean` - set `origin` to `true` to reflect the [request origin](https://datatracker.ietf.org/doc/html/draft-abarth-origin-09), as defined by `req.header('Origin')`, or set it to `false` to disable CORS.
+  - `String` - set `origin` to a specific origin. For example, if you set it to
+    - `"http://example.com"` only requests from "http://example.com" will be allowed.
+    - `"*"` for all domains to be allowed. 
+  - `RegExp` - set `origin` to a regular expression pattern which will be used to test the request origin. If it's a match, the request origin will be reflected. For example the pattern `/example\.com$/` will reflect any request that is coming from an origin ending with "example.com".
+  - `Array` - set `origin` to an array of valid origins. Each origin can be a `String` or a `RegExp`. For example `["http://example1.com", /\.example2\.com$/]` will accept any request from "http://example1.com" or from a subdomain of "example2.com".
+  - `Function` - set `origin` to a function implementing some custom logic. The function takes the request origin as the first parameter and a callback (called as `callback(err, origin)`, where `origin` is a non-function value of the `origin` option) as the second.
+* `methods`: Configures the **Access-Control-Allow-Methods** CORS header. Expects a comma-delimited string (ex: 'GET,PUT,POST') or an array (ex: `['GET', 'PUT', 'POST']`).
+* `allowedHeaders`: Configures the **Access-Control-Allow-Headers** CORS header. Expects a comma-delimited string (ex: 'Content-Type,Authorization') or an array (ex: `['Content-Type', 'Authorization']`). If not specified, defaults to reflecting the headers specified in the request's **Access-Control-Request-Headers** header.
+* `exposedHeaders`: Configures the **Access-Control-Expose-Headers** CORS header. Expects a comma-delimited string (ex: 'Content-Range,X-Content-Range') or an array (ex: `['Content-Range', 'X-Content-Range']`). If not specified, no custom headers are exposed.
+* `credentials`: Configures the **Access-Control-Allow-Credentials** CORS header. Set to `true` to pass the header, otherwise it is omitted.
+* `maxAge`: Configures the **Access-Control-Max-Age** CORS header. Set to an integer to pass the header, otherwise it is omitted.
+* `preflightContinue`: Pass the CORS preflight response to the next handler.
+* `optionsSuccessStatus`: Provides a status code to use for successful `OPTIONS` requests, since some legacy browsers (IE11, various SmartTVs) choke on `204`.
+
+The default configuration is the equivalent of:
+
+```json
+{
+  "origin": "*",
+  "methods": "GET,HEAD,PUT,PATCH,POST,DELETE",
+  "preflightContinue": false,
+  "optionsSuccessStatus": 204
+}
+```
+
+## Common Misconceptions
+
+### "CORS blocks requests from disallowed origins"
+
+**No.** Your server receives and processes every request. CORS headers tell the browser whether JavaScript can read the response—not whether the request is allowed.
+
+### "CORS protects my API from unauthorized access"
+
+**No.** CORS is not access control. Any HTTP client (curl, Postman, another server) can call your API regardless of CORS settings. Use authentication and authorization to protect your API.
+
+### "Setting `origin: 'http://example.com'` means only that domain can access my server"
+
+**No.** It means browsers will only let JavaScript from that origin read responses. The server still responds to all requests.
+
+## License
+
+[MIT License](http://www.opensource.org/licenses/mit-license.php)
+
+## Original Author
+
+[Troy Goode](https://github.com/TroyGoode) ([troygoode@gmail.com](mailto:troygoode@gmail.com))
+
+[coveralls-image]: https://img.shields.io/coveralls/expressjs/cors/master.svg
+[coveralls-url]: https://coveralls.io/r/expressjs/cors?branch=master
+[downloads-image]: https://img.shields.io/npm/dm/cors.svg
+[downloads-url]: https://npmjs.com/package/cors
+[github-actions-ci-image]: https://img.shields.io/github/actions/workflow/status/expressjs/cors/ci.yml?branch=master&label=ci
+[github-actions-ci-url]: https://github.com/expressjs/cors?query=workflow%3Aci
+[npm-image]: https://img.shields.io/npm/v/cors.svg
+[npm-url]: https://npmjs.com/package/cors
diff --git a/node_modules/cors/lib/index.js b/node_modules/cors/lib/index.js
new file mode 100644
index 0000000..ad899ca
--- /dev/null
+++ b/node_modules/cors/lib/index.js
@@ -0,0 +1,238 @@
+(function () {
+
+  'use strict';
+
+  var assign = require('object-assign');
+  var vary = require('vary');
+
+  var defaults = {
+    origin: '*',
+    methods: 'GET,HEAD,PUT,PATCH,POST,DELETE',
+    preflightContinue: false,
+    optionsSuccessStatus: 204
+  };
+
+  function isString(s) {
+    return typeof s === 'string' || s instanceof String;
+  }
+
+  function isOriginAllowed(origin, allowedOrigin) {
+    if (Array.isArray(allowedOrigin)) {
+      for (var i = 0; i < allowedOrigin.length; ++i) {
+        if (isOriginAllowed(origin, allowedOrigin[i])) {
+          return true;
+        }
+      }
+      return false;
+    } else if (isString(allowedOrigin)) {
+      return origin === allowedOrigin;
+    } else if (allowedOrigin instanceof RegExp) {
+      return allowedOrigin.test(origin);
+    } else {
+      return !!allowedOrigin;
+    }
+  }
+
+  function configureOrigin(options, req) {
+    var requestOrigin = req.headers.origin,
+      headers = [],
+      isAllowed;
+
+    if (!options.origin || options.origin === '*') {
+      // allow any origin
+      headers.push([{
+        key: 'Access-Control-Allow-Origin',
+        value: '*'
+      }]);
+    } else if (isString(options.origin)) {
+      // fixed origin
+      headers.push([{
+        key: 'Access-Control-Allow-Origin',
+        value: options.origin
+      }]);
+      headers.push([{
+        key: 'Vary',
+        value: 'Origin'
+      }]);
+    } else {
+      isAllowed = isOriginAllowed(requestOrigin, options.origin);
+      // reflect origin
+      headers.push([{
+        key: 'Access-Control-Allow-Origin',
+        value: isAllowed ? requestOrigin : false
+      }]);
+      headers.push([{
+        key: 'Vary',
+        value: 'Origin'
+      }]);
+    }
+
+    return headers;
+  }
+
+  function configureMethods(options) {
+    var methods = options.methods;
+    if (methods.join) {
+      methods = options.methods.join(','); // .methods is an array, so turn it into a string
+    }
+    return {
+      key: 'Access-Control-Allow-Methods',
+      value: methods
+    };
+  }
+
+  function configureCredentials(options) {
+    if (options.credentials === true) {
+      return {
+        key: 'Access-Control-Allow-Credentials',
+        value: 'true'
+      };
+    }
+    return null;
+  }
+
+  function configureAllowedHeaders(options, req) {
+    var allowedHeaders = options.allowedHeaders || options.headers;
+    var headers = [];
+
+    if (!allowedHeaders) {
+      allowedHeaders = req.headers['access-control-request-headers']; // .headers wasn't specified, so reflect the request headers
+      headers.push([{
+        key: 'Vary',
+        value: 'Access-Control-Request-Headers'
+      }]);
+    } else if (allowedHeaders.join) {
+      allowedHeaders = allowedHeaders.join(','); // .headers is an array, so turn it into a string
+    }
+    if (allowedHeaders && allowedHeaders.length) {
+      headers.push([{
+        key: 'Access-Control-Allow-Headers',
+        value: allowedHeaders
+      }]);
+    }
+
+    return headers;
+  }
+
+  function configureExposedHeaders(options) {
+    var headers = options.exposedHeaders;
+    if (!headers) {
+      return null;
+    } else if (headers.join) {
+      headers = headers.join(','); // .headers is an array, so turn it into a string
+    }
+    if (headers && headers.length) {
+      return {
+        key: 'Access-Control-Expose-Headers',
+        value: headers
+      };
+    }
+    return null;
+  }
+
+  function configureMaxAge(options) {
+    var maxAge = (typeof options.maxAge === 'number' || options.maxAge) && options.maxAge.toString()
+    if (maxAge && maxAge.length) {
+      return {
+        key: 'Access-Control-Max-Age',
+        value: maxAge
+      };
+    }
+    return null;
+  }
+
+  function applyHeaders(headers, res) {
+    for (var i = 0, n = headers.length; i < n; i++) {
+      var header = headers[i];
+      if (header) {
+        if (Array.isArray(header)) {
+          applyHeaders(header, res);
+        } else if (header.key === 'Vary' && header.value) {
+          vary(res, header.value);
+        } else if (header.value) {
+          res.setHeader(header.key, header.value);
+        }
+      }
+    }
+  }
+
+  function cors(options, req, res, next) {
+    var headers = [],
+      method = req.method && req.method.toUpperCase && req.method.toUpperCase();
+
+    if (method === 'OPTIONS') {
+      // preflight
+      headers.push(configureOrigin(options, req));
+      headers.push(configureCredentials(options))
+      headers.push(configureMethods(options))
+      headers.push(configureAllowedHeaders(options, req));
+      headers.push(configureMaxAge(options))
+      headers.push(configureExposedHeaders(options))
+      applyHeaders(headers, res);
+
+      if (options.preflightContinue) {
+        next();
+      } else {
+        // Safari (and potentially other browsers) need content-length 0,
+        //   for 204 or they just hang waiting for a body
+        res.statusCode = options.optionsSuccessStatus;
+        res.setHeader('Content-Length', '0');
+        res.end();
+      }
+    } else {
+      // actual response
+      headers.push(configureOrigin(options, req));
+      headers.push(configureCredentials(options))
+      headers.push(configureExposedHeaders(options))
+      applyHeaders(headers, res);
+      next();
+    }
+  }
+
+  function middlewareWrapper(o) {
+    // if options are static (either via defaults or custom options passed in), wrap in a function
+    var optionsCallback = null;
+    if (typeof o === 'function') {
+      optionsCallback = o;
+    } else {
+      optionsCallback = function (req, cb) {
+        cb(null, o);
+      };
+    }
+
+    return function corsMiddleware(req, res, next) {
+      optionsCallback(req, function (err, options) {
+        if (err) {
+          next(err);
+        } else {
+          var corsOptions = assign({}, defaults, options);
+          var originCallback = null;
+          if (corsOptions.origin && typeof corsOptions.origin === 'function') {
+            originCallback = corsOptions.origin;
+          } else if (corsOptions.origin) {
+            originCallback = function (origin, cb) {
+              cb(null, corsOptions.origin);
+            };
+          }
+
+          if (originCallback) {
+            originCallback(req.headers.origin, function (err2, origin) {
+              if (err2 || !origin) {
+                next(err2);
+              } else {
+                corsOptions.origin = origin;
+                cors(corsOptions, req, res, next);
+              }
+            });
+          } else {
+            next();
+          }
+        }
+      });
+    };
+  }
+
+  // can pass either an options hash, an options delegate, or nothing
+  module.exports = middlewareWrapper;
+
+}());
diff --git a/node_modules/cors/package.json b/node_modules/cors/package.json
new file mode 100644
index 0000000..e90bac8
--- /dev/null
+++ b/node_modules/cors/package.json
@@ -0,0 +1,42 @@
+{
+  "name": "cors",
+  "description": "Node.js CORS middleware",
+  "version": "2.8.6",
+  "author": "Troy Goode <troygoode@gmail.com> (https://github.com/troygoode/)",
+  "license": "MIT",
+  "keywords": [
+    "cors",
+    "express",
+    "connect",
+    "middleware"
+  ],
+  "repository": "expressjs/cors",
+  "funding": {
+    "type": "opencollective",
+    "url": "https://opencollective.com/express"
+  },
+  "main": "./lib/index.js",
+  "dependencies": {
+    "object-assign": "^4",
+    "vary": "^1"
+  },
+  "devDependencies": {
+    "after": "0.8.2",
+    "eslint": "7.30.0",
+    "express": "4.21.2",
+    "mocha": "9.2.2",
+    "nyc": "15.1.0",
+    "supertest": "6.1.3"
+  },
+  "files": [
+    "lib/index.js"
+  ],
+  "engines": {
+    "node": ">= 0.10"
+  },
+  "scripts": {
+    "test": "npm run lint && npm run test-ci",
+    "test-ci": "nyc --reporter=lcov --reporter=text mocha --require test/support/env",
+    "lint": "eslint lib test"
+  }
+}
diff --git a/node_modules/object-assign/index.js b/node_modules/object-assign/index.js
new file mode 100644
index 0000000..0930cf8
--- /dev/null
+++ b/node_modules/object-assign/index.js
@@ -0,0 +1,90 @@
+/*
+object-assign
+(c) Sindre Sorhus
+@license MIT
+*/
+
+'use strict';
+/* eslint-disable no-unused-vars */
+var getOwnPropertySymbols = Object.getOwnPropertySymbols;
+var hasOwnProperty = Object.prototype.hasOwnProperty;
+var propIsEnumerable = Object.prototype.propertyIsEnumerable;
+
+function toObject(val) {
+	if (val === null || val === undefined) {
+		throw new TypeError('Object.assign cannot be called with null or undefined');
+	}
+
+	return Object(val);
+}
+
+function shouldUseNative() {
+	try {
+		if (!Object.assign) {
+			return false;
+		}
+
+		// Detect buggy property enumeration order in older V8 versions.
+
+		// https://bugs.chromium.org/p/v8/issues/detail?id=4118
+		var test1 = new String('abc');  // eslint-disable-line no-new-wrappers
+		test1[5] = 'de';
+		if (Object.getOwnPropertyNames(test1)[0] === '5') {
+			return false;
+		}
+
+		// https://bugs.chromium.org/p/v8/issues/detail?id=3056
+		var test2 = {};
+		for (var i = 0; i < 10; i++) {
+			test2['_' + String.fromCharCode(i)] = i;
+		}
+		var order2 = Object.getOwnPropertyNames(test2).map(function (n) {
+			return test2[n];
+		});
+		if (order2.join('') !== '0123456789') {
+			return false;
+		}
+
+		// https://bugs.chromium.org/p/v8/issues/detail?id=3056
+		var test3 = {};
+		'abcdefghijklmnopqrst'.split('').forEach(function (letter) {
+			test3[letter] = letter;
+		});
+		if (Object.keys(Object.assign({}, test3)).join('') !==
+				'abcdefghijklmnopqrst') {
+			return false;
+		}
+
+		return true;
+	} catch (err) {
+		// We don't expect any of the above to throw, but better to be safe.
+		return false;
+	}
+}
+
+module.exports = shouldUseNative() ? Object.assign : function (target, source) {
+	var from;
+	var to = toObject(target);
+	var symbols;
+
+	for (var s = 1; s < arguments.length; s++) {
+		from = Object(arguments[s]);
+
+		for (var key in from) {
+			if (hasOwnProperty.call(from, key)) {
+				to[key] = from[key];
+			}
+		}
+
+		if (getOwnPropertySymbols) {
+			symbols = getOwnPropertySymbols(from);
+			for (var i = 0; i < symbols.length; i++) {
+				if (propIsEnumerable.call(from, symbols[i])) {
+					to[symbols[i]] = from[symbols[i]];
+				}
+			}
+		}
+	}
+
+	return to;
+};
diff --git a/node_modules/object-assign/license b/node_modules/object-assign/license
new file mode 100644
index 0000000..654d0bf
--- /dev/null
+++ b/node_modules/object-assign/license
@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) Sindre Sorhus <sindresorhus@gmail.com> (sindresorhus.com)
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.
diff --git a/node_modules/object-assign/package.json b/node_modules/object-assign/package.json
new file mode 100644
index 0000000..503eb1e
--- /dev/null
+++ b/node_modules/object-assign/package.json
@@ -0,0 +1,42 @@
+{
+  "name": "object-assign",
+  "version": "4.1.1",
+  "description": "ES2015 `Object.assign()` ponyfill",
+  "license": "MIT",
+  "repository": "sindresorhus/object-assign",
+  "author": {
+    "name": "Sindre Sorhus",
+    "email": "sindresorhus@gmail.com",
+    "url": "sindresorhus.com"
+  },
+  "engines": {
+    "node": ">=0.10.0"
+  },
+  "scripts": {
+    "test": "xo && ava",
+    "bench": "matcha bench.js"
+  },
+  "files": [
+    "index.js"
+  ],
+  "keywords": [
+    "object",
+    "assign",
+    "extend",
+    "properties",
+    "es2015",
+    "ecmascript",
+    "harmony",
+    "ponyfill",
+    "prollyfill",
+    "polyfill",
+    "shim",
+    "browser"
+  ],
+  "devDependencies": {
+    "ava": "^0.16.0",
+    "lodash": "^4.16.4",
+    "matcha": "^0.7.0",
+    "xo": "^0.16.0"
+  }
+}
diff --git a/node_modules/object-assign/readme.md b/node_modules/object-assign/readme.md
new file mode 100644
index 0000000..1be09d3
--- /dev/null
+++ b/node_modules/object-assign/readme.md
@@ -0,0 +1,61 @@
+# object-assign [![Build Status](https://travis-ci.org/sindresorhus/object-assign.svg?branch=master)](https://travis-ci.org/sindresorhus/object-assign)
+
+> ES2015 [`Object.assign()`](http://www.2ality.com/2014/01/object-assign.html) [ponyfill](https://ponyfill.com)
+
+
+## Use the built-in
+
+Node.js 4 and up, as well as every evergreen browser (Chrome, Edge, Firefox, Opera, Safari),
+support `Object.assign()` :tada:. If you target only those environments, then by all
+means, use `Object.assign()` instead of this package.
+
+
+## Install
+
+```
+$ npm install --save object-assign
+```
+
+
+## Usage
+
+```js
+const objectAssign = require('object-assign');
+
+objectAssign({foo: 0}, {bar: 1});
+//=> {foo: 0, bar: 1}
+
+// multiple sources
+objectAssign({foo: 0}, {bar: 1}, {baz: 2});
+//=> {foo: 0, bar: 1, baz: 2}
+
+// overwrites equal keys
+objectAssign({foo: 0}, {foo: 1}, {foo: 2});
+//=> {foo: 2}
+
+// ignores null and undefined sources
+objectAssign({foo: 0}, null, {bar: 1}, undefined);
+//=> {foo: 0, bar: 1}
+```
+
+
+## API
+
+### objectAssign(target, [source, ...])
+
+Assigns enumerable own properties of `source` objects to the `target` object and returns the `target` object. Additional `source` objects will overwrite previous ones.
+
+
+## Resources
+
+- [ES2015 spec - Object.assign](https://people.mozilla.org/~jorendorff/es6-draft.html#sec-object.assign)
+
+
+## Related
+
+- [deep-assign](https://github.com/sindresorhus/deep-assign) - Recursive `Object.assign()`
+
+
+## License
+
+MIT © [Sindre Sorhus](https://sindresorhus.com)
diff --git a/package-lock.json b/package-lock.json
index f8372d0..33cb0b3 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,14 +1,15 @@
 {
-  "name": "miyakarate",
+  "name": "EmyKarate",
   "version": "1.0.0",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
-      "name": "miyakarate",
+      "name": "EmyKarate",
       "version": "1.0.0",
       "license": "ISC",
       "dependencies": {
+        "cors": "^2.8.6",
         "express": "^5.2.1",
         "multer": "^2.1.1",
         "sharp": "^0.34.5"
@@ -690,6 +691,23 @@
         "node": ">=6.6.0"
       }
     },
+    "node_modules/cors": {
+      "version": "2.8.6",
+      "resolved": "https://registry.npmjs.org/cors/-/cors-2.8.6.tgz",
+      "integrity": "sha512-tJtZBBHA6vjIAaF6EnIaq6laBBP9aq/Y3ouVJjEfoHbRBcHBAHYcMh/w8LDrk2PvIMMq8gmopa5D4V8RmbrxGw==",
+      "license": "MIT",
+      "dependencies": {
+        "object-assign": "^4",
+        "vary": "^1"
+      },
+      "engines": {
+        "node": ">= 0.10"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/express"
+      }
+    },
     "node_modules/debug": {
       "version": "4.4.3",
       "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.3.tgz",
@@ -1152,6 +1170,15 @@
         "node": ">= 0.6"
       }
     },
+    "node_modules/object-assign": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
+      "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/object-inspect": {
       "version": "1.13.4",
       "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.4.tgz",
diff --git a/package.json b/package.json
index f8cc319..06bd1dd 100644
--- a/package.json
+++ b/package.json
@@ -11,6 +11,7 @@
   "license": "ISC",
   "type": "commonjs",
   "dependencies": {
+    "cors": "^2.8.6",
     "express": "^5.2.1",
     "multer": "^2.1.1",
     "sharp": "^0.34.5"
diff --git a/static/.DS_Store b/static/.DS_Store
index 353ff2c..42ddcad 100644
Binary files a/static/.DS_Store and b/static/.DS_Store differ
diff --git a/static/emy_banana/CLAUDE.md b/static/emy_banana/CLAUDE.md
deleted file mode 100644
index e69de29..0000000
diff --git a/static/hp_karate_logo.png.old b/static/hp_karate_logo.png.old
new file mode 100644
index 0000000..61388e6
Binary files /dev/null and b/static/hp_karate_logo.png.old differ
diff --git a/static/index.xml b/static/index.xml
new file mode 100644
index 0000000..0abb8fa
--- /dev/null
+++ b/static/index.xml
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>EmyKarate</title><link>https://emy.bonzeipunk.de/</link><description>Recent content on EmyKarate</description><generator>Hugo</generator><language>de</language><lastBuildDate>Fri, 15 Nov 2024 00:00:00 +0000</lastBuildDate><atom:link href="https://emy.bonzeipunk.de/index.xml" rel="self" type="application/rss+xml"/><item><title>Fairness-Preis</title><link>https://emy.bonzeipunk.de/erfolge/fairness-preis/</link><pubDate>Fri, 01 Dec 2023 00:00:00 +0000</pubDate><guid>https://emy.bonzeipunk.de/erfolge/fairness-preis/</guid><description>Auszeichnung mit dem Fairness-Preis 2023 unseres Dojos.</description></item><item><title>Landesmeisterschaft Berlin 2024</title><link>https://emy.bonzeipunk.de/erfolge/landesmeisterschaft-2024/</link><pubDate>Fri, 15 Nov 2024 00:00:00 +0000</pubDate><guid>https://emy.bonzeipunk.de/erfolge/landesmeisterschaft-2024/</guid><description>Erster Platz in der Kategorie Kata U14 bei der Berliner Landesmeisterschaft. Ein unvergesslicher Moment!</description></item><item><title>Landesmeisterschaft (3. Platz)</title><link>https://emy.bonzeipunk.de/erfolge/landesmeisterschaft-platz3/</link><pubDate>Thu, 09 May 2024 00:00:00 +0000</pubDate><guid>https://emy.bonzeipunk.de/erfolge/landesmeisterschaft-platz3/</guid><description>Ein harter Wettkampf, der mit dem 3. Platz belohnt wurde. Im Sommer geht es um die Meisterschaft!</description></item><item><title>Dojo Champion</title><link>https://emy.bonzeipunk.de/erfolge/dojo-champion/</link><pubDate>Mon, 15 Jan 2024 00:00:00 +0000</pubDate><guid>https://emy.bonzeipunk.de/erfolge/dojo-champion/</guid><description>Interner Titel als Dojo Champion beim Kiai Berlin.</description></item><item><title>Norddeutsche Meisterschaft 2024</title><link>https://emy.bonzeipunk.de/erfolge/norddeutsche-2024/</link><pubDate>Tue, 20 Aug 2024 00:00:00 +0000</pubDate><guid>https://emy.bonzeipunk.de/erfolge/norddeutsche-2024/</guid><description>Silbermedaille beim Norddeutschen Turnier – das bisher größte Turnier, an dem ich teilgenommen habe.</description></item></channel></rss>
\ No newline at end of file