// Kurski Campus Startseite: Partner-Kacheln + Partner-Filter + deutsche Katalog-Beschriftung. // Partner wird am Kurstitel erkannt (PARTNERS). Kein Treffer = nur unter "Alle" sichtbar. // Neuer Partner: in CHIPS, PARTNERS und TILES ergaenzen. (function () { if (window.__kurskiCampus) return; window.__kurskiCampus = true; var CHIPS = ["Alle", "Kurski", "Agentero", "BodyWarp", "Jobtra"]; var PARTNERS = [ ["Agentero", [/agentero/, /automatisier/]], ["Jobtra", [/jobtra/, /jobzukunft/, /job-skills/]], ["BodyWarp", [/bodywarp/, /bodywork/]], ["Kurski", [/kurski/, /\bki\b/, /künstliche/, /intelligenz/]] ]; var TILES = [ ["Kurski", "Künstliche Intelligenz", "KI verstehen und anwenden – praxisnah und ohne Vorwissen.", "#E34234"], ["Agentero", "Automatisierung", "Aufgaben und Abläufe mit KI vereinfachen und Zeit gewinnen.", "#2F6FDE"], ["BodyWarp", "Fitness & Ernährung", "Bewegung, Ernährung und Gewohnheiten für den Alltag.", "#2E9E6B"], ["Jobtra", "Jobs & Skills", "Neue Fähigkeiten und Jobperspektiven für die Zukunft.", "#E8A020"] ]; var HIDE_CARDS = ["(test)"]; var DE = { "catalog": "Katalog", "filters": "Filter", "clear": "Zurücksetzen", "content type": "Art", "course": "Kurs", "learning path": "Lernpfad" }; var current = "Alle"; function partnerOf(title) { var t = title.toLowerCase(); for (var i = 0; i < PARTNERS.length; i++) { for (var j = 0; j < PARTNERS[i][1].length; j++) { if (PARTNERS[i][1][j].test(t)) return PARTNERS[i][0]; } } return ""; } function paint() { var chips = document.querySelectorAll("#kfilter button"); for (var i = 0; i < chips.length; i++) { var on = chips[i].getAttribute("data-p") === current; chips[i].style.background = on ? "#E34234" : "#FFFFFF"; chips[i].style.color = on ? "#FFFFFF" : "#E34234"; } var tiles = document.querySelectorAll("#kpartner [data-p]"); for (var k = 0; k < tiles.length; k++) { var act = tiles[k].getAttribute("data-p") === current; tiles[k].style.boxShadow = act ? "0 0 0 3px " + tiles[k].getAttribute("data-c") : "0 2px 12px rgba(0,0,0,0.08)"; } } function choose(name) { current = name; paint(); apply(); var w = document.querySelector('[class*="catalog_wrapper"]'); if (w && w.scrollIntoView) w.scrollIntoView({ behavior: "smooth", block: "start" }); } function build(block) { if (document.getElementById("kpartner")) return; var sec = document.createElement("div"); sec.id = "kpartner"; sec.style.cssText = "max-width:1152px;margin:0 auto;padding:48px 16px 8px 16px;box-sizing:border-box;"; var h = document.createElement("h2"); h.textContent = "Lernen mit Kurski und seinen Partnern"; h.style.cssText = "text-align:center;font-size:30px;margin:0 0 8px 0;"; var sub = document.createElement("p"); sub.textContent = "Wähle ein Thema und finde passende Kurse."; sub.style.cssText = "text-align:center;margin:0 0 28px 0;color:#555;"; var grid = document.createElement("div"); grid.style.cssText = "display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:20px;"; TILES.forEach(function (t) { var c = document.createElement("div"); c.setAttribute("data-p", t[0]); c.setAttribute("data-c", t[3]); c.style.cssText = "background:#fff;border-radius:16px;padding:0 0 20px 0;cursor:pointer;overflow:hidden;transition:transform .15s;"; c.innerHTML = '

' + '

' + t[0] + '

' + '

' + t[1] + '

' + '

' + t[2] + '

' + '

Kurse ansehen →

'; c.addEventListener("mouseenter", function () { c.style.transform = "translateY(-3px)"; }); c.addEventListener("mouseleave", function () { c.style.transform = ""; }); c.addEventListener("click", function () { choose(t[0]); }); grid.appendChild(c); }); var bar = document.createElement("div"); bar.id = "kfilter"; bar.style.cssText = "display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:28px 0 0 0;"; CHIPS.forEach(function (name) { var b = document.createElement("button"); b.type = "button"; b.textContent = name; b.setAttribute("data-p", name); b.style.cssText = "border:1px solid #E34234;border-radius:999px;padding:6px 16px;font-size:14px;font-weight:600;cursor:pointer;"; b.addEventListener("click", function () { choose(name); }); bar.appendChild(b); }); sec.appendChild(h); sec.appendChild(sub); sec.appendChild(grid); sec.appendChild(bar); block.parentNode.insertBefore(sec, block); paint(); } function translate(root) { var leaves = root.querySelectorAll("*"); for (var i = 0; i < leaves.length; i++) { var e = leaves[i]; if (e.children.length) continue; var key = (e.textContent || "").trim().toLowerCase(); if (DE[key] && e.textContent.trim() !== DE[key] && !(e.closest(".course-list-title") && e.textContent.trim().length > 20)) { var up = e.textContent.trim() === e.textContent.trim().toUpperCase(); e.textContent = up ? DE[key].toUpperCase() : DE[key]; } } var inp = root.querySelector('input[placeholder="Search the catalog"]'); if (inp) inp.setAttribute("placeholder", "Kurse suchen"); } function apply() { var wrap = document.querySelector('[class*="catalog_wrapper"]'); var cat = document.querySelector('[class*="catalog_content"]'); if (!wrap || !cat) return; var block = wrap.closest(".simple-box-wrapper") || wrap; build(block); translate(wrap); var cards = cat.querySelectorAll(".course-list-container-preview"); for (var i = 0; i < cards.length; i++) { var el = cards[i].querySelector(".course-list-title") || cards[i]; var title = (el.innerText || "").replace(/\s+/g, " ").trim(); if (!title) continue; var low = title.toLowerCase(); var hidden = HIDE_CARDS.some(function (x) { return low.indexOf(x) !== -1; }); var show = !hidden && (current === "Alle" || partnerOf(title) === current); cards[i].style.display = show ? "" : "none"; } } var timer; new MutationObserver(function () { clearTimeout(timer); timer = setTimeout(apply, 50); }) .observe(document.documentElement, { childList: true, subtree: true }); apply(); })();