var customHTML = Array.from(document.getElementsByClassName('custom-html')); customHTML.forEach(item => { let closestItem = item.closest(".main"); if (closestItem) { closestItem.classList.add("custom-section"); } }); /* $('').insertBefore('#view-header'); */ document.querySelector(".skip-to-content").tabIndex = 1; var windowWidth = $(window).width(); if ($('.top-social-icons').is(':visible')) { $('#view-header').addClass('with-topbar'); var $sticky = $('#view-header, .top-social-icons'); if (!!$sticky.offset()) { var generalSidebarHeight = $sticky.innerHeight(); var stickyTop = $sticky.offset().top; var stickOffset = -115; $(window).scroll(function () { var windowTop = $(window).scrollTop(); if (stickyTop < windowTop + stickOffset) { $sticky.addClass('sticky'); } else { $sticky.removeClass('sticky'); } }); } $(function () { var headerHeight = $('#view-header .cms-header .header-bar-wrapper').height(); var topBarHeihgt = $('.top-social-icons').height(); var PaddingHeader = headerHeight + topBarHeihgt; $('#view-header .cms-header').each(function () { $(this).css('padding-bottom', PaddingHeader + 'px'); }); }); $(window).resize(function () { var headerHeight = $('#view-header .cms-header .header-bar-wrapper').height(); var topBarHeihgt = $('.top-social-icons').height(); var PaddingHeader = headerHeight + topBarHeihgt; $('#view-header .cms-header').each(function () { $(this).css('padding-bottom', PaddingHeader + 'px'); }); }); } }); window.onload = function () { // ADD ITEM IN THE SCHOOLS DROPDOW - DESKTOP const menuButtons = document.querySelectorAll('#schoolsbutton'); const linkData = [ { href: "https://nca.nasdschools.org/", text: "Northampton Cyber Academy" }, // Add more links here as needed ]; function addLinks(menuIndex) { const schoolMenu = document.getElementById('schoolsmenu'); const dataAttr = Array.from(schoolMenu.attributes).find(attr => attr.name.startsWith('data')).name; const menuUl = document.querySelectorAll(`ul[${dataAttr}=""]`)[menuIndex]; menuUl.querySelectorAll('.dynamic-link').forEach(link => link.remove()); linkData.forEach(({ href, text }) => { const liElement = document.createElement('li'); liElement.setAttribute(dataAttr, ''); liElement.setAttribute("role", "menuitem"); liElement.classList.add('dynamic-link'); const linkElement = document.createElement('a'); linkElement.setAttribute(dataAttr, ''); linkElement.setAttribute("href", href); linkElement.setAttribute("target", "_self"); linkElement.classList.add('link-school'); linkElement.textContent = text; liElement.appendChild(linkElement); menuUl.appendChild(liElement); }); } menuButtons.forEach((button, index) => { button.addEventListener('click', () => addLinks(index)); }); // ADD ITEM IN THE SCHOOLS DROPDOW - MOBILE const mobilelinkData = [ { href: "https://nca.nasdschools.org/", text: "Northampton Cyber Academy", cssClass: "custom-school-menu-item" } // Add more links here as needed ]; const targetNode = document.querySelector('.mobile-header'); if (targetNode) { const config = { attributes: true, attributeFilter: ['class'] }; const callback = function (mutationsList) { for (let mutation of mutationsList) { if (mutation.type === 'attributes' && mutation.attributeName === 'class') { if (targetNode.classList.contains('menu-open')) { addLinksOnMobile(); } } } }; const observer = new MutationObserver(callback); observer.observe(targetNode, config); } function addLinksOnMobile() { const mainMenu = document.getElementById('mainmenu'); const schoolsHeaderCollapsible = mainMenu ? mainMenu.querySelector('#schools-header-collapsible') : null; if (schoolsHeaderCollapsible) { mobilelinkData.forEach(link => { // Check if the link already exists const existingLink = Array.from(schoolsHeaderCollapsible.querySelectorAll('a')).find(a => a.href === link.href); if (!existingLink) { const anchor = document.createElement('a'); anchor.href = link.href; anchor.textContent = link.text; if (link.cssClass) { anchor.classList.add(link.cssClass); } schoolsHeaderCollapsible.appendChild(anchor); } }); } } };

Northampton Area Middle School

Volunteer

Are you interested in volunteering with the school district?

Click here to view the NASD Volunteer Guide which h as everything you need to know about requirements, the application process and more.