(Backup Code) Yes Community Architects

<!-- @tuanphan - Add arrows with circle to Portfolio page -->
<script>
const scripts = [
    'https://cdn.jsdelivr.net/gh/willmyerscode/[email protected]/index.min.js',
    'https://cdn.jsdelivr.net/gh/willmyerscode/[email protected]/section-loader.min.js'
];

const stylesheet = 'https://cdn.jsdelivr.net/gh/willmyerscode/[email protected]/section-loader.min.css';

function loadStylesheet(href) {
    const link = document.createElement('link');
    link.rel = 'stylesheet';
    link.href = href;
    document.head.appendChild(link);
}

function loadScript(src) {
    return new Promise((resolve, reject) => {
        const script = document.createElement('script');
        script.src = src;
        script.onload = resolve;
        script.onerror = reject;
        document.head.appendChild(script);
    });
}

function syncPaginationWithImages() {
    const paginationSection = document.querySelector('section#itemPagination');
    
    if (!paginationSection) return;
    
    const prevLink = paginationSection.querySelector('.item-pagination-link--prev:not(.portfolio-backto)');
    const nextLink = paginationSection.querySelector('.item-pagination-link--next');
    
    const prevBlock = document.querySelector('#block-ed9c26279fd55ee02b0e');
    const nextBlock = document.querySelector('#block-e35dcdaee2d5a8635787');
    
    if (prevLink && prevBlock) {
        const prevImage = prevBlock.querySelector('a');
        if (prevImage) {
            prevImage.href = prevLink.href;
        }
    }
    
    if (nextLink && nextBlock) {
        const nextImage = nextBlock.querySelector('a');
        if (nextImage) {
            nextImage.href = nextLink.href;
        }
    }
}

async function init() {
    loadStylesheet(stylesheet);
    
    for (const src of scripts) {
        await loadScript(src);
    }
    
    const paginationSection = document.querySelector('section#itemPagination');
    
    if (paginationSection) {
        const loaderDiv = document.createElement('div');
        loaderDiv.setAttribute('data-wm-plugin', 'load');
        loaderDiv.setAttribute('data-source', '/arrows');
        
        paginationSection.parentNode.insertBefore(loaderDiv, paginationSection);
        
        if (window.wmSectionLoader && typeof window.wmSectionLoader.init === 'function') {
            window.wmSectionLoader.init(() => {
                syncPaginationWithImages();
            });
        }
    }
}

if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', init);
} else {
    init();
}
</script>
<style>
  .collection-663a9b99acd1b13a747c7b7c.view-item section#itemPagination {
  display: none;
  }
</style>