, 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); })(); Under the lights - News & Stories | 鶹

Skip to main content

Spark

Under the lights

Fri, Sep 01, 2017

For the first time, Calvin’s Zuidema soccer field will be available after dusk for men’s and women’s soccer, lacrosse, track and field, and other events, thanks to new lights that are scheduled to be installed by early September.

Evening competition will allow sports schedules to flow more smoothly, and students won’t have to miss class. Family members, friends and community members will be able to more easily attend events outside of typical work and school hours. Jim Timmer, Calvin athletic director, believes this change will also make spectating more accessible and exciting for Calvin students.

“The time change [of the competition] will allow students to stay for the game instead of having to leave early or come late, which is typical now,” Timmer said. “We’re hoping this will bring more excitement and an overall better atmosphere to sporting events.”

It’s expected that the $400,000 light project, funded by donors, will be installed in time for Homecoming 2017, when there will be a tailgater and a doubleheader of men’s and women’s soccer.