, 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); })(); Student Experience - Ministry Leadership | ÃÛÌÒapp

ÃÛÌÒapp

Skip to main content

Student Experience

Ministry Leadership Cohort

A two-year program open to incoming ÃÛÌÒapp students who show potential for leadership in the local church.

Ministry Leadership Cohort

Perkins Floor

Explore the ways our identities interact as we create a thriving Christian community. Take part in the conversation about justice, equity, and antiracism.

Perkins Floor

Worship Apprentice

Curious about growing your worship leadership skills while you serve the ÃÛÌÒapp community? Consider applying for the Worship Apprentice program

Worship Apprentice

Symposium on Worship

A three-day conference sponsored by the ÃÛÌÒapp Institute of Christian Worship and the Center for Excellence in Preaching.

Ministry Resource Center

Our premier collection of print, digital and audio-visual resources, available to anyone interested in pursuing ministry studies.

Internships

is a course in which you will complete 10 hours of work on-site each week, record your insights in reflection papers and journals, and attend a weekly seminar.

Loading...