/* Plate — image carousel for multi-image posts. Theme JS runs once on initial load; site navigation is client-side (SPA), so a MutationObserver re-scans for freshly injected carousels. Init is idempotent. */ (function () { function initCarousel(el) { if (el.__pcInit) return; el.__pcInit = true; var track = el.querySelector('.pc-track'); var slides = el.querySelectorAll('.pc-slide'); var dots = el.querySelectorAll('.pc-dot'); var prev = el.querySelector('.pc-prev'); var next = el.querySelector('.pc-next'); var dotsWrap = el.querySelector('.pc-dots'); var n = slides.length; // Single (or no) image: nothing to slide — hide controls, show the image. if (n <= 1) { if (prev) prev.style.display = 'none'; if (next) next.style.display = 'none'; if (dotsWrap) dotsWrap.style.display = 'none'; return; } var i = 0; var delay = parseInt(el.getAttribute('data-autoplay'), 10) || 0; var timer = null; function render() { if (track) track.style.transform = 'translateX(-' + (i * 100) + '%)'; for (var d = 0; d < dots.length; d++) dots[d].classList.toggle('is-active', d === i); } function go(k) { i = (k % n + n) % n; render(); } function adv() { go(i + 1); } function back() { go(i - 1); } function stop() { if (timer) { clearInterval(timer); timer = null; } } function start() { if (delay <= 0 || timer) return; timer = setInterval(function () { // Self-clean once this carousel leaves the DOM (SPA navigation), and // pause while the tab is hidden — don't run timers on detached nodes. if (!el.isConnected) { stop(); return; } if (document.hidden) return; adv(); }, delay); } function restart() { stop(); start(); } function onBtn(fn) { return function (e) { e.preventDefault(); e.stopPropagation(); fn(); restart(); }; } if (next) next.addEventListener('click', onBtn(adv)); if (prev) prev.addEventListener('click', onBtn(back)); for (var d2 = 0; d2 < dots.length; d2++) { (function (idx) { dots[idx].addEventListener('click', onBtn(function () { go(idx); })); })(d2); } el.addEventListener('mouseenter', stop); el.addEventListener('mouseleave', start); // Touch swipe. var sx = null; el.addEventListener('touchstart', function (e) { sx = e.touches[0].clientX; stop(); }, { passive: true }); el.addEventListener('touchend', function (e) { if (sx === null) return; var dx = e.changedTouches[0].clientX - sx; sx = null; if (Math.abs(dx) > 40) { dx < 0 ? adv() : back(); } start(); }, { passive: true }); render(); start(); } function scan() { var els = document.querySelectorAll('[data-plate-carousel]'); for (var i = 0; i < els.length; i++) initCarousel(els[i]); } function boot() { scan(); if (window.__plateCarouselObserver) return; var pending = false; var obs = new MutationObserver(function () { if (pending) return; pending = true; var run = function () { pending = false; scan(); }; if (window.requestAnimationFrame) window.requestAnimationFrame(run); else setTimeout(run, 50); }); obs.observe(document.body, { childList: true, subtree: true }); window.__plateCarouselObserver = obs; } if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', boot); else boot(); })(); /* tc-nav-outside-close-v1 */ ;(function(){if(window.__tcNavOutsideClose)return;window.__tcNavOutsideClose=1;document.addEventListener('click',function(e){if(e.target.closest('.site-nav-group'))return;var open=document.querySelectorAll('.site-nav-group.is-open');for(var i=0;i lightbox) */ /* tc-like-plural-v1 — "(N) Like" for 0/1, "(N) Likes" for 2+; CSS reads data-tc-like-label */ ;(function(){if(window.__tcLikePlural)return;window.__tcLikePlural=1; var sync=function(){document.querySelectorAll('.like-count').forEach(function(el){var n=parseInt(String(el.textContent||'').replace(/[^0-9]/g,''),10);el.setAttribute('data-tc-like-label',(isNaN(n)||n<=1)?'Like':'Likes');});}; var run=function(){sync();try{new MutationObserver(sync).observe(document.body,{subtree:true,childList:true,characterData:true});}catch(e){}}; if(document.readyState==='loading'){document.addEventListener('DOMContentLoaded',run,{once:true});}else{run();}})(); /* TC_MATTE_FEED_VIDEO */ (function(){ function ytId(src){ try{ var u=new URL(src); if(u.hostname.indexOf('youtube')>=0 && u.searchParams.get('v')) return u.searchParams.get('v'); if(u.hostname==='youtu.be') return u.pathname.split('/').filter(Boolean).pop(); if(u.hostname.indexOf('youtube')>=0 && u.pathname.indexOf('/embed/')===0) return u.pathname.split('/').filter(Boolean).pop(); }catch(e){} return ''; } function poster(src){ var id=ytId(src); if(id) return 'https://i.ytimg.com/vi/'+id+'/hqdefault.jpg'; // Vimeo: derive ID and use vumbnail.com (no auth needed) try{ var u=new URL(src); if(/vimeo/.test(u.hostname)){ var parts=u.pathname.split('/').filter(Boolean); var vid=parts[parts.length-1]; if(/^\d+$/.test(vid)) return 'https://vumbnail.com/'+vid+'.jpg'; } }catch(e){} return ''; } function wrapNode(node){ if(node.dataset.tcWrapped==='1') return; var card=node.closest('.grid-card,.post-card'); if(!card) return; if(card.matches('[class*="post-detail-type"]')) return; // detail handled by matte-video-wrap node.dataset.tcWrapped='1'; var src=''; if(node.tagName==='IFRAME'){ src=node.getAttribute('src')||node.getAttribute('data-src')||''; } else if(node.tagName==='VIDEO'){ var s=node.querySelector('source'); src=(s&&s.getAttribute('src'))||node.getAttribute('src')||''; node.removeAttribute('controls'); node.muted=true; node.setAttribute('playsinline',''); node.preload='none'; } var wrap=document.createElement('div'); wrap.className='tc-video-wrap'; var parent=node.parentNode; parent.insertBefore(wrap,node); if(node.tagName==='IFRAME'){ node.setAttribute('data-tc-src',src); node.setAttribute('src','about:blank'); } wrap.appendChild(node); var p=poster(src); if(p){ var img=new Image(); img.className='tc-video-poster'; img.alt=''; img.loading='lazy'; img.src=p; wrap.appendChild(img); } var btn=document.createElement('button'); btn.type='button'; btn.className='tc-video-play'; btn.setAttribute('aria-label','Play video'); wrap.appendChild(btn); btn.addEventListener('click',function(ev){ ev.preventDefault(); ev.stopPropagation(); if(node.tagName==='VIDEO'){ node.setAttribute('controls',''); node.muted=false; var pr=node.play(); if(pr&&pr.catch) pr.catch(function(){}); } else if(node.tagName==='IFRAME'){ var s=node.getAttribute('data-tc-src')||src; if(/youtube|youtu\.be/.test(s)) s=s+(s.indexOf('?')>=0?'&':'?')+'autoplay=1'; else if(/vimeo/.test(s)) s=s+(s.indexOf('?')>=0?'&':'?')+'autoplay=1'; node.setAttribute('src',s); } wrap.classList.add('is-playing'); }); if(node.tagName==='VIDEO'){ node.addEventListener('pause',function(){ wrap.classList.remove('is-playing'); }); node.addEventListener('ended',function(){ wrap.classList.remove('is-playing'); }); } } function init(){ document.querySelectorAll('.post-card .post-media-grid video.post-video-player').forEach(wrapNode); document.querySelectorAll('.post-card .post-media-grid iframe').forEach(wrapNode); } if(document.readyState==='loading') document.addEventListener('DOMContentLoaded',init); else init(); })(); /* TC_MATTE_FEED_VIDEO_END */ /* TC_MATTE_BATCH2 */ (function(){ // single lightbox per page function ensureLightbox(){ var lb=document.querySelector('.tc-lightbox'); if(lb) return lb; lb=document.createElement('div'); lb.className='tc-lightbox'; lb.setAttribute('role','dialog'); lb.setAttribute('aria-modal','true'); var stage=document.createElement('div'); stage.className='tc-lightbox-stage'; lb.appendChild(stage); var close=document.createElement('button'); close.type='button'; close.className='tc-lightbox-close'; close.setAttribute('aria-label','Close video'); close.textContent='×'; stage.appendChild(close); function shut(){ lb.classList.remove('is-open'); stage.querySelectorAll('iframe,video').forEach(function(n){ if(n.tagName==='VIDEO'){ try{n.pause();}catch(e){} n.remove(); } else { n.remove(); } }); document.body.style.overflow=''; } close.addEventListener('click',shut); lb.addEventListener('click',function(e){ if(e.target===lb) shut(); }); document.addEventListener('keydown',function(e){ if(e.key==='Escape'&&lb.classList.contains('is-open')) shut(); }); document.body.appendChild(lb); return lb; } function openLightbox(kind, src){ var lb=ensureLightbox(); var stage=lb.querySelector('.tc-lightbox-stage'); // remove any prior player (keep close button) stage.querySelectorAll('iframe,video').forEach(function(n){ n.remove(); }); if(kind==='video'){ var v=document.createElement('video'); v.src=src; v.controls=true; v.autoplay=true; v.playsInline=true; stage.appendChild(v); var p=v.play(); if(p&&p.catch) p.catch(function(){}); } else if(kind==='iframe'){ var url=src; if(/youtube|youtu\.be/.test(url)) url=url+(url.indexOf('?')>=0?'&':'?')+'autoplay=1'; else if(/vimeo/.test(url)) url=url+(url.indexOf('?')>=0?'&':'?')+'autoplay=1'; var f=document.createElement('iframe'); f.src=url; f.allow='autoplay; fullscreen'; f.setAttribute('allowfullscreen',''); f.frameBorder='0'; stage.appendChild(f); } lb.classList.add('is-open'); document.body.style.overflow='hidden'; } // Rebind every play button on feed video cards to open lightbox instead of playing inline. function rebind(){ document.querySelectorAll('.post-card .post-media-grid .tc-video-wrap').forEach(function(wrap){ if(wrap.dataset.tcLightboxBound==='1') return; wrap.dataset.tcLightboxBound='1'; var btn=wrap.querySelector('.tc-video-play'); if(!btn) return; // remove previous handlers by cloning var fresh=btn.cloneNode(true); btn.parentNode.replaceChild(fresh,btn); btn=fresh; btn.addEventListener('click',function(ev){ ev.preventDefault(); ev.stopPropagation(); var v=wrap.querySelector('video'); var f=wrap.querySelector('iframe'); if(v){ var s=v.querySelector('source'); var src=(s&&s.getAttribute('src'))||v.getAttribute('src')||''; openLightbox('video',src); } else if(f){ var src2=f.getAttribute('data-tc-src')||f.getAttribute('src')||''; if(src2==='about:blank') src2=f.getAttribute('data-tc-src')||''; openLightbox('iframe',src2); } }); }); } function init(){ rebind(); setTimeout(rebind,400); setTimeout(rebind,1200); } if(document.readyState==='loading') document.addEventListener('DOMContentLoaded',init); else init(); })(); /* TC_MATTE_BATCH2_END */ /* tc-plate-feed-wall-v1 — posts-type pages (blog/collage/category) render the same wall as home */ ;(function(){var ls=document.querySelector('.layout-shell.post,.layout-shell.posts,.layout-shell.category'); if(!ls||ls.classList.contains('home'))return; if(ls.querySelector('#post-feed-list')&&!ls.querySelector('article[class*="post-detail-type"]')){ls.classList.add('home');}})(); /* tc-plate-product-arrows-v1 — product gallery: thumbs hidden, prev/next arrows cycle the hero */ ;(function(){var g=document.querySelector('.product-detail-gallery');if(!g)return; var hero=g.querySelector('[data-product-hero-img]')||g.querySelector('.product-detail-img');if(!hero)return; var srcs=[].slice.call(g.querySelectorAll('.post-product-thumb')).map(function(b){return{src:b.dataset.src||'',alt:b.dataset.alt||''};}).filter(function(x){return x.src;}); if(srcs.length<2)return;var idx=0; var cur=hero.getAttribute('src')||'';srcs.forEach(function(x,i){if(x.src===cur)idx=i;}); function show(i){idx=(i+srcs.length)%srcs.length;hero.src=srcs[idx].src;if(srcs[idx].alt)hero.alt=srcs[idx].alt;} function mk(cls,txt,d,label){var b=document.createElement('button');b.type='button';b.className='tc-prod-nav '+cls;b.setAttribute('aria-label',label);b.textContent=txt;b.addEventListener('click',function(e){e.preventDefault();show(idx+d);});return b;} g.appendChild(mk('tc-prod-nav--prev','\u2039',-1,'Previous image')); g.appendChild(mk('tc-prod-nav--next','\u203a',1,'Next image'));})(); /*TC_CALENDAR_WIDGET*/ (function(){function p(n){return('0'+n).slice(-2);}function init(){var box=document.querySelector('[data-calendar-month]');if(!box||box.__tcCal)return;box.__tcCal=1;var btn=document.querySelector('[data-calendar-toggle]');var raw=(box.getAttribute('data-events')||'').split(',').map(function(s){return s.trim().slice(0,10);}).filter(function(s){return /^[0-9]{4}-[0-9]{2}-[0-9]{2}$/.test(s);});var have={};raw.forEach(function(s){have[s]=1;});var MON=['January','February','March','April','May','June','July','August','September','October','November','December'];var now=new Date();var todayKey=now.getFullYear()+'-'+p(now.getMonth()+1)+'-'+p(now.getDate());var sorted=raw.slice().sort();var ff=sorted.filter(function(s){return s>=todayKey;})[0]||sorted[0];var vy,vm;if(ff){vy=parseInt(ff.slice(0,4),10);vm=parseInt(ff.slice(5,7),10)-1;}else{vy=now.getFullYear();vm=now.getMonth();}function render(){var startDow=new Date(vy,vm,1).getDay();var days=new Date(vy,vm+1,0).getDate();var h='

'+MON[vm]+' '+vy+'

';['S','M','T','W','T','F','S'].forEach(function(d){h+=''+d+'';});for(var i=0;i';}for(var d=1;d<=days;d++){var key=vy+'-'+p(vm+1)+'-'+p(d);if(have[key]){h+=''+d+'';}else{h+=''+d+'';}}h+='

';box.innerHTML=h;box.querySelector('[data-cal-prev]').onclick=function(){vm--;if(vm<0){vm=11;vy--;}render();};box.querySelector('[data-cal-next]').onclick=function(){vm++;if(vm>11){vm=0;vy++;}render();};}render();if(btn){btn.onclick=function(){if(box.hasAttribute('hidden')){box.removeAttribute('hidden');btn.setAttribute('aria-expanded','true');}else{box.setAttribute('hidden','');btn.setAttribute('aria-expanded','false');}};}var qd=new URLSearchParams(location.search).get('date');if(qd){box.removeAttribute('hidden');if(btn){btn.setAttribute('aria-expanded','true');}var card=document.querySelector('[data-event-date^="'+qd+'"]');if(card){card.classList.add('event-card--active');setTimeout(function(){card.scrollIntoView({behavior:'smooth',block:'center'});},150);}}}if(document.readyState==='loading'){document.addEventListener('DOMContentLoaded',init);}else{init();}window.addEventListener('load',init);})(); /* tc-matte-hero-swap-v1 — thumbnails swap the detail hero ; scroll preserved. */ ;(function(){ if (window.__tcMatteHeroSwap) return; window.__tcMatteHeroSwap = 1; function bind(){ var cols = document.querySelectorAll('.post-detail-media'); for (var i = 0; i < cols.length; i++) (function(col){ if (col.getAttribute('data-tc-hero-bound')) return; var hero = col.querySelector('[data-matte-hero]'); var thumbs = [].slice.call(col.querySelectorAll('.post-detail-thumb')); if (!hero || !thumbs.length) return; col.setAttribute('data-tc-hero-bound', '1'); var active = 0; function show(idx){ active = (idx + thumbs.length) % thumbs.length; var t = thumbs[active]; var src = t.getAttribute('data-thumb-src'); if (!src) return; var beforeY = t.getBoundingClientRect().top; hero.removeAttribute('srcset'); hero.removeAttribute('sizes'); hero.setAttribute('src', src); var alt = t.getAttribute('data-thumb-alt'); if (alt != null) hero.setAttribute('alt', alt); thumbs.forEach(function(x){ x.classList.remove('is-active'); }); t.classList.add('is-active'); hero.addEventListener('load', function(){ var dy = t.getBoundingClientRect().top - beforeY; if (dy) window.scrollBy({ top: dy, left: 0, behavior: 'instant' }); }, { once: true }); } thumbs.forEach(function(t, idx){ t.addEventListener('click', function(){ show(idx); }); }); })(cols[i]); } if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', bind, { once: true }); else bind(); window.addEventListener('themecloset:template-ready', bind); })(); /* tc-plate-relvid-frame-v1 — related video thumbs: paint the first frame */ ;(function(){var f=function(){document.querySelectorAll('video.post-related-vid').forEach(function(v){var s=function(){try{v.currentTime=0.1;}catch(e){}};if(v.readyState>=1)s();else v.addEventListener('loadedmetadata',s,{once:true});});};if(document.readyState==='loading')document.addEventListener('DOMContentLoaded',f,{once:true});else f();window.addEventListener('themecloset:template-ready',f);})();

Build it once. Ship it everywhere.

Why teams pick it