'; headerButtonsHTML += '

'; headerButtonsHTML += ''; headerButtonsHTML += '' + firstButtonText + '

'; headerButtonsHTML += " "; headerButtonsHTML += "

"; headerButtonsHTML += "

"; var header = document.querySelector('#view-header'); var headerHeight = header.offsetHeight; const headerBarWrapper = header.querySelector('.header-bar-wrapper'); headerBarWrapper.insertAdjacentHTML("beforeend", headerButtonsHTML); if (headerBarWrapper.classList.contains('sticky')) { header.classList.add('sticky-header'); } function closeBadge() { header.classList.add('small-badge', 'minimized-logos'); localStorage.setItem('isClosed', true); } function openBadge() { header.classList.remove('small-badge', 'minimized-logos'); localStorage.setItem('isClosed', false); } const isClosedValue = localStorage.getItem('isClosed'); if (isClosedValue != 'true') { openBadge(); } else { closeBadge(); } const minimizeLogosButton = header.querySelector('.minimize_logos'); minimizeLogosButton.addEventListener('click', (e) => { e.preventDefault(); if (header.classList.contains('small-badge')) { openBadge(); } else { closeBadge(); } }); window.addEventListener('scroll', () => { const scroll = window.scrollY; if (scroll >= headerHeight) { header.classList.remove('default-badge'); header.classList.add('small-badge', 'fixed-position'); } else { header.classList.remove('fixed-position'); if (!header.classList.contains('minimized-logos')) { header.classList.remove('small-badge'); header.classList.add('default-badge'); } } }); });

Celebrating Diversity at BMHS!