/* tc-like-plural-v1 — like button reads "(N) Like" / "(N) Likes" — 0,1 → Like; 2+ → Likes */ (function(){ if (window.__tcLikePluralInit) return; window.__tcLikePluralInit = 1; function labelFor(n){ var v = typeof n === 'number' ? n : parseInt(String(n).replace(/[^0-9-]/g,''), 10); if (isNaN(v)) v = 0; return v <= 1 ? 'Like' : 'Likes'; } function apply(root){ var btns = (root || document).querySelectorAll('.like-btn, .tc-like-btn'); btns.forEach(function(btn){ if (btn.getAttribute('data-tc-like-plural') === '1') return; var cnt = btn.querySelector('.like-count, .tc-like-count'); if (!cnt) return; var n = parseInt((cnt.textContent || '').replace(/[^0-9-]/g, ''), 10); if (isNaN(n)) n = 0; cnt.setAttribute('data-tc-like-label', labelFor(n)); btn.setAttribute('data-tc-like-plural', '1'); }); } if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', function(){ apply(); }, { once: true }); } else { apply(); } try { var mo = new MutationObserver(function(muts){ muts.forEach(function(m){ var t = m.target; if (!t || t.nodeType !== 1) return; var btn = t.closest && t.closest('.like-btn, .tc-like-btn'); if (btn) { var cnt = btn.querySelector('.like-count, .tc-like-count'); if (cnt) { var n = parseInt((cnt.textContent || '').replace(/[^0-9-]/g, ''), 10); if (isNaN(n)) n = 0; cnt.setAttribute('data-tc-like-label', labelFor(n)); } } }); }); mo.observe(document.documentElement, { subtree: true, characterData: true, childList: true }); } catch(e){} })(); /* tc-like-plural-v1_END */ (() => { const GALLERY_ROOT_SELECTOR = '.gallery-grid'; const POST_FEED_ROOT_SELECTOR = '#post-feed-list, .post-feed-list'; const MOBILE_BREAKPOINT = 680; function parsePx(raw, fallback) { const text = String(raw ?? '').trim(); if (!text || text.includes('%')) return fallback; const value = parseFloat(text); return Number.isFinite(value) && value >= 0 ? value : fallback; } function parseCount(raw, fallback) { const value = parseInt(String(raw ?? '').trim(), 10); return Number.isFinite(value) && value > 0 ? value : fallback; } function readRootStyles() { return window.getComputedStyle(document.documentElement); } function getAvailableWidth(root, options = {}) { const source = root.parentElement || root; const rectWidth = Math.ceil(source.getBoundingClientRect().width); const clientWidth = source.clientWidth || 0; const rawWidth = Math.max(clientWidth, rectWidth); const offset = options.subtractMenuOffset ? parsePx(readRootStyles().getPropertyValue('--starter-window-menu-offset'), 0) : 0; return Math.max(0, rawWidth - offset); } function readContainerAlignment() { const styles = readRootStyles(); return { start: (styles.getPropertyValue('--starter-container-margin-inline-start') || '').trim() || 'auto', end: (styles.getPropertyValue('--starter-container-margin-inline-end') || '').trim() || 'auto', }; } function setStyle(el, property, value) { if (value === '') { el.style.removeProperty(property); return; } if (el.style.getPropertyValue(property) !== value) { el.style.setProperty(property, value); } } function resolveResponsiveColumns(options) { const { availableWidth, preferredWidth, gap, maxColumns, } = options; if (!(availableWidth > 0)) return null; const safeGap = gap > 0 ? gap : 0; const safeColumns = Math.max(1, maxColumns || 1); if (availableWidth <= MOBILE_BREAKPOINT) { return { columnCount: 1, rootWidth: '100%', itemWidth: '100%', columnWidth: 'auto', }; } if (preferredWidth > 0) { if (preferredWidth >= availableWidth) { return { columnCount: 1, rootWidth: '100%', itemWidth: '100%', columnWidth: 'auto', }; } const fitColumns = Math.floor((availableWidth + safeGap) / (preferredWidth + safeGap)); const columnCount = Math.max(1, Math.min(safeColumns, fitColumns)); const fittedWidth = Math.min( availableWidth, columnCount * preferredWidth + Math.max(0, columnCount - 1) * safeGap, ); return { columnCount, rootWidth: `${fittedWidth}px`, itemWidth: `${preferredWidth}px`, columnWidth: `${preferredWidth}px`, }; } const columnCount = safeColumns; const computedItemWidth = Math.floor( Math.max(0, availableWidth - Math.max(0, columnCount - 1) * safeGap) / columnCount, ); if (!(computedItemWidth > 0)) { return { columnCount: 1, rootWidth: '100%', itemWidth: '100%', columnWidth: 'auto', }; } return { columnCount, rootWidth: '100%', itemWidth: `${computedItemWidth}px`, columnWidth: `${computedItemWidth}px`, }; } function readGalleryMetrics(root) { const rootStyles = readRootStyles(); const rootStylesForGap = window.getComputedStyle(root); const preferredWidth = parsePx(rootStyles.getPropertyValue('--starter-global-gallery-width'), 1120); const gap = parsePx( rootStyles.getPropertyValue('--starter-global-gallery-gap') || rootStylesForGap.columnGap || rootStylesForGap.gap, 16, ); const maxColumns = parseCount(rootStyles.getPropertyValue('--starter-global-gallery-columns'), 1); return { preferredWidth, gap, maxColumns }; } function readPostFeedMetrics(root) { const rootStyles = readRootStyles(); const rootStylesForGap = window.getComputedStyle(root); const preferredWidth = parsePx(rootStyles.getPropertyValue('--starter-global-post-width'), 0); const gap = parsePx( rootStyles.getPropertyValue('--starter-global-post-feed-gap') || rootStylesForGap.columnGap || rootStylesForGap.gap, 16, ); const maxColumns = parseCount(rootStyles.getPropertyValue('--starter-global-post-feed-columns'), 1); return { preferredWidth, gap, maxColumns }; } function applyRootAlignment(root) { const alignment = readContainerAlignment(); setStyle(root, 'margin-left', alignment.start); setStyle(root, 'margin-right', alignment.end); } function applyGalleryLayout(root) { const availableWidth = getAvailableWidth(root); const { preferredWidth, gap, maxColumns } = readGalleryMetrics(root); const layout = resolveResponsiveColumns({ availableWidth, preferredWidth, gap, maxColumns }); if (!layout) return; applyRootAlignment(root); setStyle(root, 'width', layout.rootWidth); setStyle(root, 'max-width', layout.rootWidth); setStyle(root, 'column-count', String(layout.columnCount)); setStyle(root, 'column-width', layout.columnWidth); root.dataset.galleryColumns = String(layout.columnCount); } function applyPostFeedLayout(root) { const availableWidth = getAvailableWidth(root); const { preferredWidth, gap, maxColumns } = readPostFeedMetrics(root); const layout = resolveResponsiveColumns({ availableWidth, preferredWidth: maxColumns >= 2 ? 0 : preferredWidth, gap, maxColumns }); /* tc-fill-feed-v2 */ if (!layout) return; applyRootAlignment(root); setStyle(root, 'width', layout.rootWidth); setStyle(root, 'max-width', layout.rootWidth); setStyle(root, '--starter-post-feed-item-width', layout.itemWidth); root.dataset.postFeedColumns = String(layout.columnCount); } function bindRoot(root, options) { if (!(root instanceof HTMLElement)) return; if (root.dataset[options.boundKey] === '1') return; root.dataset[options.boundKey] = '1'; let frame = 0; let cleaned = false; let resizeObserver = null; const cleanup = () => { if (cleaned) return; cleaned = true; if (frame) window.cancelAnimationFrame(frame); resizeObserver?.disconnect(); window.removeEventListener('resize', schedule); delete root.dataset[options.boundKey]; delete root.dataset[options.columnsKey]; root.style.removeProperty('width'); root.style.removeProperty('max-width'); root.style.removeProperty('margin-left'); root.style.removeProperty('margin-right'); for (const property of options.resetProperties) { root.style.removeProperty(property); } }; const schedule = () => { if (!root.isConnected) { cleanup(); return; } if (frame) window.cancelAnimationFrame(frame); frame = window.requestAnimationFrame(() => { frame = 0; options.apply(root); }); }; resizeObserver = typeof ResizeObserver !== 'undefined' ? new ResizeObserver(() => schedule()) : null; resizeObserver?.observe(root.parentElement || root); window.addEventListener('resize', schedule, { passive: true }); schedule(); } function scan() { for (const root of Array.from(document.querySelectorAll(GALLERY_ROOT_SELECTOR))) { bindRoot(root, { boundKey: 'galleryLayoutBound', columnsKey: 'galleryColumns', resetProperties: ['column-count', 'column-width'], apply: applyGalleryLayout, }); } for (const root of Array.from(document.querySelectorAll(POST_FEED_ROOT_SELECTOR))) { bindRoot(root, { boundKey: 'postFeedLayoutBound', columnsKey: 'postFeedColumns', resetProperties: ['--starter-post-feed-item-width'], apply: applyPostFeedLayout, }); } } function observeMutations() { if (window.__tcStarterLayoutObserver) return; let frame = 0; const schedule = () => { if (frame) window.cancelAnimationFrame(frame); frame = window.requestAnimationFrame(() => { frame = 0; scan(); }); }; const observer = new MutationObserver(() => schedule()); observer.observe(document.documentElement, { childList: true, subtree: true }); window.__tcStarterLayoutObserver = observer; } if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', () => { scan(); observeMutations(); }, { once: true }); } else { scan(); observeMutations(); } window.addEventListener('load', scan, { once: true }); })(); /* 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=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_CALENDAR_WIDGET_END*/ /* TC_VIDEO_POSTER */ (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'; return ''; // direct-MP4 + Vimeo: no remote thumbnail (use black bg) } function wrapVideo(node){ if(node.dataset.tcWrapped==='1') return; var feed=node.closest('#post-feed-list,.post-feed-list'); if(!feed) return; 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); // For iframe: stash the real src + replace with about:blank so embed doesn't load. var realSrc=''; if(node.tagName==='IFRAME'){ realSrc=src; 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')||realSrc; // auto-play hint for YT / Vimeo 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-feed-list video.post-video-player, .post-feed-list video.post-video-player').forEach(wrapVideo); document.querySelectorAll('#post-feed-list iframe.post-video-player, .post-feed-list iframe.post-video-player').forEach(wrapVideo); // Also catch iframes wrapped by the engine in .video-embed document.querySelectorAll('#post-feed-list .video-embed iframe, .post-feed-list .video-embed iframe').forEach(wrapVideo); } if(document.readyState==='loading') document.addEventListener('DOMContentLoaded',init); else init(); })(); /* TC_VIDEO_POSTER_END */ /* TC_FILE_UPLOAD */ ;(function(){ if(window.__tcFileUpload)return; window.__tcFileUpload=1; function enhance(input){ if(input.getAttribute('data-tc-fenh'))return; input.setAttribute('data-tc-fenh','1'); var label=document.createElement('label'); label.className='tc-file-drop'; var inner=document.createElement('span'); inner.className='tc-file-drop-inner'; inner.innerHTML='Upload a file'; var parent=input.parentNode; if(!parent)return; parent.insertBefore(label,input); label.appendChild(input); label.appendChild(inner); var nameEl=inner.querySelector('.tc-file-name'); var textEl=inner.querySelector('.tc-file-text'); input.addEventListener('change',function(){ if(input.files&&input.files.length){ nameEl.textContent=input.files[0].name; textEl.textContent='Change file'; label.classList.add('has-file'); } else{ nameEl.textContent=''; textEl.textContent='Upload a file'; label.classList.remove('has-file'); } }); } function scan(){ var els=document.querySelectorAll('.tc-input[type="file"]'); for(var i=0;i .post-card'); if (!cards.length) return; feed.setAttribute('data-rw-staged', '1'); /* fullscreen: no page scroll on slideshow pages */ document.documentElement.classList.add('rw-lock'); /* the stage fills the viewport under the real header (its height follows the user's typography, so measure instead of assuming 34px) */ var hdr = document.querySelector('.site-header'); var foot = document.querySelector('.site-footer'); function setHeaderVar() { if (hdr) root.style.setProperty('--rw-header-h', hdr.offsetHeight + 'px'); /* the free-plan powered-by guard revives the fixed footer over the stage - subtract it */ root.style.setProperty('--rw-footer-h', (foot && foot.offsetHeight ? foot.offsetHeight : 0) + 'px'); } setHeaderVar(); setTimeout(setHeaderVar, 1200); window.addEventListener('resize', setHeaderVar); window.addEventListener('load', setHeaderVar); var mode = (root.className.match(/(^|\s)(pagination|load-more|infinite)(\s|$)/) || [])[2] || 'pagination'; /* post summaries (the "description") aren't in the card DOM — read them from the SvelteKit data payload (permalink → summary) */ function summaryMap(docRoot) { var map = {}; try { var scripts = (docRoot || document).querySelectorAll('script'); for (var i = 0; i < scripts.length; i++) { var t = scripts[i].textContent || ''; if (t.indexOf('summary:') === -1 || t.indexOf('permalink:') === -1) continue; var re = /permalink:"((?:[^"\\]|\\.)*)"[^{}]*?summary:(?:"((?:[^"\\]|\\.)*)"|null)/g, m; while ((m = re.exec(t))) { if (m[2]) { try { map[JSON.parse('"' + m[1] + '"')] = JSON.parse('"' + m[2] + '"'); } catch (e) {} } } } } catch (e) {} return map; } var summaries = summaryMap(); /* embed-only video posts: the feed card renders no iframe — the embed src lives in the payload's embedCode (same trick as summaries) */ function embedMap(docRoot) { var map = {}; try { var scripts = (docRoot || document).querySelectorAll('script'); for (var i = 0; i < scripts.length; i++) { var t = scripts[i].textContent || ''; if (t.indexOf('embedCode:"') === -1) continue; var re = /embedCode:"((?:[^"\\]|\\.)*)"[^{}]*?permalink:"((?:[^"\\]|\\.)*)"/g, m; while ((m = re.exec(t))) { try { var html = JSON.parse('"' + m[1] + '"'); var src = (html.match(/src="([^"]+)"/) || [])[1]; if (src) map[JSON.parse('"' + m[2] + '"')] = src; } catch (e) {} } } } catch (e) {} return map; } var embeds = embedMap(); function stampText(card) { var t = card.querySelector('.section-meta time[datetime]'); if (!t) return ''; var d = new Date(t.getAttribute('datetime')); if (isNaN(d)) return ''; return new Intl.DateTimeFormat(undefined, { year: 'numeric', month: '2-digit', day: '2-digit', hour: '2-digit', minute: '2-digit' }).format(d); } function makeSlide(c, idx) { if (isGallery) { var gimg = c.querySelector('img'); if (!gimg) return null; var gs = document.createElement('div'); gs.className = 'rw-slide'; var gi = gimg.cloneNode(false); gi.removeAttribute('sizes'); gi.removeAttribute('id'); gi.loading = idx === 0 ? 'eager' : 'lazy'; gs.appendChild(gi); return { el: gs, title: (gimg.getAttribute('alt') || '').trim() || 'Untitled', href: '#', date: '' }; } var link = c.querySelector('a[href]'); var href = link ? link.getAttribute('href') : '#'; var titleEl = c.querySelector('.section-title'); var title = titleEl && titleEl.textContent.trim() ? titleEl.textContent.trim() : 'Untitled'; var date = stampText(c); // slide kind follows the POST TYPE — a text post stays a text slide // even when its body carries figures var isImg = /(^|\s)post-card-type-image(\s|$)/.test(c.className); var isVid = /(^|\s)post-card-type-video(\s|$)/.test(c.className); var img = isImg ? c.querySelector('.post-media-grid img, .post-body figure img, .post-body img') : null; var vid = isVid ? c.querySelector('video') : null; /* embed-only video posts (youtube/vimeo): iframe from the card if the theme rendered one, else built from the payload's embedCode src */ var perm0 = (href.match(/\/c\/([^/?#]+)/) || [])[1] || ''; var emb = isVid && !vid ? (c.querySelector('iframe') || (embeds[perm0] ? { src: embeds[perm0] } : null)) : null; var s = document.createElement('div'); s.className = 'rw-slide'; if (vid || img || emb) { /* media slide = one big link to the post detail page */ var a = document.createElement('a'); a.className = 'rw-media-link'; a.setAttribute('href', href); a.setAttribute('aria-label', title); if (vid) { var v = vid.cloneNode(true); v.muted = true; v.loop = true; v.playsInline = true; v.autoplay = true; v.preload = 'auto'; v.setAttribute('autoplay', ''); v.removeAttribute('controls'); /* uploads get a lightweight -preview.mp4 stored next to the original (upload pipeline); stream it here, fall back if absent. Cards may carry the src on a child. */ var srcEl = v.querySelector('source'); var vsrc = v.getAttribute('src') || (srcEl ? srcEl.getAttribute('src') : '') || ''; if (/\.mp4($|\?)/.test(vsrc) && vsrc.indexOf('-preview.mp4') === -1) { while (v.firstChild) v.removeChild(v.firstChild); v.setAttribute('data-rw-orig', vsrc); v.addEventListener('error', function () { var orig = this.getAttribute('data-rw-orig'); if (orig && this.getAttribute('src') !== orig) { this.setAttribute('src', orig); this.load(); } }); v.setAttribute('src', vsrc.replace(/\.mp4($|\?)/, '-preview.mp4$1')); } a.appendChild(v); } else if (emb) { /* players are heavy — show a thumbnail poster and mount the iframe only when the slide becomes ACTIVE */ var embSrc = emb.cloneNode ? emb.getAttribute('src') : emb.src; var poster = ''; var ytm = (embSrc || '').match(/youtube\.com\/embed\/([\w-]+)/); var vmm = (embSrc || '').match(/player\.vimeo\.com\/video\/(\d+)/); if (ytm) poster = 'https://img.youtube.com/vi/' + ytm[1] + '/hqdefault.jpg'; else if (vmm) poster = 'https://vumbnail.com/' + vmm[1] + '.jpg'; if (poster) { var pi = document.createElement('img'); pi.src = poster; pi.alt = title; pi.loading = 'lazy'; a.appendChild(pi); } /* r7: the stage never mounts a player (ratio letterbox) — the poster IS the slide and the whole slide links to the detail page (owner). */ } else { var im = img.cloneNode(false); im.removeAttribute('sizes'); im.removeAttribute('id'); im.loading = idx === 0 ? 'eager' : 'lazy'; a.appendChild(im); } s.appendChild(a); } else { s.className += ' rw-text'; s.innerHTML = '

' + '

'; s.querySelector('.rw-text-kicker').textContent = date || ''; var ta = s.querySelector('.rw-text-title a'); ta.textContent = title; ta.setAttribute('href', href); /* the long dash opens the DESCRIPTION (post summary) */ var perm = (href.match(/\/c\/([^/?#]+)/) || [])[1] || ''; var sum = perm ? summaries[perm] : ''; var de = s.querySelector('.rw-text-desc'); if (sum) de.textContent = '— ' + sum; else de.parentNode.removeChild(de); /* the body renders as real text (media stripped); CSS fades it out with a gradient when it overflows the slide */ var bodyEl = c.querySelector('.post-body'); var bo = s.querySelector('.rw-text-body'); if (bodyEl) { var clone = bodyEl.cloneNode(true); var kill = clone.querySelectorAll('figure, img, video, iframe, embed, object, .post-media, .post-media-grid, .post-media-img, .tc-video-wrap, .post-video-player, .post-video, .video-embed, script, style'); for (var ki = 0; ki < kill.length; ki++) { if (kill[ki].parentNode) kill[ki].parentNode.removeChild(kill[ki]); } while (clone.firstChild) bo.appendChild(clone.firstChild); } else { bo.parentNode.removeChild(bo); } } return { el: s, title: title, href: href, date: date }; } var slides = []; for (var i = 0; i < cards.length; i++) { var sl = makeSlide(cards[i], i); if (sl) slides.push(sl); } if (!slides.length) return; var stage = document.createElement('div'); stage.className = 'rw-stage'; stage.setAttribute('data-tc-no-lightbox', '1'); /* the app lightbox skips the stage */ for (var j = 0; j < slides.length; j++) stage.appendChild(slides[j].el); var bar = document.createElement('div'); bar.className = 'rw-bar'; bar.innerHTML = '' + '' + '' + '' + ''; stage.appendChild(bar); feed.parentNode.insertBefore(stage, feed); /* gradient fade only when a text body actually overflows its slide */ function markOverflow() { var bodies = stage.querySelectorAll('.rw-text-body'); for (var bi = 0; bi < bodies.length; bi++) { bodies[bi].classList[bodies[bi].scrollHeight > bodies[bi].clientHeight + 2 ? 'add' : 'remove']('rw-overflow'); } } markOverflow(); window.addEventListener('resize', markOverflow); /* paging context — the hidden .post-pagination nav is the source of truth in pagination mode; load-more/infinite fetch /page/N themselves */ var pageNav = document.querySelector('.post-pagination'); var pageN = parseInt((location.pathname.match(/\/page\/(\d+)/) || [])[1] || '1', 10); var basePath = location.pathname.replace(/\/page\/\d+\/?$/, '').replace(/\/$/, ''); var nextHref = null, prevHref = null, totalPages = pageN; if (pageNav) { var links = pageNav.querySelectorAll('a[href]'); for (var li = 0; li < links.length; li++) { var tx = links[li].textContent.trim(); if (/^next$/i.test(tx)) nextHref = links[li].getAttribute('href'); else if (/^prev/i.test(tx)) prevHref = links[li].getAttribute('href'); else if (/^\d+$/.test(tx)) totalPages = Math.max(totalPages, parseInt(tx, 10)); } } var loading = false, hasMore = mode !== 'pagination'; var cur = 0; function pad(n) { return ('0' + n).slice(-2); } function withIndex(href, v) { return href + (href.indexOf('?') === -1 ? '?' : '&') + 'index=' + v; } function refreshBar() { var sl = slides[cur]; var t = bar.querySelector('[data-rw-t]'); t.textContent = sl.title; t.setAttribute('href', sl.href); bar.querySelector('[data-rw-d]').textContent = sl.date; bar.querySelector('[data-rw-c]').textContent = pad(cur + 1) + ' / ' + pad(slides.length); bar.querySelector('[data-rw-p]').textContent = (mode === 'pagination' && totalPages > 1) ? 'Page ' + pageN + ' / ' + totalPages : ''; } function loadNext(cb) { if (loading || !hasMore) { if (cb) cb(false); return; } loading = true; fetch((basePath || '') + '/page/' + (pageN + 1)) .then(function (r) { return r.ok ? r.text() : ''; }) .then(function (html) { loading = false; var doc = html ? new DOMParser().parseFromString(html, 'text/html') : null; var sel = isGallery ? '.gallery-grid .gallery-card' : '#post-feed-list > .post-card, .post-feed-list > .post-card'; var newCards = doc ? doc.querySelectorAll(sel) : []; if (!newCards.length) { hasMore = false; if (cb) cb(false); return; } var extra = summaryMap(doc); for (var ek in extra) summaries[ek] = extra[ek]; var extraEmb = embedMap(doc); for (var ee in extraEmb) embeds[ee] = extraEmb[ee]; pageN++; for (var n = 0; n < newCards.length; n++) { var ns = makeSlide(newCards[n], slides.length); if (ns) { slides.push(ns); stage.insertBefore(ns.el, bar); } } markOverflow(); refreshBar(); if (cb) cb(true); }) .catch(function () { loading = false; hasMore = false; if (cb) cb(false); }); } function syncUrl() { try { var u = new URL(location.href); u.searchParams.set('index', String(cur + 1)); history.replaceState(null, '', u.pathname + u.search); } catch (e) {} } function activateMedia() { for (var k = 0; k < slides.length; k++) { var el = slides[k].el; var v = el.querySelector('video'); if (v) { if (k === cur) { v.play().catch(function () {}); } else { v.pause(); } } if (k === cur && el.getAttribute('data-rw-embed') && !el.querySelector('iframe')) { var ifr = document.createElement('iframe'); ifr.src = el.getAttribute('data-rw-embed'); ifr.allow = 'autoplay; encrypted-media; fullscreen'; ifr.allowFullscreen = true; var host = el.querySelector('.rw-media-link') || el; host.innerHTML = ''; host.appendChild(ifr); } } } function show(n) { cur = (n + slides.length) % slides.length; for (var k = 0; k < slides.length; k++) slides[k].el.classList[k === cur ? 'add' : 'remove']('rw-on'); activateMedia(); refreshBar(); syncUrl(); /* infinite: fetch the next page just before the end */ if (mode === 'infinite' && cur >= slides.length - 2) loadNext(); } function endNote() { var n = stage.querySelector('.rw-endnote'); if (!n) { n = document.createElement('div'); n.className = 'rw-endnote'; n.textContent = "You've reached the end"; stage.appendChild(n); } n.classList.add('rw-on'); clearTimeout(endNote._t); endNote._t = setTimeout(function () { n.classList.remove('rw-on'); }, 1800); } function goNext() { if (cur === slides.length - 1) { if (mode === 'pagination' && nextHref) { location.href = withIndex(nextHref, 1); return; } if (mode !== 'pagination' && hasMore) { loadNext(function (ok) { if (ok) show(cur + 1); else endNote(); }); return; } endNote(); return; } show(cur + 1); } function goPrev() { if (cur === 0 && mode === 'pagination' && prevHref) { location.href = withIndex(prevHref, 'last'); return; } show(cur - 1); } bar.querySelector('[data-rw-prev]').onclick = goPrev; bar.querySelector('[data-rw-next]').onclick = goNext; document.addEventListener('keydown', function (e) { if (e.key === 'ArrowLeft') goPrev(); if (e.key === 'ArrowRight') goNext(); }); var q0 = new URLSearchParams(location.search).get('index') || '1'; if (q0 === 'last') show(slides.length - 1); else { var q = parseInt(q0, 10); show(isNaN(q) ? 0 : Math.max(0, Math.min(slides.length - 1, q - 1))); } } if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', boot); else boot(); })(); /* RW_STAGE_END */ /* RW_MENU — the nav hides behind a "Menu" word that opens ON CLICK; category groups collapse behind a ± arrow (also click). The user's contact info moves to the bottom of the panel so it stays visible. */ (function () { function boot() { var root = document.querySelector('.layout-shell'); if (!root || !/(^|\s)rw-shell(\s|$)/.test(root.className)) return; var nav = root.querySelector('.site-header .site-nav'); if (!nav || nav.parentNode.querySelector('.rw-menu-hover')) return; var w = document.createElement('span'); w.className = 'rw-menu-wrap'; var t = document.createElement('span'); t.className = 'rw-menu-hover site-nav-link'; t.setAttribute('role', 'button'); t.setAttribute('tabindex', '0'); t.setAttribute('aria-haspopup', 'true'); nav.parentNode.insertBefore(w, nav); w.appendChild(t); w.appendChild(nav); function setOpen(open) { w.classList[open ? 'add' : 'remove']('rw-menu-open'); t.setAttribute('aria-expanded', open ? 'true' : 'false'); } t.addEventListener('click', function () { setOpen(!w.classList.contains('rw-menu-open')); }); t.addEventListener('keydown', function (e) { if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); setOpen(!w.classList.contains('rw-menu-open')); } }); document.addEventListener('click', function (e) { if (!w.contains(e.target)) setOpen(false); }); document.addEventListener('keydown', function (e) { if (e.key === 'Escape') setOpen(false); }); /* category ± arrows (spans — a ' + '' + '

' + '

' + ''; document.body.appendChild(modal); input = modal.querySelector('.tc-search-input'); resultsEl = modal.querySelector('.tc-search-results'); statusEl = modal.querySelector('.tc-search-meta'); modal.addEventListener('click', function (e) { if (e.target.closest('[data-tc-search-close]')) close(); }); input.addEventListener('input', onInput); } function open() { if (!modal) build(); modal.hidden = false; document.documentElement.classList.add('tc-search-open'); document.body.classList.add('tc-search-open'); setTimeout(function () { try { input.focus(); } catch (e) {} }, 30); } function close() { if (!modal) return; modal.hidden = true; document.documentElement.classList.remove('tc-search-open'); document.body.classList.remove('tc-search-open'); } function render(list, q) { if (!list || !list.length) { resultsEl.innerHTML = ''; statusEl.textContent = q ? ('No results for “' + q + '”') : ''; return; } statusEl.textContent = list.length + ' result' + (list.length > 1 ? 's' : '') + ' for “' + q + '”'; var html = ''; for (var i = 0; i < list.length; i++) { var r = list[i] || {}; html += '' + (r.type ? '' + esc(r.type) + '' : '') + '' + esc(r.title || 'Untitled') + '' + (r.excerpt ? '' + esc(r.excerpt) + '' : '') + ''; } resultsEl.innerHTML = html; } function run(q) { try { if (controller) controller.abort(); } catch (e) {} controller = (typeof AbortController !== 'undefined') ? new AbortController() : null; statusEl.textContent = 'Searching…'; var sp = siteParam(); var endpoint = '/api/site-search?q=' + encodeURIComponent(q) + (sp ? '&site=' + encodeURIComponent(sp) : ''); fetch(endpoint, { signal: controller ? controller.signal : undefined, headers: { Accept: 'application/json' } }) .then(function (res) { return res.ok ? res.json() : { results: [] }; }) .then(function (data) { render((data && data.results) || [], q); }) .catch(function (err) { if (err && err.name === 'AbortError') return; statusEl.textContent = 'Search is unavailable right now.'; }); } function onInput() { var q = input.value.trim(); clearTimeout(timer); if (q.length < 1) { resultsEl.innerHTML = ''; statusEl.textContent = ''; lastQ = null; return; } if (q === lastQ) return; timer = setTimeout(function () { lastQ = q; run(q); }, 200); } function isTrigger(a) { if (!a || a.getAttribute('target') === '_blank') return false; if (a.closest('.layout-shell.search')) return false; /* on /search itself, keep the page */ var href = a.getAttribute('href') || ''; return href === '/search' || /\/search$/.test(href.split('?')[0]); } /* capture phase + stopImmediatePropagation: open before the SvelteKit router navigates */ document.addEventListener('click', function (e) { if (e.button !== 0 || e.metaKey || e.ctrlKey || e.shiftKey || e.altKey) return; var a = e.target && e.target.closest && e.target.closest('a'); if (!a || !isTrigger(a)) return; e.preventDefault(); e.stopPropagation(); if (e.stopImmediatePropagation) e.stopImmediatePropagation(); open(); }, true); document.addEventListener('keydown', function (e) { if (modal && !modal.hidden && e.key === 'Escape') close(); }); window.__tcOpenSearch = open; })(); /* TCX_SEARCH_END */ /* tc-matte-hero-swap-v1 — thumbnails swap the detail hero ; scroll corrected synchronously (instant). */ ;(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); })();

Related posts

Untitled Post

Comments