ADOS Wiki

MediaWiki:Common.js: Unterschied zwischen den Versionen

← Zum vorherigen Versionsunterschied
Keine Bearbeitungszusammenfassung
Markierung: Manuelle Zurücksetzung
Keine Bearbeitungszusammenfassung
 
(10 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 396: Zeile 396:


});
});




Zeile 458: Zeile 454:


   /* ========== Kategorien rekursiv einsammeln (inkl. Subkats, Namespaces) ========== */
   /* ========== Kategorien rekursiv einsammeln (inkl. Subkats, Namespaces) ========== */
// NIMMT nsStr (z. B. "*", "0|102|14"). Bei "*" wird cmnamespace NICHT gesetzt.
function fetchCategoryMembersRecursiveSingleResolved(api, catTitle, limit, outSet, pages, nsStr){
function fetchCategoryMembersRecursiveSingleResolved(api, catTitle, limit, outSet, pages, nsStr){
   var visited = {}, queue = [catTitle];
   var visited = {}, queue = [catTitle];
Zeile 468: Zeile 463:
       list: 'categorymembers',
       list: 'categorymembers',
       cmtitle: title,
       cmtitle: title,
      // cmnamespace nur setzen, wenn NICHT "*"
       cmtype: 'page|subcat',
       cmtype: 'page|subcat',
       cmlimit: Math.min(200, limit),
       cmlimit: Math.min(200, limit),
Zeile 577: Zeile 571:
   /* ========== Render ========== */
   /* ========== Render ========== */
   function renderTopN(container, rows, N, minVotes) {
   function renderTopN(container, rows, N, minVotes) {
    // Statusbox parken, falls keep aktiv
     var keep = (container.getAttribute && container.getAttribute('data-keep-status') === 'true');
     var keep = (container.getAttribute && container.getAttribute('data-keep-status') === 'true');
     var statusBox = keep ? container.querySelector('.whisky-top5__status') : null;
     var statusBox = keep ? container.querySelector('.whisky-top5__status') : null;
Zeile 637: Zeile 630:
       container.setAttribute('data-top5-init','1');
       container.setAttribute('data-top5-init','1');


      // Kategorien (Zeilenumbruch ODER Semikolon getrennt)
       var rawCats = container.getAttribute('data-categories') || container.getAttribute('data-category') || '';
       var rawCats = container.getAttribute('data-categories') || container.getAttribute('data-category') || '';
       var parts = rawCats.split(/\n|;/), rootCats = [], i;
       var parts = rawCats.split(/\n|;/), rootCats = [], i;
Zeile 647: Zeile 639:
       var minVotes = parseInt(container.getAttribute('data-min-votes') || '1', 10);
       var minVotes = parseInt(container.getAttribute('data-min-votes') || '1', 10);
       var includeHidden = (container.getAttribute('data-include-hidden') === 'true');
       var includeHidden = (container.getAttribute('data-include-hidden') === 'true');
       var nsStr = container.getAttribute('data-namespaces') || '0|14'; // z. B. "*", "0|102|14"
       var nsStr = container.getAttribute('data-namespaces') || '0|14';


       var rawC = container.getAttribute('data-contests') || 'NASE,GESCHMACK,ABGANG,GESAMTEINDRUCK';
       var rawC = container.getAttribute('data-contests') || 'NASE,GESCHMACK,ABGANG,GESAMTEINDRUCK';
Zeile 658: Zeile 650:
       status('Sammle Seiten …');
       status('Sammle Seiten …');


      // 1) Artikel einsammeln
       fetchCategoryMembersRecursiveMulti(rootCats, lim, status, nsStr).then(function(members){
       fetchCategoryMembersRecursiveMulti(rootCats, lim, status, nsStr).then(function(members){
         status('Gefundene Seiten gesamt: ' + (members ? members.length : 0) + ' – lade Bewertungen …', true);
         status('Gefundene Seiten gesamt: ' + (members ? members.length : 0) + ' – lade Bewertungen …', true);
Zeile 703: Zeile 693:


});
});




Zeile 712: Zeile 700:
     var el = this, val = parseFloat(el.getAttribute('data-rating') || '0');
     var el = this, val = parseFloat(el.getAttribute('data-rating') || '0');
     if (isNaN(val)) val = 0;
     if (isNaN(val)) val = 0;
    // clamp 0..5
     val = Math.max(0, Math.min(5, val));
     val = Math.max(0, Math.min(5, val));
    // set CSS variable for width percentage (0..5 -> 0..5 stars)
     el.style.setProperty('--stars', (val).toString());
     el.style.setProperty('--stars', (val).toString());
     el.setAttribute('aria-label', val + ' von 5 Sternen');
     el.setAttribute('aria-label', val + ' von 5 Sternen');
Zeile 721: Zeile 707:
});
});


