, 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 06, 2024

Fly-In/Drive-In School Counselor Event

Nov 06, 2024 - Nov 08, 2024 | All Day
An event for school counselors in partnership with °ÄÃÅÁùºÏ²Ê¿ª½±¼Ç¼×ÊÁÏ and NACCAP. You’re invited to learn more about Calvin and network with other high school counselors—on us!
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.
Nov 08, 2024

Calvin Discovery Day 2024-2025

Nov 08, 2024 8:00AM - Nov 08, 2024 2:30PM
Spoelhof University Center Atrium
Prospective students and guests, spend a day discovering all that Calvin offers. Personalize your experience with breakout activities, class visits, and more.
Nov 08, 2024

You Belong Session

Nov 08, 2024 9:00AM - Nov 08, 2024 11:00AM
Hekman Collab Space 102
Nov 08, 2024

Chapel Service

Nov 08, 2024 10:30AM - Nov 08, 2024 10:50AM
Chapel Sanctuary
Nov 08, 2024

First Voice Generation Film Screening and Q/A

Nov 08, 2024 4:00PM - Nov 08, 2024 6:00PM
Covenant Fine Arts Center Auditorium
Nov 08, 2024

Music Student Showcase

Nov 08, 2024 5:15PM - Nov 08, 2024 6:15PM
Covenant Fine Arts Center Recital Hall
Nov 08, 2024

Board Game Guild/RPG Night

Nov 08, 2024 6:00PM - Nov 08, 2024 9:30PM
Commons Annex Alumni Association Board Room
Nov 08, 2024

Board Game Guild: RPG Night

Nov 08, 2024 6:00PM - Nov 08, 2024 9:30PM
Commons Annex Alumni Association Board Room
Nov 08, 2024

Women's Volleyball vs Alma

Nov 08, 2024 6:30PM - Nov 08, 2024 8:30PM
Van Noord Arena Main Gym
Nov 08, 2024

Calvin Theatre Company: Much Ado About Nothing by William Shakespeare

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

D1 Hockey vs GVSU

Nov 08, 2024 7:30PM - Nov 08, 2024 9:30PM
Eagles Ice Center