, 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

Michigan+trip
Aug 21, 2024

New Student Wilderness Trip: Sleeping Bear Dunes Backpack Multi-Element Adventure

Aug 21, 2024 - Aug 28, 2024 | All Day
Wilderness Trips are for admitted (and deposited) students for Fall 2024. We have opened a few more slots!
MI_upper_penninsula_backpack
Aug 21, 2024

New Student Wilderness Trip: Pictured Rocks Backpacking Expedition

Aug 21, 2024 - Aug 28, 2024 | All Day
Wilderness Trips are for admitted (and deposited) students for Fall 2024.
Canadian_Sea_Kayak_&_Climb
Aug 21, 2024

New Student Wilderness Trip: Canadian Sea Kayaking Expedition

Aug 21, 2024 - Aug 28, 2024 | All Day
Wilderness Trips are for admitted (and deposited) students for Fall 2024.
canadian_backpacking
Aug 21, 2024

New Student Wilderness Trip: Canadian Backpacking Expedition

Aug 21, 2024 - Aug 28, 2024 | All Day
Wilderness Trips are for admitted (and deposited) students for Fall 2024.
Aug 21, 2024

Employee Onboarding: Enrollment Division with Lauren Jensen

Aug 21, 2024 1:00PM - Aug 21, 2024 2:30PM
Hiemenga Classroom 334
President Ford
Aug 21, 2024

CALL Event: Young President Ford Walking Tour

Aug 21, 2024 6:00PM - Aug 21, 2024 7:30PM
Grand Rapids’ favorite son, Gerald R. Ford, the 38th President of the United States, is buried in our city beside his wife Betty, but he was not born here. In fact, he was not named Gerald R. Ford at birth.