, 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

°ÄÃÅÁùºÏ²Ê¿ª½±¼Ç¼×ÊÁÏ female student smiling at the camera on campus in Grand Rapids, Michigan
Aug 29, 2024

Transfer Student Welcome

Aug 29, 2024 - Sep 02, 2024 | All Day
We are excited to welcome new students who have transferred to Calvin this fall.
WELCOME-WEEK
Aug 29, 2024

Welcome Week

Aug 29, 2024 - Sep 02, 2024 | All Day
We welcome first-year students to campus, with programming continuing until the first day of class. Families are invited to join at the beginning of Welcome Week, and say their goodbyes after Convocation.
Aug 29, 2024

First-Year Student Welcome

Aug 29, 2024 9:00AM - Sep 02, 2024 2:00PM
Aug 31, 2024

Women's Soccer vs Heidelberg

Aug 31, 2024 4:30PM - Aug 31, 2024 6:30PM
Zuidema Soccer Field
Aug 31, 2024

Men's Soccer vs Lake Forest

Aug 31, 2024 7:00PM - Aug 31, 2024 9:00PM
Zuidema Soccer Field