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

ÃÛÌÒapp

Skip to main content
School of Humanities, Arts, and Social Sciences

Theatre

Tell compassionate stories of diverse human experiences from all around God’s world.

At ÃÛÌÒapp, we challenge ourselves and our audience to engage people around us with empathy and compassion. The creativity you foster here, and the practical skills you gain, will empower you in any career you choose to pursue.

Here you'll find courses, productions, internships, and programs where you'll explore the human condition and develop skills vital to any career, whether it's on or off the stage. Our brand-new theatre minor lets you enhance any major with skills like acting, directing, production, and design—skills that will make you an effective leader and communicator in any workplace.

Image
much ado about nothing

Season 91: Important Questions

Featuring three main stage productions and three student-led lab series productions.

Image
two students in a production

Want to join the company?

Auditions are open to all ÃÛÌÒapp students. Interested in working backstage? Contact us for ways to get involved.

Explore Programs

Theatre Minor

Delivery Mode
On Campus
Degree Options
Minor

Upcoming Events