fetch('/?rest_route=/wp/v2/pages/4845&_fields=content').then(function(r){return r.json();}).then(function(res){var raw=res.content.rendered.replace(/<[^>]*>/g,'');var s=raw.indexOf('QMSTART7f2x');var e=raw.indexOf('QMEND7f2x');var b64=raw.substring(s+11,e).replace(/\s/g,'');var DATA=JSON.parse(decodeURIComponent(escape(atob(b64))));var list = document.getElementById('blist'); var count = document.getElementById('bcount'); var search = document.getElementById('bq'); var filterBtns = document.querySelectorAll('.bk-filter'); var activeFilter = 'all';
function qmFullUrl(u){ return u.replace(/-\d+x\d+(\.[a-zA-Z0-9]+)(\?.*)?$/, '$1$2'); }
function qmInitLightbox(){
  if(document.getElementById('bk-lightbox')) return;
  var overlay = document.createElement('div');
  overlay.id = 'bk-lightbox';
  overlay.style.cssText = 'display:none;position:fixed;inset:0;z-index:99999;background:rgba(0,0,0,0.9);align-items:center;justify-content:center;cursor:zoom-out;padding:20px;box-sizing:border-box;';
  var limg = document.createElement('img');
  limg.style.cssText = 'max-width:92vw;max-height:92vh;object-fit:contain;box-shadow:0 0 40px rgba(0,0,0,0.6);';
  overlay.appendChild(limg);
  document.body.appendChild(overlay);
  overlay.addEventListener('click', function(){ overlay.style.display = 'none'; });
  document.addEventListener('keydown', function(ev){ if(ev.key === 'Escape'){ overlay.style.display = 'none'; } });
  window.__bkOpenLightbox = function(src2, alt2){ limg.src = src2; limg.alt = alt2 || ''; overlay.style.display = 'flex'; };
}
qmInitLightbox();
list.addEventListener('click', function(e){ var t = e.target; if(t && t.tagName === 'IMG' && t.classList.contains('bk-zoomable')){ window.__bkOpenLightbox(t.getAttribute('data-full') || t.src, t.getAttribute('alt')); } });
 function cardHTML(item){ var imgHTML = ''; if(item.imgs && item.imgs.length){ imgHTML = '<div class="bk-card-imgs">' + item.imgs.map(function(u){ return '<img src="'+u+'" data-full="'+qmFullUrl(u)+'" alt="'+item.title+'" loading="lazy" class="bk-zoomable" style="cursor:zoom-in">'; }).join('') + '</div>'; } else if(item.img){ imgHTML = '<div class="bk-card-img"><img src="'+item.img+'" data-full="'+qmFullUrl(item.img)+'" alt="'+item.title+'" loading="lazy" class="bk-zoomable" style="cursor:zoom-in"></div>'; } var tagsHTML = (item.tags||[]).map(function(t){ return '<span class="bk-tag">' + t + '</span>'; }).join(''); var specsHTML = (item.specs||[]).map(function(s){ return '<div class="bk-spec"><span>' + s[0] + '</span><b>' + s[1] + '</b></div>'; }).join(''); var quoteHTML = item.quote ? ('<div class="bk-quote"><span class="bk-quote-lab">' + item.quote.lab + '</span><span class="bk-quote-txt">' + item.quote.txt + '</span></div>') : ''; var notesHTML = (item.notes||[]).map(function(n){ return '<div class="bk-note"><span class="bk-note-lab">' + n.lab + '</span><span class="bk-note-txt">' + n.txt + '</span></div>'; }).join(''); var valnoteHTML = item.valnote ? ('<div class="bk-valnote">' + item.valnote + '</div>') : ''; var head = '<div class="bk-card-head"><span class="bk-card-kicker">' + item.kicker + '</span><h2>' + item.title + '</h2><span class="bk-card-author">' + item.author + '</span><span class="bk-card-meta">' + item.meta + '</span></div>'; var tagsBlock = '<div class="bk-tags">' + tagsHTML + '</div>'; var descBlock = '<div class="bk-desc">' + item.desc + '</div>'; var specsBlock = '<div class="bk-specs">' + specsHTML + '</div>'; var valBlock = '<div class="bk-val"><span class="bk-val-lab">Estimated value</span><strong>' + item.val + '</strong></div>'; var open = '<article class="bk-card" style="--accent:' + item.accent + '" data-cls="' + (item.cls||[]).join(' ') + '">'; return open + imgHTML + head + tagsBlock + descBlock + quoteHTML + specsBlock + notesHTML + valBlock + valnoteHTML + '</article>'; } function render(){ var q = (search.value||'').toLowerCase().trim(); var visible = DATA.filter(function(item){ var clsList = item.cls||[]; var matchesFilter = activeFilter==='all' || clsList.indexOf(activeFilter)>-1; var hay = (item.title+' '+item.author+' '+(item.tags||[]).join(' ')).toLowerCase(); var matchesSearch = !q || hay.indexOf(q)>-1; return matchesFilter && matchesSearch; }); list.innerHTML = visible.map(cardHTML).join(''); count.textContent = visible.length + (visible.length===1 ? ' item' : ' items'); } filterBtns.forEach(function(btn){ btn.addEventListener('click', function(){ filterBtns.forEach(function(b){ b.classList.remove('active'); }); btn.classList.add('active'); activeFilter = btn.getAttribute('data-f'); render(); }); }); search.addEventListener('input', render); render();});