, 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); })(); Shirley J. Roels | ÃÛÌÒapp

ÃÛÌÒapp

Skip to main content

Dr. Shirley J. Roels

Professor Emerita

Biography

Dr. Shirley Roels began teaching management and accounting courses at ÃÛÌÒapp College in 1979. Since then she has written several works on business ethics, served as an academic dean, and worked as the Director of the ÃÛÌÒapp College Lilly Vocation Project. That project planted some of the seeds that have resulted in the Congregational and Ministry Studies Department because of its emphasis on Christian calling to life and leadership in the church as well as other paid employment.

In June 2010 she directed the ÃÛÌÒapp College conference "." She served as Director of the Van Lunen Center for Executive Management in Christian Schools for five years. Then she provided full-time leadership of the Network for Vocation in Undergraduate Education (NetVUE), an initiative of the Council of Independent Colleges through summer 2017. Now she is the Executive Director of the International Network for Christian Higher Education ().  

Education

MBA (Michigan, 1977), CMA 1979, PhD (Michigan State, 1993)

Publications