// --------------------------------


// Force light color-scheme at document level (helps Mobile Safari)
// Force light color-scheme at document level (helps Mobile Safari)
Zeile 736: Zeile 720:
   }
   }
});
});
// -------------------------------------------------




Zeile 751: Zeile 733:
     if (!chart || !block) return;
     if (!chart || !block) return;


    // Summe aller Werte berechnen
     const total = chart.data.datasets.reduce((sum, ds) =>
     const total = chart.data.datasets.reduce((sum, ds) =>
       sum + (ds.data || []).reduce((a, b) => a + (parseFloat(b) || 0), 0)
       sum + (ds.data || []).reduce((a, b) => a + (parseFloat(b) || 0), 0)
     , 0);
     , 0);


    // Bestehende Anzeige entfernen (falls Neurender)
     const oldInfo = block.querySelector(':scope > .chart-total-info');
     const oldInfo = block.querySelector(':scope > .chart-total-info');
     if (oldInfo) oldInfo.remove();
     if (oldInfo) oldInfo.remove();


    // Neue Anzeige einfügen
     const info = document.createElement('div');
     const info = document.createElement('div');
     info.className = 'chart-total-info';
     info.className = 'chart-total-info';
Zeile 775: Zeile 754:
}
}


// -------------------------------------


/* === ADOS Multi-Serien-Chart (Chart.js) ============================= *
/* === ADOS Multi-Serien-Chart (Chart.js) ============================= *
Zeile 784: Zeile 761:


(function () {
(function () {
  // 1) Chart.js nur 1x laden und erst dann rendern
   var _chartReady = null;
   var _chartReady = null;
   function ensureChartJS() {
   function ensureChartJS() {
Zeile 791: Zeile 767:
       if (window.Chart) return resolve();
       if (window.Chart) return resolve();
       var s = document.createElement('script');
       var s = document.createElement('script');
       s.src = 'https://cdn.jsdelivr.net/npm/chart.js'; // UMD-Bundle
       s.src = 'https://cdn.jsdelivr.net/npm/chart.js';
       s.async = true;
       s.async = true;
       s.onload = function(){ resolve(); };
       s.onload = function(){ resolve(); };
Zeile 800: Zeile 776:
   }
   }


  // 2) Farben je Serie (gut unterscheidbar)
   var ADOS_COLORS = {
   var ADOS_COLORS = {
     'A Dream of Scotland':                '#C2410C', // Kupferbraun
     'A Dream of Scotland':                '#C2410C',
     'A Dream of Ireland':                  '#15803D', // Flaschengrün
     'A Dream of Ireland':                  '#15803D',
     'A Dream of... – Der Rest der Welt':  '#1D4ED8', // Mittelblau
     'A Dream of... – Der Rest der Welt':  '#1D4ED8',
     'Friendly Mr. Z':                      '#9333EA', // Violett
     'Friendly Mr. Z':                      '#9333EA',
     'Die Whisky Elfen':                    '#0891B2', // Türkis
     'Die Whisky Elfen':                    '#0891B2',
     'The Fine Art of Whisky':              '#CA8A04' // Goldgelb
     'The Fine Art of Whisky':              '#CA8A04'
   };
   };
   var COLOR_CYCLE = ['#2563eb','#16a34a','#f97316','#dc2626','#a855f7','#0ea5e9','#f59e0b','#10b981'];
   var COLOR_CYCLE = ['#2563eb','#16a34a','#f97316','#dc2626','#a855f7','#0ea5e9','#f59e0b','#10b981'];
Zeile 822: Zeile 797:
   }
   }


  // 3) Tabelle (Jahr | Serie | Anzahl) -> {labels, datasets}
   function buildDatasetsFromTable(tbl){
   function buildDatasetsFromTable(tbl){
     var rows = Array.from(tbl.querySelectorAll('tr'));
     var rows = Array.from(tbl.querySelectorAll('tr'));
Zeile 828: Zeile 802:


     var yearsSet = new Set();
     var yearsSet = new Set();
     var bySeries  = new Map(); // serie -> Map(year -> count)
     var bySeries  = new Map();


     rows.slice(1).forEach(function(tr){
     rows.slice(1).forEach(function(tr){
Zeile 863: Zeile 837:
   }
   }


   // 4) Einen Chart-Container rendern: nimmt die NÄCHSTE Tabelle als Datenquelle
   function renderOne(block){
function renderOne(block){
    if (block.dataset.rendered === '1') return;
  // schon gerendert? (z. B. durch AJAX/Minerva-Reloads)
  if (block.dataset.rendered === '1') return;


  // nächste Tabelle (auch wenn sie in einem Wrapper steckt) finden
    var el = block.nextElementSibling, tbl = null, wrapToHide = null;
  var el = block.nextElementSibling, tbl = null, wrapToHide = null;
    while (el) {
  while (el) {
      if (/^H[1-6]$/.test(el.tagName) || (el.classList && el.classList.contains('ados-chart-multi'))) break;
    if (/^H[1-6]$/.test(el.tagName) || (el.classList && el.classList.contains('ados-chart-multi'))) break;
      if (el.tagName === 'TABLE') {
    if (el.tagName === 'TABLE') {
        tbl = el;
      tbl = el;
      } else if (el.querySelector) {
    } else if (el.querySelector) {
        var t = el.querySelector('table');
      var t = el.querySelector('table');
        if (t) tbl = t;
      if (t) tbl = t;
      }
    }
      if (tbl) {
    if (tbl) {
        wrapToHide = tbl.parentElement;
      // Wrapper merken – aber später nur verstecken, wenn er "quasi nur" die Tabelle enthält
        break;
      wrapToHide = tbl.parentElement;
       }
       break;
      el = el.nextElementSibling;
     }
     }
     el = el.nextElementSibling;
     if (!tbl) return;
  }
  if (!tbl) return;


  var out = buildDatasetsFromTable(tbl);
    var out = buildDatasetsFromTable(tbl);
  if (!out.labels.length || !out.datasets.length) return;
    if (!out.labels.length || !out.datasets.length) return;


  // Tabelle verstecken, wenn gewünscht (nur die Tabelle – oder den Wrapper, falls er sonst leer ist)
    var hide = (block.dataset.hideTable || '').toLowerCase() === 'true';
  var hide = (block.dataset.hideTable || '').toLowerCase() === 'true';
    if (hide) {
  if (hide) {
      var onlyTable = wrapToHide && wrapToHide.children.length === 1 && wrapToHide.firstElementChild === tbl;
    // Hat der Wrapper außer der Tabelle noch sichtbaren Inhalt?
      if (onlyTable) {
    var onlyTable = wrapToHide && wrapToHide.children.length === 1 && wrapToHide.firstElementChild === tbl;
        wrapToHide.setAttribute('aria-hidden','true');
    if (onlyTable) {
        wrapToHide.style.display = 'none';
      wrapToHide.setAttribute('aria-hidden','true');
      } else {
      wrapToHide.style.display = 'none';
        tbl.setAttribute('aria-hidden','true');
    } else {
        tbl.style.display = 'none';
      tbl.setAttribute('aria-hidden','true');
      }
      tbl.style.display = 'none';
     }
     }
  }


  // Zeichenfläche einsetzen (mobil/desktop)
    var wrap = document.createElement('div');
  var wrap = document.createElement('div');
    wrap.style.position = 'relative';
  wrap.style.position = 'relative';
    wrap.style.width = '100%';
  wrap.style.width = '100%';
    wrap.style.height = block.dataset.height || (window.matchMedia('(min-width:768px)').matches ? '450px' : '300px');
  wrap.style.height = block.dataset.height || (window.matchMedia('(min-width:768px)').matches ? '450px' : '300px');
    var canvas = document.createElement('canvas');
  var canvas = document.createElement('canvas');
    wrap.appendChild(canvas);
  wrap.appendChild(canvas);
    block.innerHTML = '';
  block.innerHTML = '';
    block.appendChild(wrap);
  block.appendChild(wrap);


  var type  = (block.dataset.type || 'line').toLowerCase();
    var type  = (block.dataset.type || 'line').toLowerCase();
  var title = block.dataset.title || '';
    var title = block.dataset.title || '';
  var cumulative = (block.dataset.cumulative || '').toLowerCase() === 'true';
    var cumulative = (block.dataset.cumulative || '').toLowerCase() === 'true';


  // optional: kumulative Werte pro Serie bauen
    if (cumulative) {
  if (cumulative) {
      out.datasets = out.datasets.map(function(ds){
    out.datasets = out.datasets.map(function(ds){
        var acc = 0;
      var acc = 0;
        return Object.assign({}, ds, {
      return Object.assign({}, ds, {
          data: ds.data.map(function(v){ acc += v; return acc; })
        data: ds.data.map(function(v){ acc += v; return acc; })
        });
       });
       });
     });
     }
  }


ensureChartJS().then(function(){
    ensureChartJS().then(function(){
  const chart = new Chart(canvas.getContext('2d'), {
      const chart = new Chart(canvas.getContext('2d'), {
    type: type,
        type: type,
    data: { labels: out.labels, datasets: out.datasets },
        data: { labels: out.labels, datasets: out.datasets },
    options: {
        options: {
      responsive: true,
          responsive: true,
      maintainAspectRatio: false,
          maintainAspectRatio: false,
      interaction: { mode: 'nearest', intersect: false },
          interaction: { mode: 'nearest', intersect: false },
      plugins: {
          plugins: {
        legend: { position: 'bottom', labels: { font: { size: 13 }, boxWidth: 20 } },
            legend: { position: 'bottom', labels: { font: { size: 13 }, boxWidth: 20 } },
        title:  { display: !!title, text: title, font: { size: 16 } },
            title:  { display: !!title, text: title, font: { size: 16 } },
        tooltip:{ backgroundColor: 'rgba(0,0,0,0.8)', titleFont: {size:14}, bodyFont: {size:13} }
            tooltip:{ backgroundColor: 'rgba(0,0,0,0.8)', titleFont: {size:14}, bodyFont: {size:13} }
      },
          },
      scales: {
          scales: {
        x: { ticks: { font: { size: 12 } } },
            x: { ticks: { font: { size: 12 } } },
        y: { beginAtZero: true, ticks: { precision: 0, font: { size: 12 } } }
            y: { beginAtZero: true, ticks: { precision: 0, font: { size: 12 } } }
      }
          }
    }
        }
  });
      });


  // --- NEU ---
      const hideTotal = (block.dataset.hideTotal || '').toLowerCase() === 'true';
  const hideTotal = (block.dataset.hideTotal || '').toLowerCase() === 'true';
      const oldInfo = block.querySelector(':scope > .chart-total-info');
      if (oldInfo) oldInfo.remove();


  // existierende Anzeige entfernen (falls Seite neu gerendert wird)
      if (!hideTotal) {
  const oldInfo = block.querySelector(':scope > .chart-total-info');
        addTotalBelowLegend(chart, block);
  if (oldInfo) oldInfo.remove();


  if (!hideTotal) {
        if (window.ResizeObserver) {
    // Gesamtzahl einfügen
          const obs = new ResizeObserver(() => addTotalBelowLegend(chart, block));
    addTotalBelowLegend(chart, block);
          obs.observe(chart.canvas);
          chart.$adosTotalObserver = obs;
        }
      }


    // bei Größenänderung (mobil <-> desktop) neu berechnen
       block.dataset.rendered = '1';
    if (window.ResizeObserver) {
     });
       const obs = new ResizeObserver(() => addTotalBelowLegend(chart, block));
      obs.observe(chart.canvas);
      chart.$adosTotalObserver = obs;
     }
   }
   }


  block.dataset.rendered = '1';
});
}
  // 5) Start: erst wenn DOM fertig, dann Chart.js laden, dann rendern
   function boot($scope){
   function boot($scope){
     var blocks = ($scope && $scope[0] ? $scope[0] : document).querySelectorAll('.ados-chart-multi');
     var blocks = ($scope && $scope[0] ? $scope[0] : document).querySelectorAll('.ados-chart-multi');
Zeile 982: Zeile 941:
     mw.hook('wikipage.content').add(boot);
     mw.hook('wikipage.content').add(boot);
   } else {
   } else {
    // Fallback
     (document.readyState === 'loading')
     (document.readyState === 'loading')
       ? document.addEventListener('DOMContentLoaded', function(){ boot(); })
       ? document.addEventListener('DOMContentLoaded', function(){ boot(); })
Zeile 988: Zeile 946:
   }
   }
})();
})();




// ==========================Scan==================================
// ==========================Scan==================================
mw.loader.using('mediawiki.util').then(function () {
mw.loader.using('mediawiki.util').then(function () {
   if (mw.config.get('wgPageName') !== 'LabelScan') return;
   if (mw.config.get('wgPageName') !== 'LabelScan') return;
Zeile 998: Zeile 954:
   mw.loader.load('/index.php?title=MediaWiki:Gadget-LabelScan.css&action=raw&ctype=text/css', 'text/css');
   mw.loader.load('/index.php?title=MediaWiki:Gadget-LabelScan.css&action=raw&ctype=text/css', 'text/css');
});
});




// ==========================ScanApp==================================
// ==========================ScanApp==================================
/* ==== PWA: Manifest + Service Worker + Install-Button (ES5) ==== */
/* ==== PWA: Manifest + Service Worker + Install-Button (ES5) ==== */


