, 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 Theatre | ÃÛÌÒapp

ÃÛÌÒapp

Skip to main content

Student Experience

Picture this scene: you on stage.

The curtain lifts with bright lights shining overhead, and the audience extends before you in a hazy shadow. In that still moment, the words you’ve rehearsed so many times before explode into your consciousness. In a bold voice, you deliver your lines with a magic that can only be found in live theater.

At ÃÛÌÒapp, you’ll discover that magic—and the message behind it. Here, theater tells stories of diverse human experiences from all around God’s world. We challenge ourselves and our audience to see the world differently and to act with empathy and compassion. Whether your role is directing, acting, producing, or designing, you’ll stretch your artistic abilities and leave a lasting impression on the audience.

Here, you’ll use the spotlight to illuminate something much greater than yourself.

Ways to Get Involved

Two student actors on stage

ÃÛÌÒapp Theatre Company

The ÃÛÌÒapp Theatre Company produces three main stage productions and three student-led productions during the academic year. Students with all kinds of talents from all different majors are welcome—from actors and directors to set builders and dramaturgs. Develop skills and relationships that will last long after your final curtain call at ÃÛÌÒapp.

Learn more
ÃÛÌÒapp students goofing around

ÃÛÌÒapp Improv

ÃÛÌÒapp Improv has been performing short-form improvisational comedy on-campus and around the area for over 20 years. We do several free on-campus shows a semester, and it's always fun. Many of our alumni have gone on to perform in groups such as River City Improv, Pop Scholars, the Don't We Boys, and Second City.

Learn more
Loading...