Conflictenradar: nieuwste berichten en updates

<!-- Sidebar Widget Start -->
<div class="sidebar-news-widget">
  <div class="widget-header">
    <!-- <span class="live-dot"></span> -->
    <h3 class="widget-title">🚀 Conflicten radar</h3>
  </div>

  <div class="vertical-ticker-window">
    <div class="vertical-ticker-track" id="verticalTrack">
      <div class="sidebar-news-item">
        <p class="item-title">Nieuwste berichten laden…</p>
      </div>
    </div>
  </div>
</div>
<!-- Sidebar Widget Einde -->


<style>

/* ================================
   WIDGET
================================ */

.sidebar-news-widget {
  width: 100%;
  max-width: 375px;

  background-color: #fafafa;

  border: 1px solid #e2e8f0;
  border-radius: 8px;

  box-shadow:
    0 4px 12px rgba(0, 0, 0, 0.05);

  font-family:
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    sans-serif;

  overflow: hidden;
}


/* ================================
   HEADER
================================ */

.widget-header {
  background-color: #f8fafc;
color: #444;
  border-bottom:
    1px solid #e2e8f0;

  padding: 8px 0 9px 12px !important;

  display: flex !important;
  align-items: center;

  gap: 8px;
}


.widget-title {
  font-size: 13px  !important;
  font-weight: 700  !important;

  color: #0f172a;
 color: #555;
  text-transform: uppercase;
text-shadow: #aaaaaadd 2px 2px 2px !important;
  letter-spacing: 0.5px;

  margin: 0;
}


/* ================================
   LIVE DOT
================================ */

.live-dot {

  width: 8px;
  height: 8px;

  background-color: #ef4444;

  border-radius: 50%;

  display: inline-block;

  animation:
    pulse 1.5s infinite;
}


/* ================================
   TICKER
================================ */

.vertical-ticker-window {

  height: 400px;

  overflow: hidden;

  position: relative;

  background-color: #ffffff;
}


.vertical-ticker-track {

  display: flex;

  flex-direction: column;

  will-change: transform;

  animation:
    scrollUp 30s linear infinite;
}


/* Pauzeren wanneer muis erboven staat */

.vertical-ticker-window:hover
.vertical-ticker-track {

  animation-play-state: paused;
}


/* ================================
   NIEUWS ITEM
================================ */

.sidebar-news-item {

  padding: 12px 16px;

  border-bottom:
    1px solid #f1f5f9;

  display: flex;

  flex-direction: column;

  gap: 6px;

  transition:
    background-color 0.2s ease;
}


.sidebar-news-item:hover {
  background-color: #f8fafc;
}


/* ================================
   META
================================ */

.item-meta {

  display: flex;

  justify-content: space-between;

  align-items: center;
}


.source-tag {

  font-size: 10px;

  font-weight: 700;

  color: #2d4782;

  background-color: #eff6ff;

  padding: 2px 8px;

  border-radius: 12px;

  text-transform: uppercase;
}


.time-tag {

  font-size: 10px;

  color: #94a3b8;
}


/* ================================
   TITEL
================================ */

.item-title {

  font-size: 13px;

  line-height: 1.4;

  color: #334155;

  font-weight: 500;

  margin: 0;
}


/* Klikbare titel */

.item-title a {

  color: inherit;

  text-decoration: none;

  display: block;

  cursor: pointer;
}


/* Hover effect */

.item-title a:hover {

  color: #2d4782;

  text-decoration: none;
}


/* ================================
   ANIMATIES
================================ */

@keyframes scrollUp {

  0% {
    transform: translateY(0%);
  }

  100% {
    transform: translateY(-50%);
  }

}


@keyframes pulse {

  0% {
    opacity: 1;
  }

  50% {
    opacity: 0.3;
  }

  100% {
    opacity: 1;
  }

}

</style>



<script>
/* ============================================================
   CONFLICTEN RADAR 2.0
   RSS + scoring + combinaties + categorieën + deduplicatie
   ============================================================ */


/* ============================================================
   INSTELLINGEN
   ============================================================ */

const MAX_AGE_HOURS = 15;
const MAX_ITEMS = 45;

// Minimale score om in de radar te verschijnen.
const MIN_SCORE = 6;


/* ============================================================
   RSS-BRONNEN

   weight:
   0 = geen bonus
   1-5 = steeds iets meer voorrang
   ============================================================ */

