endpoints.path: /
endpoints.endpoint_type: HTTP
endpoints.scan_time: 2025-10-13T16:07:42.210396
endpoints.uri: https://music.thebeattrip.com/
endpoints.protocol: HTTP/1.1
endpoints.status_reason: OK
endpoints.key: Server
endpoints.headers: openresty
endpoints.key: Strict-Transport-Security
endpoints.headers: max-age=31536000; includeSubDomains; preload
endpoints.key: Vary
endpoints.headers: Accept-Encoding
endpoints.key: Content-Security-Policy
endpoints.headers: upgrade-insecure-requests
endpoints.key: Content-Type
endpoints.headers: text/html
endpoints.key: Keep-Alive
endpoints.headers: timeout=65
endpoints.key: Date
endpoints.headers: <REDACTED>
endpoints.key: Accept-Ranges
endpoints.headers: bytes
endpoints.key: Connection
endpoints.headers: keep-alive
endpoints.key: Content-Encoding
endpoints.headers: gzip
endpoints.key: Set-Cookie
endpoints.headers: _lcp=a; Path=/; expires=Mon Mar 20 2034 13:02:58; SameSite=Lax; HttpOnly
endpoints.key: X-Lima-Id
endpoints.headers: garsdskc9cbhb1kC4j
endpoints.key: Transfer-Encoding
endpoints.headers: chunked
endpoints.html_tags: <title>Leise Beats – Lo-Fi Musik für Herz, Seele & stille Nächte</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="robots" content="index, follow"> <meta name="author" content="TechnoRevival"> <meta name="description" content="Kostenlose Lo-Fi Musik, die berührt. Zum Hören, Fühlen und Downloaden – anonym, emotional, ehrlich. Leise Beats begleitet dich, wenn Worte fehlen."> <meta name="keywords" content="lofi, lo-fi, lo-fi beats, entspannung, ruhige musik, emotionale musik, traurige lieder, piano instrumental, mp3 download, kostenlose musik, deutsch, seelentrost, techno revival, technorevival, soundcloud musik, leise beats, herzensmusik, mental health, entspannungsmusik, lo-fi deutsch, traurige songs, nachtmusik, spotify chill, youtube music, beats zum runterkommen"> <meta property="og:title" content="Leise Beats – Kostenlose Lo-Fi Musik, die berührt"> <meta property="og:description" content="Emotionaler Lo-Fi Sound zum Hören und Downloaden – anonym, ehrlich und kostenlos. Jetzt reinhören und loslassen."> <meta property="og:image" content="https://music.thebeattrip.de/preview.jpg"> <meta property="og:url" content="https://music.thebeattrip.de/"> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:title" content="Leise Beats – Ehrliche Musik für stille Nächte"> <meta name="twitter:description" content="Vier Songs für dein Herz. Kostenlos, ehrlich, emotional. Leise Beats hören und spüren."> <meta name="twitter:image" content="https://music.thebeattrip.de/preview.jpg">
endpoints.body: <!DOCTYPE html>
  <html lang="de">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script>
      document.addEventListener("DOMContentLoaded", () => {
        const hour = new Date().getHours();
        if (hour >= 6 && hour < 18) {
          document.body.classList.add("day-mode");
        }
      });
    </script>
    <title>Leise Beats – Lo-Fi Musik für Herz, Seele & stille Nächte</title>
    
    <link rel="canonical" href="https://music.thebeattrip.de/" />
    <meta name="robots" content="index, follow">
    <meta name="author" content="TechnoRevival">
    <meta name="description" content="Kostenlose Lo-Fi Musik, die berührt. Zum Hören, Fühlen und Downloaden – anonym, emotional, ehrlich. Leise Beats begleitet dich, wenn Worte fehlen.">
    <meta name="keywords" content="lofi, lo-fi, lo-fi beats, entspannung, ruhige musik, emotionale musik, traurige lieder, piano instrumental, mp3 download, kostenlose musik, deutsch, seelentrost, techno revival, technorevival, soundcloud musik, leise beats, herzensmusik, mental health, entspannungsmusik, lo-fi deutsch, traurige songs, nachtmusik, spotify chill, youtube music, beats zum runterkommen">
    <meta property="og:title" content="Leise Beats – Kostenlose Lo-Fi Musik, die berührt">
    <meta property="og:description" content="Emotionaler Lo-Fi Sound zum Hören und Downloaden – anonym, ehrlich und kostenlos. Jetzt reinhören und loslassen.">
    <meta property="og:image" content="https://music.thebeattrip.de/preview.jpg">
    <meta property="og:url" content="https://music.thebeattrip.de/">
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="Leise Beats – Ehrliche Musik für stille Nächte">
    <meta name="twitter:description" content="Vier Songs für dein Herz. Kostenlos, ehrlich, emotional. Leise Beats hören und spüren.">
    <meta name="twitter:image" content="https://music.thebeattrip.de/preview.jpg">
  
    <style>
      body {
        margin: 0;
        font-family: 'Segoe UI', sans-serif;
        background-color: #121212;
        color: #eee;
        text-align: center;
        padding: 40px 20px;
      }
      header img {
        width: 150px;
        margin-bottom: 20px;
      }
      h1 {
        font-size: 2.5rem;
        margin-bottom: 10px;
      }
      p.subtitle {
        font-size: 1.1rem;
        color: #aaa;
        margin-bottom: 40px;
      }
      .track {
        margin-bottom: 60px;
        background-color: #1e1e1e;
        padding: 20px;
        border-radius: 10px;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
        display: inline-block;
        max-width: 600px;
        width: 90%;
      }
      .track h2 {
        font-size: 1.5rem;
        margin-bottom: 15px;
        color: #f5c518;
      }
      .track audio {
        width: 100%;
        max-width: 500px;
        margin-bottom: 15px;
        border-radius: 5px;
      }
      .download-link {
        display: inline-block;
        padding: 10px 20px;
        color: #121212;
        background-color: #f5c518;
        text-decoration: none;
        border-radius: 5px;
        font-weight: bold;
        transition: background-color 0.3s ease;
      }
      .download-link:hover {
        background-color: #e0b917;
      }
      .contact {
        margin-top: 60px;
        background-color: #1e1e1e;
        padding: 20px;
        border-radius: 10px;
        display: inline-block;
        max-width: 600px;
        width: 90%;
      }
      .contact form {
        display: flex;
        flex-direction: column;
        gap: 10px;
      }
      .contact input, .contact textarea {
        padding: 10px;
        border-radius: 5px;
        border: none;
        font-family: inherit;
        font-size: 1rem;
      }
      .contact button {
        padding: 10px;
        border: none;
        border-radius: 5px;
        background-color: #f5c518;
        color: #121212;
        font-weight: bold;
        cursor: pointer;
      }
      .contact button:hover {
        background-color: #e0b917;
      }
      .social-share {
        position: fixed;
        top: 40%;
        left: 10px;
        display: flex;
        flex-direction: column;
        gap: 10px;
        z-index: 9999;
      }
      .social-share a {
        display: inline-block;
        width: 36px;
        height: 36px;
        background-color: #f5c518;
        opacity: 0.6;
        border-radius: 50%;
        text-align: center;
        line-height: 36px;
        color: #121212;
        text-decoration: none;
        font-weight: bold;
        transition: all 0.3s ease;
      }
      .social-share a:hover {
        opacity: 1;
        transform: scale(1.1);
      }
      
      .about-popup:hover {
        transform: translateY(-50%) scale(1.1);
      }
      .about-overlay {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.6);
        z-index: 999;
      }
      @keyframes pulse {
        0% { box-shadow: 0 0 0 0 rgba(245, 66, 66, 0.7); }
        70% { box-shadow: 0 0 0 10px rgba(245, 66, 66, 0); }
        100% { box-shadow: 0 0 0 0 rgba(245, 66, 66, 0); }
      }
      .sos-button {
        position: fixed;
        bottom: 20px;
        right: 20px;
        background: #f54242;
        color: white;
        padding: 10px 15px;
        font-weight: bold;
        font-size: 0.9em;
        border: none;
        border-radius: 5px;
        z-index: 1002;
        cursor: pointer;
        box-shadow: 0 0 8px rgba(0,0,0,0.4);
        animation: pulse 2s infinite;
      }
  .theme-toggle {
    position: fixed;
    top: 20px;
    right: 20px;
    background-color: #444;
    color: #fff;
    border: none;
    padding: 10px;
    border-radius: 5px;
    cursor: pointer;
    font-size: 1em;
    z-index: 1002;
  }
  
  .day-mode {
    background-color: #f5f5f5;
    color: #121212;
  }
  
  .day-mode .track {
    background-color: #fff;
    color: #121212;
  }
  
  .day-mode .download-link {
    background-color: #121212;
    color: #f5c518;
  }
  
      
  .theme-toggle:hover {
    background-color: #666;
  }
  </style>
  
  
  <button onclick="toggleBgSound()" style="position:fixed; bottom:80px; right:20px; background:#444; color:#fff; border:none; padding:10px 15px; border-radius:5px; z-index:1002; cursor:pointer; font-size:0.85em;">🌧 Sound an/aus</button>
  <button class="theme-toggle" onclick="toggleTheme()">🌙/☀️</button>
  <audio id="bg-sound" loop preload="auto" style="display:none">
    <source src="rain_loop.mp3" type="audio/mpeg">
  </audio>
  <header>
    <h1>Leise Beats</h1>
    <p class="subtitle">Lo-Fi Musik für Herz und Seele</p>
  </header>
  <main style="display: flex; flex-wrap: wrap; justify-content: center; gap: 40px;">
    <div class="track">
      <h2>Was mein Puls nicht mehr spricht</h2>
      <audio controls class="visual-audio">
        <source src="was_mein_puls.mp3" type="audio/mpeg">
      </audio>
      <br>
      <a href="track.php?song=was_mein_puls" class="download-link">Download MP3</a>
      <div style="background:#333;height:10px;width:100%;border-radius:4px;margin-top:10px;">
        <div id="bar-was_mein_puls" style="background:#f5c518;height:10px;width:0%;border-radius:4px;"></div>
      </div>
      <p style="font-size: 0.85rem; color: #999;" id="count-was_mein_puls">Downloads: …</p>
    </div>
  
    <div class="track">
      <h2>Zwischen Lärm und Licht</h2>
      <audio controls class="visual-audio">
        <source src="zwischen_laerm.mp3" type="audio/mpeg">
      </audio>
      <br>
      <a href="track.php?song=zwischen_laerm" class="download-link">Download MP3</a>
      <div style="background:#333;height:10px;width:100%;border-radius:4px;margin-top:10px;">
        <div id="bar-zwischen_laerm" style="background:#f5c518;height:10px;width:0%;border-radius:4px;"></div>
      </div>
      <p style="font-size: 0.85rem; color: #999;" id="count-zwischen_laerm">Downloads: …</p>
    </div>
  
    <div class="track">
      <h2>In Gedanken barfuß</h2>
      <audio controls class="visual-audio">
        <source src="gedanken_barfuss.mp3" type="audio/mpeg">
      </audio>
      <br>
      <a href="track.php?song=gedanken_barfuss" class="download-link">Download MP3</a>
      <div style="background:#333;height:10px;width:100%;border-radius:4px;margin-top:10px;">
        <div id="bar-gedanken_barfuss" style="background:#f5c518;height:10px;width:0%;border-radius:4px;"></div>
      </div>
      <p style="font-size: 0.85rem; color: #999;" id="count-gedanken_barfuss">Downloads: …</p>
    </div>
  
    <div class="track">
      <h2>Stille Sekunden</h2>
      <audio controls class="visual-audio">
        <source src="stille_sekunden.mp3" type="audio/mpeg">
      </audio>
      <br>
      <a href="track.php?song=stille_sekunden" class="download-link">Download MP3</a>
      <div style="background:#333;height:10px;width:100%;border-radius:4px;margin-top:10px;">
        <div id="bar-stille_sekunden" style="background:#f5c518;height:10px;width:0%;border-radius:4px;"></div>
      </div>
      <p style="font-size: 0.85rem; color: #999;" id="count-stille_sekunden">Downloads: …</p>
    </div>
  </main>
  
    <button onclick="toggleBgSound()" style="position:fixed; bottom:80px; right:20px; background:#444; color:#fff; border:none; padding:10px 15px; border-radius:5px; z-index:1002; cursor:pointer; font-size:0.85em;">🌧 Sound an/aus</button>
  
  
  <div class="social-share">
    <a href="https://x.com/share?url=https://music.thebeattrip.de" title="Teilen auf X">X</a>
    <a href="https://wa.me/?text=https://music.thebeattrip.de" title="Teilen auf WhatsApp">WA</a>
    <a href="https://www.facebook.com/sharer/sharer.php?u=https://music.thebeattrip.de" title="Teilen auf Facebook">F</a>
  </div>
  
  <div class="about-popup" onclick="toggleAbout()" style="position: fixed; top: 50%; right: 10px; transform: translateY(-50%); background-color: #f5c518; color: #121212; padding: 10px; border-radius: 50%; width: 48px; height: 48px; text-align: center; line-height: 48px; font-size: 24px; font-weight: bold; cursor: pointer; z-index: 1000; animation: pulse 2s infinite;">❤️</div>
  <div class="about-overlay" id="aboutOverlay" onclick="toggleAbout()"></div>
  <div class="about-content" id="aboutContent" style="display:none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #1e1e1e; padding: 30px; max-width: 700px; color: #ccc; border-radius: 10px; box-shadow: 0 0 10px rgba(0,0,0,0.5); z-index: 1001;">
    <div onclick="toggleAbout()" style="position:absolute;top:10px;right:15px;font-size:1.2em;color:#888;cursor:pointer;">❌</div>
    <h2 style="color:#f5c518;text-align:center;">Über dieses Projekt</h2>
    <p style="background:#2a2a2a;padding:10px 15px;border-left:4px solid #f5c518;color:#ff8c8c;font-size:0.95em;margin-top:20px;">
      ❤️ Wenn du dich überfordert fühlst oder in einer akuten Krise steckst, bitte wende dich an eine professionelle Anlaufstelle. Du bist wichtig. Hilfe findest du anonym und kostenlos z.&nbsp;B. bei der <strong><a href='https://www.telefonseelsorge.de/' target='_blank' style='color:#f5c518;'>Telefonseelsorge</a></strong> unter <strong>0800 1110111</strong> oder <strong>0800 1110222</strong> – rund um die Uhr.
    </p>
    <p>
      Leise Beats ist ein Herzensprojekt. Es wurde ins Leben gerufen, um Raum für Menschen zu schaffen, die sich zwischen Alltag, Überforderung und Emotion verlieren. Jeder Song auf dieser Seite erzählt eine Geschichte – von Stille, Schmerz, Mut und Hoffnung.
    </p>
    <p>
      Die Tracks wurden bewusst lo-fi gehalten, um Platz für Gefühl zu lassen – kein Perfektionismus, kein Kommerz, nur ehrliche Musik. Vielleicht hilft dir ein Takt, ein Ton oder eine Zeile. Vielleicht fühlst du dich dadurch weniger allein.
    </p>
    <p>
      Leise Beats ist mehr als Musik – es ist ein Ort, an dem du ankommen darfst, egal wie laut das Leben draußen ist. Hier findest du Klänge, die zuhören, wenn Worte fehlen. Gefühle, die du nicht erklären musst. Und Melodien, die dich halten, wenn du nicht weiterweißt.
    </p>
    <p style="font-style: italic; text-align: center;">
      Du bist nicht allein. Niemals. Diese Musik gehört dir.
    </p>
  </div>
  
  <script>
    function toggleAbout() {
      const content = document.getElementById('aboutContent');
      const overlay = document.getElementById('aboutOverlay');
      const visible = content.style.display === 'block';
      content.style.display = visible ? 'none' : 'block';
      overlay.style.display = visible ? 'none' : 'block';
    }
  </script>
  <script>
    ['was_mein_puls', 'zwischen_laerm', 'gedanken_barfuss', 'stille_sekunden'].forEach(song => {
      fetch(`downloads_${song}.txt`)
        .then(res => res.text())
        .then(count => {
          const num = parseInt(count);
          const bar = document.getElementById(`bar-${song}`);
          const text = document.getElementById(`count-${song}`);
          if (bar) bar.style.width = Math.min(num, 100) + '%';
          if (text) text.textContent = `Downloads: ${num}`;
        })
        .catch(() => {
          const text = document.getElementById(`count-${song}`);
          if (text) text.textContent = 'Downloads: 0';
        });
    });
  </script>
  <script>
  document.querySelectorAll('.visual-audio').forEach(player => {
    const canvas = document.createElement('canvas');
    canvas.width = 500;
    canvas.height = 30;
    canvas.style.display = 'block';
    canvas.style.margin = '10px auto';
    const ctx = canvas.getContext('2d');
    const barCount = 50;
    const bars = new Array(barCount).fill(0);
    player.parentNode.insertBefore(canvas, player.nextSibling);
  
    function animate() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);
      for (let i = 0; i < barCount; i++) {
        const height = Math.random() * 20;
        ctx.fillStyle = '#f5c518';
        ctx.fillRect(i * (canvas.width / barCount), canvas.height - height, 4, height);
      }
      if (!player.paused) requestAnimationFrame(animate);
    }
  
    player.addEventListener('play', () => animate());
  });
  </script>
  <footer style="margin-top: 60px; padding: 20px; font-size: 0.85rem; color: #888; text-align: center; border-top: 1px solid #333;">
    <p>Mit ❤️ und Musik gestaltet – <a href="https://www.youtube.com/@technorevival" target="_blank" style="color: #f5c518; text-decoration: none;">TechnoRevival</a></p>
    <p>© 2025 Leise Beats · Alle Rechte vorbehalten</p>
  
  <script>
  const canvas = document.getElementById('lightCanvas');
  const ctx = canvas.getContext('2d');
  let w, h;
  let lights = [];
  
  function resizeCanvas() {
    w = canvas.width = window.innerWidth;
    h = canvas.height = window.innerHeight;
    lights = Array.from({ length: 6 }, () => createLight());
  }
  
  function createLight() {
    return {
      x: Math.random() * w,
      y: Math.random() * h,
      r: 120 + Math.random() * 80,
      dx: (Math.random() - 0.5) * 0.5,
      dy: (Math.random() - 0.5) * 0.5,
      alpha: 0.05 + Math.random() * 0.1
    };
  }
  
  function animate() {
    ctx.clearRect(0, 0, w, h);
    for (const l of lights) {
      ctx.beginPath();
      const gradient = ctx.createRadialGradient(l.x, l.y, 0, l.x, l.y, l.r);
      gradient.addColorStop(0, `rgba(245, 197, 24, ${l.alpha})`);
      gradient.addColorStop(1, 'rgba(18,18,18,0)');
      ctx.fillStyle = gradient;
      ctx.arc(l.x, l.y, l.r, 0, Math.PI * 2);
      ctx.fill();
      l.x += l.dx;
      l.y += l.dy;
      if (l.x < 0 || l.x > w) l.dx *= -1;
      if (l.y < 0 || l.y > h) l.dy *= -1;
    }
    requestAnimationFrame(animate);
  }
  
  window.addEventListener('resize', resizeCanvas);
  resizeCanvas();
  animate();
  </script>
  <script>
  function toggleThoughts() {
    const popup = document.getElementById('thoughtsPopup');
    const overlay = document.getElementById('thoughtsOverlay');
    const visible = popup.style.display === 'block';
    popup.style.display = visible ? 'none' : 'block';
    overlay.style.display = visible ? 'none' : 'block';
  }
  </script>
  <script>
  function toggleTheme() {
    document.body.classList.toggle('day-mode');
    const btn = document.querySelector('.theme-toggle');
    btn.textContent = document.body.classList.contains('day-mode') ? '☀️' : '🌙';
  }
    </script>
  <script>
  function toggleBgSound() {
    const audio = document.getElementById('bg-sound');
    if (audio.paused) {
      audio.volume = 0.2;
      audio.play();
    } else {
      audio.pause();
    }
  }
  </script>
   
  
  </body>
  
  </html>
  
endpoints.html_title: Leise Beats – Lo-Fi Musik für Herz, Seele & stille Nächte
endpoints.supported_versions: HTTP/1.1 HTTP/2
endpoints.banner: HTTP/1.1 200 OK
  Server: openresty
  Date:  <REDACTED>
  Content-Type: text/html
  Transfer-Encoding: chunked
  Connection: keep-alive
  Keep-Alive: timeout=65
  X-Lima-Id: garsdskc9cbhb1kC4j
  Set-Cookie: _lcp=a; Path=/; expires=Mon Mar 20 2034 13:02:58; SameSite=Lax; HttpOnly
  Accept-Ranges: bytes
  Vary: Accept-Encoding
  Content-Encoding: gzip
  Content-Security-Policy: upgrade-insecure-requests
  Strict-Transport-Security: max-age=31536000; includeSubDomains; preload
  
endpoints.ip: 91.216.248.23
[binary data, 4 values, 119 bytes]