, 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 Calendar | »Æ´óÏɸßÊÖÂÛ̳

»Æ´óÏɸßÊÖÂÛ̳

Skip to main content

Events Calendar

Sep 03–Nov 29, 2024

Light: Donna Spaan Contemporary Art Collection

12:00 am–11:59 pm
Center Art Gallery in the Covenant Fine Arts Center
Nov 08–Nov 09, 2024

FAST Conference

12:00 am–11:59 pm
Faithfully Advancing Sustainability Together is what this conference is all about. We are inviting high school and college students from West Michigan and beyond to join us for these two days.
Nov 09, 2024

Admissions: Saturday Visit

8:30 am–12:00 pm
Spoelhof Student Center
We're excited to see you on a Saturday. There's always something going on!
Nov 09, 2024

Football vs Hope

1:00 pm–4:00 pm
Eagles Stadium
The rivalry football game against Hope College!
Nov 09, 2024

Swim & Dive vs Wheaton

1:00 pm–3:30 pm
Venema Aquatic Center Pool
Nov 09, 2024

Calvin Theatre Company: Much Ado About Nothing by William Shakespeare

2:00 pm–4:00 pm
$9-19
The original "enemies to lovers" story with a 2004 twist.
Nov 09, 2024

Calvin Theatre Company: Much Ado About Nothing by William Shakespeare

7:30 pm–9:30 pm
$9-19
The original "enemies to lovers" story with a 2004 twist.
Nov 09, 2024

SAO Movie: Wildcat

8:00 pm–11:00 pm
Covenant Fine Arts Center Auditorium