const feeds = [
  { name: 'WorldUnity', url: 'https://worldunity.me/feed/', weight: 1 },
  { name: 'De Andere Krant', url: 'https://deanderekrant.nl/feed/', weight: 2 },
  { name: 'KNMI', url: 'https://cdn.knmi.nl/knmi/xml/rss/rss_KNMIverwachtingen.xml', weight: 3 },
  { name: 'Front Nieuws', url: 'https://www.frontnieuws.com/feed/', weight: 1 },
  { name: 'NieuwRechts', url: 'https://nieuwrechts.nl/feed', weight: 2 },
  { name: 'DDS', url: 'https://www.dagelijksestandaard.nl/feed', weight: 1 },
  { name: 'Telegraaf', url: 'https://www.telegraaf.nl/rss/', weight: 4 },
  { name: 'ON!', url: 'https://ongehoordnederland.nl/feed/', weight: 2 },

  { name: 'GN Oorlog', url: 'https://news.google.com/rss/search?q=oorlog', weight: 3 },
  { name: 'Want to know', url: 'https://www.wanttoknow.nl/feed/', weight: 1 },
  { name: 'React Nieuws', url: 'https://reactnieuws.net/feed/', weight: 1 },
  { name: 'NU.nl', url: 'https://www.nu.nl/rss/Algemeen', weight: 4 },

  { name: 'Achter de samenleving', url: 'https://achterdesamenleving.nl/feed/', weight: 1 },
  { name: 'Andere Europa', url: 'https://www.andereuropa.org/feed/', weight: 1 },
  { name: 'Het andere nieuws', url: 'https://www.hetanderenieuws.nl/feed/', weight: 1 },
  { name: 'Corona nuchterheid', url: 'https://corona-nuchterheid.nl/feed/', weight: 0 },
  { name: 'Nieuwe media', url: 'https://www.de-nieuwe-media.nl/feed', weight: 1 },
  { name: 'Voor waarheid', url: 'https://voorwaarheid.nl/feed/', weight: 1 },
  { name: 'Indepen', url: 'https://indepen.nl/feed/', weight: 1 },

  { name: 'GN Migratie', url: 'https://news.google.com/rss/search?q=migratie', weight: 3 },

  { name: 'Reddit', url: 'https://www.reddit.com/search.rss?sort=new&q=migratie', weight: 0 },

  { name: 'Want to know', url: 'https://www.wanttoknow.nl/feed/', weight: 1 }
];


/* ============================================================
   LOSSE TREFWOORDEN + SCORE
   ============================================================ */

const keywords = {

  // Zware gebeurtenissen
  'oorlog': 10,
  'raketaanval': 12,
  'luchtaanval': 12,
  'aanval': 7,
  'aanslag': 12,
  'terrorisme': 10,
  'terroristische': 10,
  'explosie': 8,
  'arnhem': 20,
  'schietpartij': 10,
  'steekpartij': 9,
  'droneaanval': 10,
  'raket': 8,
  'drones': 6,
  'drone': 5,

  // Militair
  'militair': 5,
  'defensie': 4,
  'navo': 7,
  'troepen': 7,
  'invasie': 12,
  'mobilisatie': 9,

  // Landen/conflicten
  'oekraïne': 7,
  'oekraine': 7,
  'nederland': 10,
  'rusland': 7,
  'poetin': 4,
  'zelensky': 4,

  'israël': 7,
  'israel': 7,
  'gaza': 7,
  'iran': 7,
  'hamas': 7,
  'hezbollah': 7,
  'libanon': 5,
  'jemen': 5,

  // Migratie
  'migratie': 6,
  'immigratie': 5,
  'asiel': 5,
  'azc': 6,
  'vluchtelingen': 4,
  'grens': 4,
  'omvolking': 3,

  // Maatschappelijk
  'rellen': 8,
  'onrust': 5,
  'crisis': 5,
  'noodtoestand': 10,
  'evacuatie': 8,
  'protest': 3,
  'demonstratie': 3,
  'boerenprotest': 5,

  // Nederland
  'nederland': 3,
  'nederlandse': 3,
  'politie': 3,
  'overheid': 2,

  // Weer/noodsituaties
  'weeralarm': 9,
  'code rood': 10,
  'code oranje': 7
};


/* ============================================================
   COMBINATIES

   + betekent: ALLE woorden moeten aanwezig zijn.

   combinatie => extra bonus
   ============================================================ */

const combinations = {

  'oorlog+nederland': 18,
  'oorlog+europa': 15,

  'rusland+nederland': 12,
  'rusland+navo': 15,

  'aanval+nederland': 18,
  'aanslag+nederland': 22,
  'neergestoken+nederland': 22,
  'aangevallen+nederland': 22,
  'explosie+nederland': 22,
  'verkracht+nederland': 22,
  'onrust+nederland': 22,

  'raket+nederland': 22,
  'drone+nederland': 16,

  'militair+nederland': 10,
  'defensie+oorlog': 10,

  'navo+rusland': 15,
  'navo+oorlog': 15,

  'migratie+nederland': 10,
  'asiel+nederland': 12,
  'azc+onrust': 12,

  'rellen+nederland': 15,
  'explosie+nederland': 15,

  'politie+schietpartij': 15,
  'politie+steekpartij': 12,

  'iran+israël': 15,
  'iran+israel': 15,

  'israël+gaza': 10,
  'israel+gaza': 10,

  'oekraïne+rusland': 12,
  'oekraine+rusland': 12
};