Zeile 1.032: Zeile 985:
   });
   });


   // Sicherstellen, dass DOM existiert, bevor wir Handler setzen
   function onReady(fn){ if (document.readyState === "loading") document.addEventListener("DOMContentLoaded", fn); else fn(); }
  function onReady(fn){ if (document.readyState === "loading") document.addEventListener("DOMContentLoaded", fn); else fn(); }
   onReady(function () {
   onReady(function () {
     var btn = document.getElementById("ados-install");
     var btn = document.getElementById("ados-install");
Zeile 1.045: Zeile 997:
   });
   });
})();
})();


if ('serviceWorker' in navigator) {
if ('serviceWorker' in navigator) {
Zeile 1.052: Zeile 1.003:




// ============================================================


mw.loader.using('mediawiki.util').then(function () {
  function checkNeuBadges() {
    var badges = document.querySelectorAll('.ados-neu-badge');
    var now = new Date();


    badges.forEach(function (badge) {
      var expiry = badge.getAttribute('data-expiry');
      if (!expiry) return;


/* =========================================================
      var expiryDate = new Date(expiry + "T23:59:59");
  ADOS XMAS: Timer-Bar & Snow (nur im Dezember)
      if (now > expiryDate) {
  ========================================================= */
        badge.style.display = "none";
(function () {
      }
  'use strict';
     });
 
  if (typeof window === 'undefined' || typeof document === 'undefined') return;
 
  var now = new Date();
 
  // Nur im Dezember aktiv (Monat 11 = Dezember)
  if (now.getMonth() !== 11) {
     return;
   }
   }


   // Wenn der Nutzer reduzierte Animationen bevorzugt → Schneefall aus
   if (document.readyState === "loading") {
  var prefersReducedMotion = false;
     document.addEventListener("DOMContentLoaded", checkNeuBadges);
  try {
   } else {
     prefersReducedMotion = window.matchMedia &&
     checkNeuBadges();
      window.matchMedia('(prefers-reduced-motion: reduce)').matches;
   } catch (e) {}
 
  /* -----------------------------
    1) Nur bestehenden Timer „weihnachtlich anziehen“
    ----------------------------- */
  function decorateXmasTimer() {
    var bar = document.getElementById('ados-timer-bar');
    if (!bar) return; // Dein eigener Timer erzeugt dieses Element
 
    // Weihnachts-Design via CSS-Klasse aktivieren
    bar.classList.add('ados-xmas');
 
     // Optional: Nachricht dezent mit 🎄 ergänzen (ohne alles zu überschreiben)
    var msgEl = document.getElementById('ados-timer-message');
    if (msgEl && !msgEl.dataset.xmasDecorated) {
      msgEl.textContent = '🎄 ' + msgEl.textContent;
      msgEl.dataset.xmasDecorated = '1';
    }
   }
   }
});


  /* -----------------------------
    2) Schneefall-Effekt
    ----------------------------- */
  function initSnow() {
    if (prefersReducedMotion) return;
    // Optional: auf sehr kleinen Geräten deaktivieren
    if (window.innerWidth < 600) return;
    // Container anlegen
    var container = document.createElement('div');
    container.id = 'ados-snow';
    document.body.appendChild(container);
    var flakeChars = ['❄', '✻', '✼', '✥', '✶'];
    var flakeCount = 60; // dezent halten
    for (var i = 0; i < flakeCount; i++) {
      var flake = document.createElement('span');
      flake.className = 'ados-snowflake';
      flake.textContent = flakeChars[Math.floor(Math.random() * flakeChars.length)];
      // Zufällige Start-Parameter
      var startX = Math.random() * 100;          // vw
      var drift  = (Math.random() * 40) - 20;    // -20 bis +20 vw
      var dur    = 12 + Math.random() * 10;      // 12–22 Sekunden
      var delay  = Math.random() * 20;          // bis zu 20 Sekunden
      flake.style.left = startX + 'vw';
      flake.style.setProperty('--x-start', '0vw');
      flake.style.setProperty('--x-end', drift.toFixed(1) + 'vw');
      flake.style.animationDuration = dur.toFixed(1) + 's';
      flake.style.animationDelay = delay.toFixed(1) + 's';
      container.appendChild(flake);
    }
  }
  /* -----------------------------
    3) Init nach DOM-Ready
    ----------------------------- */
  function onReady(fn) {
    if (document.readyState === 'loading') {
      document.addEventListener('DOMContentLoaded', fn, { once: true });
    } else {
      fn();
    }
  }
  onReady(function () {
    // nur dekorieren, NICHT neu bauen
    decorateXmasTimer();
    initSnow();
  });
})();


// ============================================================


/* === ADOS – Winter-Schneefall (Desktop dezent, mobil deutlich sichtbar) === */
(function() {


  // Rücksicht auf Nutzer mit "Bewegung reduzieren"
mw.loader.load('/wiki/MediaWiki:WhiskybaseBatch.js?action=raw&ctype=text/javascript');
  if (window.matchMedia("(prefers-reduced-motion: reduce)").matches) return;
 
  function initSnow() {
    const isMobile = window.innerWidth < 700;
 
    const container = document.createElement('div');
    container.id = 'ados-snow';
    container.style.position = 'fixed';
    container.style.top = '0';
    container.style.left = '0';
    container.style.width = '100%';
    container.style.height = '100%';
    container.style.pointerEvents = 'none';
    container.style.zIndex = '9999';
    container.style.overflow = 'hidden';
    document.body.appendChild(container);
 
    const flakeChars = ['•', '·', '∙'];
 
    // Desktop dezent, mobil kräftig
    const flakeCount = isMobile ? 60 : 30;
 
    for (let i = 0; i < flakeCount; i++) {
      const flake = document.createElement('div');
      flake.textContent = flakeChars[Math.floor(Math.random() * flakeChars.length)];
      flake.style.position = 'absolute';
 
      // Größe: mobil deutlich größer
      const size = isMobile
        ? (12 + Math.random() * 10)      // Mobil: 12–22 px
        : (5 + Math.random() * 4);    // Desktop: 5–9 px
 
      flake.style.fontSize = size + 'px';
 
      // Sichtbarkeit (Opacity): mobil deutlich höher
      const opacity = isMobile
        ? (0.45 + Math.random() * 0.4)  // Mobil: 0.45–0.85
        : (0.15 + Math.random() * 0.18); // Desktop: 0.15–0.33
 
      flake.style.opacity = opacity.toFixed(2);
      flake.style.color = '#ffffff';
 
      // Startposition
      flake.style.left = Math.random() * 100 + 'vw';
      flake.style.top  = -(Math.random() * 20) + 'vh';
 
      // Geschwindigkeit: mobil etwas schneller, aber nicht hektisch
      const duration = isMobile
        ? (10 + Math.random() * 12)    // Mobil: 10–22 s
        : (18 + Math.random() * 22);    // Desktop: 18–40 s
 
      const drift = isMobile ? 18 : 10; // seitliche Drift in px
 
      flake.style.animation = `adosSnowSoft ${duration}s linear infinite`;
      flake.style.setProperty('--ados-snow-drift', drift + 'px');
      flake.style.animationDelay = (-Math.random() * duration) + 's';
 
      container.appendChild(flake);
    }
  }
 
  // Keyframes: benutzen CSS-Variable für Drift
  const style = document.createElement('style');
  style.textContent = `
    @keyframes adosSnowSoft {
      0%  { transform: translateY(-12vh) translateX(0); }
      100% { transform: translateY(110vh) translateX(var(--ados-snow-drift, 10px)); }
    }
  `;
  document.head.appendChild(style);
 
  if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', initSnow);
  } else {
    initSnow();
  }
 
})();
Abgerufen von „https://ados-wiki.de/wiki/MediaWiki:Common.js“