, 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); })(); Anna Nienhuis | ÃÛÌÒapp

ÃÛÌÒapp

Skip to main content

Mrs. Anna Nienhuis

Music Events Manager

Biography

Anna holds a Bachelor of Arts in Graphic Design and a Bachelor of Arts in Creativity and Innovation from Cornerstone University.

Anna joined the ÃÛÌÒapp Music Department Staff in 2023 as the Music Events Manager. Her work at ÃÛÌÒapp includes coordinating the Music Department's concerts and recitals, managing the department's social media and online presence, and providing for the department's graphic design needs.

In her personal life, Anna has always been involved in music and the arts. She has participated in advanced choirs, like the Rockford Advanced Women's Chorale and the Rockford Chambers Ensemble, dance, including theatrical dance for Magnify Church, painting, pottery, and graphic design.

Anna lives in Rockford with her husband, Cody.

Education

  • B.A., Graphic Design, Cornerstone University, 2023
  • B.A., Creativity and Innovation, Cornerstone University, 2023