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 &mdash; 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&ouml;rungserz&auml;hlungen</b> und <b>Desinformation</b>. ' +
            'Jeder Eintrag basiert auf &ouml;ffentlich nachpr&uuml;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&auml;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&nbsp;%</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 &rarr;</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&ouml;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=Hauptseite" style="color:#666;text-decoration:none;padding:7px 8px;display:inline-block;font-size:12px;">&Uuml;ber das Projekt &rarr;</a>' +
        '</div>';

    host.appendChild(banner);
});