NUCLEUZ API Overview

<!-- BLERBZ Headline Scrolling Ticker -->
<!-- Embed this snippet in your HTML. Replace YOUR_API_KEY with your NUCLEUZ API key. -->
<div id="blerbz-ticker" style="
  background: #0a0a0a;
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 10px;
  overflow: hidden;
  position: relative;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
">
  <div style="
    display: flex; align-items: center; gap: 8px;
    position: absolute; left: 0; top: 0; bottom: 0;
    padding: 0 16px; z-index: 2;
    background: linear-gradient(90deg, #0a0a0a 85%, transparent);
    font-family: 'SF Mono', Monaco, Inconsolata, monospace;
    font-size: 9px; font-weight: 700; letter-spacing: 1.5px; color: #fff;
  ">
    <span style="
      width: 7px; height: 7px; border-radius: 50%;
      background: #ef4444; box-shadow: 0 0 6px rgba(239,68,68,0.6);
      animation: blerbzPulse 1.5s ease-in-out infinite;
    "></span>
    LIVE
  </div>
  <div style="
    overflow: hidden; padding: 14px 16px 14px 90px;
    mask-image: linear-gradient(90deg, transparent 0%, black 5%, black 95%, transparent 100%);
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, black 5%, black 95%, transparent 100%);
  ">
    <div id="blerbz-ticker-track" style="
      display: flex;
      animation: blerbzScroll 80s linear infinite;
      width: max-content; will-change: transform;
    "></div>
  </div>
</div>

<style>
  @keyframes blerbzScroll {
    0% { transform: translate3d(0, 0, 0); }
    100% { transform: translate3d(-50%, 0, 0); }
  }
  @keyframes blerbzPulse {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.7; transform: scale(0.9); }
  }
  #blerbz-ticker-track:hover { animation-play-state: paused; }
</style>

<script>
(function() {
  const API_KEY = 'YOUR_API_KEY';
  const API_BASE = 'https://api.blerbz.com:3001/api/v2';
  const ENDPOINT = '/feeds/latest?limit=25';

  async function fetchHeadlines() {
    const res = await fetch(API_BASE + ENDPOINT, {
      headers: { 'Authorization': 'Bearer ' + API_KEY }
    });
    if (!res.ok) return [];
    const data = await res.json();
    return (data.items || data.data || []).map(item => ({
      headline: item.headline || item.originalTitle || item.title || '',
      source: item.source?.name || item.sourceName || item.source || 'News',
    })).filter(h => h.headline.length > 10);
  }

  function render(headlines) {
    const track = document.getElementById('blerbz-ticker-track');
    if (!track || !headlines.length) return;
    const items = [...headlines, ...headlines];
    track.innerHTML = items.map(h =>
      '<div style="display:flex;align-items:center;gap:4px;padding-right:32px;white-space:nowrap;flex-shrink:0">' +
        '<span style="font-size:10px;font-weight:700;color:rgba(255,255,255,0.5);text-transform:uppercase;letter-spacing:0.5px">' + h.source + ':</span>' +
        '<span style="font-size:13px;font-weight:500;color:#fff;max-width:420px;overflow:hidden;text-overflow:ellipsis">' + h.headline + '</span>' +
        '<span style="color:rgba(255,255,255,0.15);font-size:8px;margin-left:22px">\u2022</span>' +
      '</div>'
    ).join('');
  }

  fetchHeadlines().then(render);
  setInterval(() => fetchHeadlines().then(render), 30000);
})();
</script>