/* ============================================================
   NEGATIEVE TREFWOORDEN

   Hiermee voorkomen we bijvoorbeeld sportberichten.
   ============================================================ */

const negativeKeywords = {
  'voetbal': -15,
  'eredivisie': -15,
  'champions league': -15,
  'transfer': -10,
  'wedstrijd': -8,
  'doelpunt': -10,

  'film': -6,
  'serie': -6,
  'showbizz': -10,
  'reality': -10,

  'recept': -20,
  'restaurant': -10,

  'bitcoin': -5,
  'crypto': -5
};


/* ============================================================
   CATEGORIEËN
   ============================================================ */

const categories = {

  'OEKRAÏNE': [
    'oekraïne',
    'oekraine',
    'rusland',
    'poetin',
    'zelensky',
    'kyiv',
    'kiev'
  ],

  'MIDDEN-OOSTEN': [
    'israël',
    'israel',
    'gaza',
    'iran',
    'hamas',
    'hezbollah',
    'libanon',
    'jemen'
  ],

  'MIGRATIE': [
    'migratie',
    'immigratie',
    'migranten',
    'asiel',
    'azc',
    'vluchtelingen',
    'omvolking'
  ],

  'NEDERLAND': [
    'nederland',
    'nederlandse',
    'oorlog',
    'kabinet',
    'tweede kamer'
  ],

  'WEER': [
    'knmi',
    'weeralarm',
    'code rood',
    'code oranje',
    'storm',
    'windstoten'
  ],

  'OORLOGSDREIGING': [
    'oorlog',
    'aanval',
    'aanslag',
    'raket',
    'drone',
    'militair',
    'navo',
    'explosie',
    'nederland'
  ]
};


/* ============================================================
   HULPFUNCTIES
   ============================================================ */

function normalizeText(text) {

  return String(text || '')
    .toLowerCase()
    .replace(/<[^>]*>/g, ' ')
    .replace(/ /g, ' ')
    .replace(/\s+/g, ' ')
    .trim();
}


/* ============================================================
   SCORE BEREKENEN
   ============================================================ */

function calculateScore(title, feed) {

  const text = normalizeText(title);

  let score = feed.weight || 0;


  // Losse keywords
  Object.entries(keywords).forEach(([keyword, points]) => {

    if (text.includes(keyword.toLowerCase())) {
      score += points;
    }

  });


  // Combinaties
  Object.entries(combinations).forEach(([combination, points]) => {

    const terms =
      combination
        .toLowerCase()
        .split('+')
        .map(term => term.trim())
        .filter(Boolean);

    const match =
      terms.every(term =>
        text.includes(term)
      );

    if (match) {
      score += points;
    }

  });


  // Negatieve woorden
  Object.entries(negativeKeywords).forEach(([keyword, points]) => {

    if (text.includes(keyword)) {
      score += points;
    }

  });


  return score;
}


/* ============================================================
   CATEGORIE BEPALEN
   ============================================================ */

function getCategory(title) {

  const text = normalizeText(title);

  let bestCategory = 'ACTUEEL';
  let bestMatches = 0;


  Object.entries(categories).forEach(([category, words]) => {

    let matches = 0;

    words.forEach(word => {

      if (text.includes(word)) {
        matches++;
      }

    });


    if (matches > bestMatches) {

      bestMatches = matches;
      bestCategory = category;

    }

  });


  return bestCategory;
}


/* ============================================================
   URGENTIE
   ============================================================ */

function getUrgency(score) {

  if (score >= 35) {
    return '🚨 ALERT';
  }

  if (score >= 20) {
    return '📰 ACTUEEL';
  }

  return '🛜 SIGNAAL';
}


/* ============================================================
   FEED OPHALEN
   ============================================================ */

