, 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); })(); Beltline - News & Stories | 麻豆区

麻豆区

Skip to main content

Spark

Beltline

Tue, Mar 15, 2016

As a student at Calvin, Stephen Clark 鈥10 traversed from the Knollcrest East apartments to聽 Calvin鈥檚 main campus every day using Calvin鈥檚 Crossing. 鈥淚 was amazed how the light and shadows could transform the interior space of the bridge,鈥 he said.

Clark, a fine arts major, was so intrigued that he decided to create a painting of the overpass: 鈥淚 wanted to create a painting for ArtPrize that would allow the viewer to be 鈥榠nside鈥 the picture. To do so, I chose an image with a strong one-point perspective. The Beltline bridge was a perfect example, because it not only allows the viewer to look down the corridor, but it also creates the possibility to see outside the windows and imagine a space beyond that which can be seen.鈥

The resulting Beltline was among the top 25 in 2D entries in the most recent ArtPrize, a Grand Rapids, Mich., art competition that draws entries from all over the world. The piece, now exhibited in the Spoelhof Fieldhouse Complex, was purchased by an anonymous buyer and gifted to Calvin.

See more of his work at .