MediaWiki:Common.js
Hinweis: Leere nach dem Veröffentlichen den Browser-Cache, um die Änderungen sehen zu können.
- Firefox/Safari: Umschalttaste drücken und gleichzeitig Aktualisieren anklicken oder entweder Strg+F5 oder Strg+R (⌘+R auf dem Mac) drücken
- Google Chrome: Umschalttaste+Strg+R (⌘+Umschalttaste+R auf dem Mac) drücken
- Edge: Strg+F5 drücken oder Strg drücken und gleichzeitig Aktualisieren anklicken
/* Article-footer banner — Hauptraum-Artikel, Kategorie- und Spezialseiten.
Nicht in Diskussion-/User-/MediaWiki-/Help-Namespaces oder im Edit-Modus.
Anhängen an .mw-parser-output (Artikel/Kat.) bzw. an #mw-content-text
(Spezialseiten), damit die Breite immer dem Inhaltsbereich entspricht. */
$(function () {
if (mw.config.get('wgAction') !== 'view') return;
if (mw.config.get('wgPageName') === 'Hauptseite') return;
var ns = mw.config.get('wgNamespaceNumber');
// 0 = Artikel, 14 = Kategorie, -1 = Spezialseite
if (ns !== 0 && ns !== 14 && ns !== -1) return;
if (document.getElementById('faktenradar-article-footer')) return;
var host = document.querySelector('.mw-parser-output')
|| document.getElementById('mw-content-text');
if (!host) return;
var banner = document.createElement('div');
banner.id = 'faktenradar-article-footer';
banner.style.cssText = [
'margin-top:32px',
'padding:22px 24px',
'background:#fafafa',
'border:1px solid #e5e5e5',
'border-radius:6px',
'color:#333',
'line-height:1.55'
].join(';') + ';';
banner.innerHTML =
'<div style="font-size:11px;letter-spacing:1.8px;text-transform:uppercase;color:#c0392b;font-weight:700;margin-bottom:6px;">Faktenradar</div>' +
'<div style="font-size:22px;font-weight:700;color:#111;letter-spacing:-0.3px;line-height:1.25;margin-bottom:10px;">Wer behauptet was — und was halten die Belege aus?</div>' +
'<div style="font-size:14px;color:#444;max-width:680px;">' +
'Wir dokumentieren Personen, Organisationen und Begriffe aus dem Umfeld von ' +
'<b>Pseudowissenschaft</b>, <b>Verschwörungserzählungen</b> und <b>Desinformation</b>. ' +
'Jeder Eintrag basiert auf öffentlich nachprüfbaren Quellen, jede Person hat ein dokumentiertes Korrekturrecht.' +
'</div>' +
'<div style="display:flex;flex-wrap:wrap;gap:10px;margin-top:16px;">' +
'<div style="flex:0 1 auto;background:#fff;border:1px solid #e0e0e0;border-radius:4px;padding:10px 16px;min-width:88px;">' +
'<div style="font-size:22px;font-weight:700;color:#111;line-height:1;">401</div>' +
'<div style="font-size:11px;color:#777;text-transform:uppercase;letter-spacing:1px;margin-top:4px;">Einträge</div>' +
'</div>' +
'<div style="flex:0 1 auto;background:#fff;border:1px solid #e0e0e0;border-radius:4px;padding:10px 16px;min-width:88px;">' +
'<div style="font-size:22px;font-weight:700;color:#111;line-height:1;">25</div>' +
'<div style="font-size:11px;color:#777;text-transform:uppercase;letter-spacing:1px;margin-top:4px;">Themenfelder</div>' +
'</div>' +
'<div style="flex:0 1 auto;background:#fff;border:1px solid #e0e0e0;border-radius:4px;padding:10px 16px;min-width:88px;">' +
'<div style="font-size:22px;font-weight:700;color:#111;line-height:1;">1.140</div>' +
'<div style="font-size:11px;color:#777;text-transform:uppercase;letter-spacing:1px;margin-top:4px;">Bilder</div>' +
'</div>' +
'<div style="flex:0 1 auto;background:#fff;border:1px solid #e0e0e0;border-radius:4px;padding:10px 16px;min-width:88px;">' +
'<div style="font-size:22px;font-weight:700;color:#111;line-height:1;">100 %</div>' +
'<div style="font-size:11px;color:#777;text-transform:uppercase;letter-spacing:1px;margin-top:4px;">mit Quellen</div>' +
'</div>' +
'</div>' +
'<div style="display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;font-size:13px;">' +
'<a href="/index.php?title=Spezial:Zuf%C3%A4llige_Seite" style="background:#111;color:#fff;text-decoration:none;padding:7px 14px;border-radius:3px;display:inline-block;font-weight:600;">Zufallsfund →</a>' +
'<a href="/index.php?title=Spezial:Kategorien" style="background:#fff;color:#222;border:1px solid #ccc;text-decoration:none;padding:7px 14px;border-radius:3px;display:inline-block;font-weight:500;">Themenfelder durchstöbern</a>' +
'<a href="mailto:admin@faktenradar.9xsrv.com" style="background:#fff;color:#222;border:1px solid #ccc;text-decoration:none;padding:7px 14px;border-radius:3px;display:inline-block;font-weight:500;">Fehler melden</a>' +
'<a href="/index.php?title=%C3%9Cber_das_Projekt" style="color:#666;text-decoration:none;padding:7px 8px;display:inline-block;font-size:12px;">Über das Projekt →</a>' +
'</div>';
host.appendChild(banner);
/* Zweites Banner direkt darunter, im Farbstil des Header-Banners
(dunkler Verlauf), führt auf "Über das Projekt". Bewusst kompakter
als das erste Banner, damit es nicht erschlägt. */
var projectBanner = document.createElement('a');
projectBanner.id = 'faktenradar-project-banner';
projectBanner.href = '/index.php?title=%C3%9Cber_das_Projekt';
projectBanner.style.cssText = [
'display:flex',
'flex-wrap:wrap',
'align-items:center',
'gap:14px 22px',
'margin-top:14px',
'padding:22px 24px',
'background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%)',
'color:#fff',
'border-radius:6px',
'text-decoration:none',
'line-height:1.5',
'box-shadow:0 1px 3px rgba(0,0,0,0.08)'
].join(';') + ';';
projectBanner.innerHTML =
'<div style="flex:1 1 320px;min-width:0;">' +
'<div style="font-size:11px;letter-spacing:1.8px;text-transform:uppercase;opacity:0.7;font-weight:700;margin-bottom:6px;">Hinter dem Faktenradar</div>' +
'<div style="font-size:20px;font-weight:700;line-height:1.3;letter-spacing:-0.3px;">Wie wir arbeiten — und woran wir jeden Eintrag messen.</div>' +
'<div style="font-size:14px;opacity:0.88;margin-top:8px;max-width:560px;">Mission, sechs Prüffragen und der Workflow, mit dem aus einem Hinweis ein belegter Artikel wird.</div>' +
'</div>' +
'<div style="flex:0 0 auto;font-size:13px;font-weight:600;color:#fff;border:1px solid rgba(255,255,255,0.45);padding:9px 16px;border-radius:3px;white-space:nowrap;">Über das Projekt →</div>';
host.appendChild(projectBanner);
});