async function fetchFeed(feed) {

  try {

    const apiUrl =
      `https://api.rss2json.com/v1/api.json?rss_url=${encodeURIComponent(feed.url)}`;


    const res = await fetch(apiUrl);

    if (!res.ok) {
      throw new Error(`HTTP ${res.status}`);
    }


    const data = await res.json();


    if (data.status !== 'ok' || !Array.isArray(data.items)) {
      return [];
    }


    return data.items.map(item => {

      const title =
        normalizeText(item.title);

      const pubDate =
        new Date(item.pubDate).getTime();


      return {

        title: item.title || '',

        cleanTitle:
          String(item.title || '')
            .replace(/<[^>]*>/g, '')
            .trim(),

        link:
          item.link || '#',

        source:
          feed.name,

        pubDate,

        score:
          calculateScore(title, feed),

        category:
          getCategory(title)

      };

    });


  } catch (err) {

    console.warn(
      `Feed ${feed.name} kon niet geladen worden:`,
      err
    );

    return [];
  }
}


/* ============================================================
   DUBBELEN HERKENNEN
   ============================================================ */

function fingerprint(title) {

  return normalizeText(title)

    .replace(/[^\p{L}\p{N}\s]/gu, '')

    .replace(
      /\b(de|het|een|en|van|in|op|voor|met|bij|naar|om|te)\b/g,
      ''
    )

    .replace(/\s+/g, ' ')

    .trim();
}


function removeDuplicates(items) {

  const seen = new Set();

  return items.filter(item => {

    const key = fingerprint(item.title);

    if (!key) {
      return false;
    }


    if (seen.has(key)) {
      return false;
    }


    seen.add(key);

    return true;
  });
}


/* ============================================================
   HTML ESCAPEN
   ============================================================ */

function escapeHtml(value) {

  const div = document.createElement('div');

  div.textContent = value || '';

  return div.innerHTML;
}


/* ============================================================
   TICKER
   ============================================================ */

async function initVerticalTicker() {

  const track =
    document.getElementById('verticalTrack');


  if (!track) {
    return;
  }


  /* Alle feeds tegelijk */

  const results =
    await Promise.all(
      feeds.map(fetchFeed)
    );


  let allItems =
    results.flat();


  /* ==========================================================
     MAXIMUMLEEFTIJD
     ========================================================== */

  const cutoff =
    Date.now() -
    (MAX_AGE_HOURS * 60 * 60 * 1000);


  allItems =
    allItems.filter(item =>

      Number.isFinite(item.pubDate) &&
      item.pubDate >= cutoff

    );


  /* ==========================================================
     MINIMALE SCORE
     ========================================================== */

  allItems =
    allItems.filter(item =>
      item.score >= MIN_SCORE
    );


  /* ==========================================================
     DUBBELEN
     ========================================================== */

  allItems =
    removeDuplicates(allItems);


  /* ==========================================================
     SORTERING

     Eerst relevantie.
     Daarna nieuwste.
     ========================================================== */

  allItems.sort((a, b) => {

    if (b.score !== a.score) {
      return b.score - a.score;
    }

    return b.pubDate - a.pubDate;
  });


  /* Maximum */

  const itemsToDisplay =
    allItems.slice(0, MAX_ITEMS);


  /* ==========================================================
     GEEN RESULTATEN
     ========================================================== */

  if (!itemsToDisplay.length) {

    track.innerHTML = `
      <div class="sidebar-news-item">
        <p class="item-title">
          Geen actuele radarberichten gevonden.
        </p>
      </div>
    `;

    return;
  }


  /* ==========================================================
     HTML
     ========================================================== */

  const htmlContent =
    itemsToDisplay.map(item => {

      const urgency =
        getUrgency(item.score);


      const dateObj =
        new Date(item.pubDate);


      const timeString =
        dateObj.toLocaleTimeString(
          'nl-NL',
          {
            hour: '2-digit',
            minute: '2-digit'
          }
        );


      return `

        <div class="sidebar-news-item">

          <div class="item-meta">

            <span class="source-tag">
              ${escapeHtml(item.category)}
            </span>

            <span
              class="time-tag"
              title="Radar score: ${item.score}"
            >
              ${escapeHtml(urgency)}
            </span>

          </div>


          <p class="item-title">

            <a
              href="${escapeHtml(item.link)}"
              target="_blank"
              rel="noopener noreferrer"
              title="${escapeHtml(item.source)} · score ${item.score}"
            >
              ${escapeHtml(item.cleanTitle)}
            </a>

          </p>


          <div
            style="
              font-size:9px;
              color:#94a3b8;
              margin-top:2px;
            "
          >
            ${escapeHtml(item.source)}
            ·
            ${escapeHtml(timeString)}
          </div>

        </div>

      `;

    }).join('');


  /*
   * Verdubbelen voor je bestaande
   * oneindige CSS-scroll.
   */

  track.innerHTML =
    htmlContent + htmlContent;
}


/* ============================================================
   START
   ============================================================ */

initVerticalTicker();

</script>
Conflicten radar

🚀 Conflicten radar

Geef een reactie Reactie annuleren
