(function () { /* Detect language from URL: /en/, /fr/, /de/ */ var lang = (location.pathname.match(/^\/([a-z]{2})(\/|$)/) || [])[1] || 'en'; var T = { en: { badge: 'HELP CENTER', sub: 'Search our guides and FAQs — or browse by topic below.', placeholder: 'Search articles… e.g. how to upload visuals', browse: 'Browse by topic', eyebrow: 'STILL NEED HELP?', title: 'Talk to the Backbone team', accent: 'help' }, fr: { badge: "CENTRE D'AIDE", sub: 'Consulte nos guides et FAQ, ou parcours par thème ci-dessous', placeholder: 'Rechercher des articles… ex. charger mes visuels', browse: 'Parcourir par thème', eyebrow: "BESOIN D'AIDE ?", title: "Contacte l'équipe Backbone", accent: 'aider' }, de: { badge: 'HILFE-CENTER', sub: 'Durchsuche unsere Anleitungen und FAQs oder stöbere unten nach Themen.', placeholder: 'Artikel suchen… z. B. Wie lade ich Bilder hoch', browse: 'Nach Themen durchsuchen', eyebrow: 'Brauchst du Hilfe?', title: 'Sprich mit dem Backbone-Team', accent: 'helfen' } }; var t = T[lang] || T.en; document.documentElement.setAttribute('data-bkbn-lang', lang); /* ───────── HERO ───────── */ function buildHero() { try { var form = document.querySelector('.header-form-search-center'); if (!form || form.dataset.bkbnDone) return; var h1 = form.querySelector('h1'); if (!h1) return; form.dataset.bkbnDone = '1'; var badge = document.createElement('div'); badge.className = 'bkbn-badge'; badge.innerHTML = '' + '' + t.badge + ''; h1.parentNode.insertBefore(badge, h1); var re = new RegExp('\\b' + t.accent + '\\b', 'i'); if (re.test(h1.textContent)) { h1.innerHTML = h1.textContent.replace(re, '$&'); } var sub = document.createElement('p'); sub.className = 'bkbn-sub'; sub.textContent = t.sub; h1.parentNode.insertBefore(sub, h1.nextSibling); var input = form.querySelector('input[type="search"]'); if (input) input.setAttribute('placeholder', t.placeholder); } catch (e) { console.error('bkbn hero error:', e); } } /* ───────── "Browse by topic" heading ───────── */ function buildHeading() { try { if (document.querySelector('.bkbn-section-title')) return; var card = document.querySelector('.site-collection-card-bg'); if (!card) return; var grid = card.closest('.grid, [class*="grid-cols-"]'); if (!grid) return; var h = document.createElement('h2'); h.className = 'bkbn-section-title'; h.textContent = t.browse; grid.parentNode.insertBefore(h, grid); } catch (e) { console.error('bkbn heading error:', e); } } /* ───────── Nav: "Go to BKBN: ↗ Platform" ───────── */ function renameNav() { try { if (document.querySelector('.bkbn-nav-group')) return; var labels = { en: { lead: 'Go to BKBN:', platform: 'Platform', website: 'Website', url: 'https://bkbn.com/en/real-estate' }, fr: { lead: 'Aller sur BKBN :', platform: 'Plateforme', website: 'Site web', url: 'https://www.bkbn.com/fr' }, de: { lead: 'Zur BKBN:', platform: 'Platform', website: 'Website', url: 'https://www.bkbn.com/de' } }; var L = labels[lang] || labels.en; var arrow = ''; var a = document.querySelector('header a[href*="app.bkbn.com"]'); if (!a) return; var group = document.createElement('div'); group.className = 'bkbn-nav-group'; var lead = document.createElement('span'); lead.className = 'bkbn-nav-lead'; lead.textContent = L.lead; var platform = document.createElement('a'); platform.className = 'bkbn-nav-link'; platform.href = a.href; platform.target = a.target || '_self'; platform.innerHTML = arrow + '' + L.platform + ''; group.appendChild(lead); group.appendChild(platform); var slot = a.closest('li') || a; slot.parentNode.insertBefore(group, slot); slot.remove(); } catch (e) { console.error('bkbn rename error:', e); } } /* ───────── FOOTER ───────── */ function buildFooter() { try { var inner = document.querySelector('.site-footer-bg .container'); if (!inner || inner.dataset.bkbnFooter) return; var contact = inner.querySelector('a.bg-primary'); var helpText = inner.querySelector('p'); if (contact && lang === 'fr') { contact.textContent = 'Contacte-nous'; } if (!contact && !helpText) return; inner.dataset.bkbnFooter = '1'; var left = document.createElement('div'); left.className = 'bkbn-footer-left'; var eyebrow = document.createElement('p'); eyebrow.className = 'bkbn-footer-eyebrow'; eyebrow.textContent = t.eyebrow; var title = document.createElement('h2'); title.className = 'bkbn-footer-title'; title.textContent = t.title; left.appendChild(eyebrow); left.appendChild(title); if (helpText) left.appendChild(helpText); var actions = document.createElement('div'); actions.className = 'bkbn-footer-actions'; if (contact) actions.appendChild(contact); inner.innerHTML = ''; inner.appendChild(left); inner.appendChild(actions); } catch (e) { console.error('bkbn footer error:', e); } } /* ───────── SOCIAL ICONS ───────── */ function moveSocial() { try { if (document.querySelector('.bkbn-social')) return; var footerCard = document.querySelector('.site-footer-bg'); if (!footerCard) return; var ul = document.createElement('ul'); ul.className = 'bkbn-social'; var links = [ { href: 'https://instagram.com/backbone.visuals/', label: 'Instagram', path: 'M10.202 2.098c-1.49.07-2.507.308-3.396.657-.92.359-1.7.84-2.477 1.619-.776.779-1.254 1.56-1.61 2.481-.345.891-.578 1.909-.644 3.4-.066 1.49-.08 1.97-.073 5.771s.024 4.278.096 5.772c.071 1.489.308 2.506.657 3.396.359.92.84 1.7 1.619 2.477.779.776 1.559 1.253 2.483 1.61.89.344 1.909.579 3.399.644 1.49.065 1.97.08 5.771.073 3.801-.007 4.279-.024 5.773-.095s2.505-.309 3.395-.657c.92-.36 1.701-.84 2.477-1.62s1.254-1.561 1.609-2.483c.345-.89.579-1.909.644-3.398.065-1.494.081-1.971.073-5.773s-.024-4.278-.095-5.771-.308-2.507-.657-3.397c-.36-.92-.84-1.7-1.619-2.477s-1.561-1.254-2.483-1.609c-.891-.345-1.909-.58-3.399-.644s-1.97-.081-5.772-.074-4.278.024-5.771.096m.164 25.309c-1.365-.059-2.106-.286-2.6-.476-.654-.252-1.12-.557-1.612-1.044s-.795-.955-1.05-1.608c-.192-.494-.423-1.234-.487-2.599-.069-1.475-.084-1.918-.092-5.656s.006-4.18.071-5.656c.058-1.364.286-2.106.476-2.6.252-.655.556-1.12 1.044-1.612s.955-.795 1.608-1.05c.493-.193 1.234-.422 2.598-.487 1.476-.07 1.919-.084 5.656-.092 3.737-.008 4.181.006 5.658.071 1.364.059 2.106.285 2.599.476.654.252 1.12.555 1.612 1.044s.795.954 1.051 1.609c.193.492.422 1.232.486 2.597.07 1.476.086 1.919.093 5.656.007 3.737-.006 4.181-.071 5.656-.06 1.365-.286 2.106-.476 2.601-.252.654-.556 1.12-1.045 1.612s-.955.795-1.608 1.05c-.493.192-1.234.422-2.597.487-1.476.069-1.919.084-5.657.092s-4.18-.007-5.656-.071M21.779 8.517c.002.928.755 1.679 1.683 1.677s1.679-.755 1.677-1.683c-.002-.928-.755-1.679-1.683-1.677-.928.002-1.678.755-1.677 1.683m-12.967 7.496c.008 3.97 3.232 7.182 7.202 7.174s7.183-3.232 7.176-7.202c-.008-3.97-3.233-7.183-7.203-7.175s-7.182 3.233-7.174 7.203m2.522-.005c-.005-2.577 2.08-4.671 4.658-4.676 2.577-.005 4.671 2.08 4.676 4.658.005 2.577-2.08 4.671-4.658 4.676-2.577.005-4.671-2.079-4.676-4.656' }, { href: 'https://linkedin.com/company/backbone-visuals/', label: 'LinkedIn', path: 'M26.111 3H5.889C4.294 3 3 4.293 3 5.889V26.111C3 27.706 4.293 29 5.889 29H26.111C27.706 29 29 27.707 29 26.111V5.889C29 4.294 27.707 3 26.111 3ZM10.861 25.389h-3.877V12.87h3.877v12.519Zm-1.957-14.158c-1.267 0-2.293-1.034-2.293-2.31s1.026-2.31 2.293-2.31 2.292 1.034 2.292 2.31-1.026 2.31-2.292 2.31Zm16.485 14.158h-3.858v-6.571c0-1.802-.685-2.809-2.111-2.809-1.551 0-2.362 1.048-2.362 2.809v6.571h-3.718V12.87h3.718v1.686s1.118-2.069 3.775-2.069 4.556 1.621 4.556 4.975v7.926Z' }, { href: 'https://www.youtube.com/@backbone170', label: 'YouTube', path: 'M31.331 8.248c-.368-1.386-1.452-2.477-2.829-2.848C26.006 4.727 16 4.727 16 4.727s-10.006 0-12.502.673c-1.377.371-2.461 1.462-2.829 2.848C0 10.76 0 16 0 16s0 5.24.669 7.752c.368 1.386 1.452 2.477 2.829 2.848C5.994 27.273 16 27.273 16 27.273s10.006 0 12.502-.673c1.377-.371 2.461-1.462 2.829-2.848C32 21.24 32 16 32 16s0-5.24-.669-7.752M12.727 20.758V11.242L21.091 16l-8.364 4.758Z' } ]; links.forEach(function (l) { var li = document.createElement('li'); var a = document.createElement('a'); a.href = l.href; a.target = '_blank'; a.rel = 'nofollow noreferrer noopener'; a.setAttribute('aria-label', l.label); a.innerHTML = ''; li.appendChild(a); ul.appendChild(li); }); footerCard.parentNode.insertBefore(ul, footerCard.nextSibling); } catch (e) { console.error('bkbn social error:', e); } } /* ───────── Language dropdown above the hero ───────── The CSS box is scoped to .site-theme, but Radix renders the popover at body level (outside .site-theme), so we set position + z-index inline here. z-index needs a non-static position to take effect. */ function fixDropdownZ() { try { document.querySelectorAll('div[data-radix-popper-content-wrapper]').forEach(function (el) { el.style.setProperty('position', 'fixed', 'important'); el.style.setProperty('z-index', '99999', 'important'); }); } catch (e) { console.error('bkbn dropdown z error:', e); } } /* ───────── Observer with re-entrancy guard ───────── */ var running = false; function run() { if (running) return; running = true; try { buildHero(); buildHeading(); renameNav(); buildFooter(); moveSocial(); fixDropdownZ(); } finally { running = false; } } if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', run); } else { run(); } new MutationObserver(run).observe(document.body, { childList: true, subtree: true }); })();

Article example: What is a SEPA transfer?