, 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); })(); ÃÛÌÒapp Theatre Company: And Then There Were None by Agatha Christie | ÃÛÌÒapp

ÃÛÌÒapp

Skip to main content

Events Calendar

ÃÛÌÒapp Theatre Company: And Then There Were None by Agatha Christie

S M T W T F S
30
 
31
 
1
 
2
 
3
 
4
 
5
 
6
 
7
 
8
 
9
 
10
 
11
 
12
 
13
 
14
 
15
 
16
 
17
 
18
 
19
 
20
 
21
 
22
 
23
 
24
 
25
 
26
 
27
 
28
 
29
 
30
 
1
 
2
 
3
 

ÃÛÌÒapp Theatre Company: And Then There Were None by Agatha Christie

  • Fri, Apr 04, 2025
  • 7:30 pm–9:30 pm
$9-19
Image
And Then There Were None ÃÛÌÒapp Theatre Company
The best-selling crime novel of all time comes to life on the Gezon stage!

And Then There Were None by Agatha Christie
(Thriller/Drama)
Directed by a ÃÛÌÒapp Theatre Company Guest Artist

Ten strangers are summoned to a remote island--the only thing they have in common is a wicked past they’re unwilling to reveal and a secret that will seal their fate. As the weather turns and the group is cut off from the mainland, they are brutally murdered one by one in accordance with a sinister nursery rhyme. 

One of Christie’s darkest tales and a masterpiece of dramatic construction, its growing sense of dread and unfaltering tension will keep you guessing until the very end.

And Then There Were None by Agatha Christie is presented through a special arrangement with Concord Theatricals.

The Gezon Auditorium is located in the Spoelhof University Center.