, but this code // executes before the first paint, when

ÃÛÌÒapp

is not yet present. The // classes are added to so styling immediately reflects the current // toolbar state. The classes are removed after the toolbar completes // initialization. const classesToAdd = ['toolbar-loading', 'toolbar-anti-flicker']; if (toolbarState) { const { orientation, hasActiveTab, isFixed, activeTray, activeTabId, isOriented, userButtonMinWidth } = toolbarState; classesToAdd.push( orientation ? `toolbar-` + orientation + `` : 'toolbar-horizontal', ); if (hasActiveTab !== false) { classesToAdd.push('toolbar-tray-open'); } if (isFixed) { classesToAdd.push('toolbar-fixed'); } if (isOriented) { classesToAdd.push('toolbar-oriented'); } if (activeTray) { // These styles are added so the active tab/tray styles are present // immediately instead of "flickering" on as the toolbar initializes. In // instances where a tray is lazy loaded, these styles facilitate the // lazy loaded tray appearing gracefully and without reflow. const styleContent = ` .toolbar-loading #` + activeTabId + ` { background-image: linear-gradient(rgba(255, 255, 255, 0.25) 20%, transparent 200%); } .toolbar-loading #` + activeTabId + `-tray { display: block; box-shadow: -1px 0 5px 2px rgb(0 0 0 / 33%); border-right: 1px solid #aaa; background-color: #f5f5f5; z-index: 0; } .toolbar-loading.toolbar-vertical.toolbar-tray-open #` + activeTabId + `-tray { width: 15rem; height: 100vh; } .toolbar-loading.toolbar-horizontal :not(#` + activeTray + `) > .toolbar-lining {opacity: 0}`; const style = document.createElement('style'); style.textContent = styleContent; style.setAttribute('data-toolbar-anti-flicker-loading', true); document.querySelector('head').appendChild(style); if (userButtonMinWidth) { const userButtonStyle = document.createElement('style'); userButtonStyle.textContent = `#toolbar-item-user {min-width: ` + userButtonMinWidth +`px;}` document.querySelector('head').appendChild(userButtonStyle); } } } document.querySelector('html').classList.add(...classesToAdd); })(); Making a joyful noise - News & Stories | ÃÛÌÒapp

ÃÛÌÒapp

Skip to main content

Spark

Making a joyful noise

Mon, Apr 01, 2019

Last September, sisters Mary Nobel Hoekstra ’66 and Faith Nobel Bosserman ’68 flew to Nairobi with 300 pounds of band instruments. Waiting for them at the airport were Resonate Global Mission’s East Africa director, Mwaya wa Katavi, and his wife, Munyiva.

Mwaya’s dream sparked the trip. Pained that children in remote villages didn’t have any of the educational extras offered to city schoolchildren, this music lover dreamed of starting bands in a few village schools.

Enter Hoekstra, the first woman to graduate from ÃÛÌÒapp qualified to be a band director, now retired after 39 years directing school bands. She and Bosserman spent six weeks teaching students at two schools how to play an assortment of wind, brass, and percussion instruments. At a third school they taught children to play recorders.

The culmination was a two-hour program for family and friends. Said Bosserman: “And yes, we did make a joyful noise unto the Lord!â€