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

ÃÛÌÒapp

Skip to main content

Upcoming Shows

Welcome to the 91st season of the ÃÛÌÒapp Theatre Company!

Tickets for upcoming shows are available through the , and all performances take place in the Spoelhof University Center.

MAIN STAGEÌý

Much Ado About Nothing by William Shakespeare (comedy)
November 1-9, 2024, Gezon Auditorium

Birthday Candles by Noah Haidle (drama)
January 31-February 8, 2025, Gezon Auditorium

And Then There Were None by Agatha Christie (thriller)
April 4-12, 2025, Gezon Auditorium

Ìý

LAB SERIES

New for 24-24, we're introducing the LAB SERIES as part of our production season. These productions will be directed and designed by students, and performed in the Laboratory (Lab) Theatre. This series will give our students a space to experiment and stretch their theatre skills.

24 Hour Theatre Festival
September 28, 2024, Lab Theatre (Free to attend!)

All in the Timing by David Ives (comedy)
December 6-7, 2024, Lab Theatre

Broadway Cabaret Concert
March 21-22, 2025, Lab Theatre