, but this code // executes before the first paint, when

ÇÑ×ÓÊÓƵ

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); })(); Events List | ÇÑ×ÓÊÓƵ

ÇÑ×ÓÊÓƵ

Skip to main content

Events List

Egypt Hapshetsut Temple
Oct 20–Oct 30, 2025

CAA/CALL Travel: Journey to Egypt (Full)

Around the World with Calvin: 150th Anniversary Tour
150th Anniversary Travel trip to the American Southwest
Apr 07–Apr 18, 2026

CAA/CALL Travel: Red Rocks and Canyons in the American Southwest

Around the World with Calvin: 150th Anniversary Tour
150th Anniversary Travel trip to Peru
Apr 18–Apr 28, 2026

CAA/CALL Travel: Peru and the Wonders of the Andes

Around the World with Calvin: 150th Anniversary Tour
Graphic of The Lion King musical, white colored with brown text
Apr 18, 2026

The Lion King with Broadway Grand Rapids

2:00 pm–4:45 pm
Feel the love with Disney's The Lion King!
Images of various ÇÑ×ÓÊÓƵ students from 1976
May 08–May 09, 2026

Class of 1976: 50-Year Reunion

Class of 1976, save the date for your 50-Year Reunion!
150th Anniversary Travel trip to Italy and Austria
May 08–May 22, 2026

CAA/CALL Travel: Italy and Austria – the Rise and Fall of Empires

Around the World with Calvin: 150th Anniversary Tour
150th Anniversary Travel trip to the Holy Land
May 13–May 27, 2026

CAA/CALL Travel: Holy Land

Around the World with Calvin: 150th Anniversary Tour
150th Anniversary Travel trip to the Netherlands
Jun 01, 2026

CAA/CALL Travel: Netherlands

Around the World with Calvin: 150th Anniversary Tour
Graphic of The Great Gatsby musical, gold text on green background
Jul 23, 2026

The Great Gatsby with Broadway Grand Rapids

7:30 pm–9:45 pm
Old sport, you won't want to miss this.
150th Anniversary Travel trip to Australia in January 2027
Jan 02, 2027

CAA/CALL Travel: Australia

Around the World with Calvin: 150th Anniversary Tour