(() => {
    const article = document.querySelector('.article');
    const collapseBtn = document.getElementById('article-collapse');

    if (!article) {
        return;
    }

    collapseBtn.addEventListener('click', (e) => {
        article.classList.toggle('collapsed');

        if (article.classList.contains('collapsed')) {
            collapseBtn.textContent = 'read more';
        } else if (!article.classList.contains('collapsed')) {
            collapseBtn.textContent = 'collapse';
        }
    })
})();