, 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

Nov 08, 2024

FAST Conference

Nov 08, 2024 - Nov 09, 2024 | All Day
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.
The °ÄÃÅÁùºÏ²Ê¿ª½±¼Ç¼×ÊÁÏ football team played their first Maroon and Gold scrimmage on September 30, 2023.
Nov 09, 2024

Saturday Admissions Visits

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

Football vs Hope

Nov 09, 2024 1:00PM - Nov 09, 2024 4:00PM
Eagles Stadium
Nov 09, 2024

Swim & Dive vs Wheaton

Nov 09, 2024 1:00PM - Nov 09, 2024 3:30PM
Venema Aquatic Center Pool
Much Ado About Nothing Calvin Theatre Company
Nov 09, 2024

Calvin Theatre Company: Much Ado About Nothing by William Shakespeare

Nov 09, 2024 2:00PM - Nov 09, 2024 4:00PM
The original "enemies to lovers" story with a 2004 twist.
Much Ado About Nothing Calvin Theatre Company
Nov 09, 2024

Calvin Theatre Company: Much Ado About Nothing by William Shakespeare

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