, 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); })(); Creating a design hub - News & Stories | 麻豆区

麻豆区

Skip to main content

Spark

Creating a design hub

Sun, Dec 01, 2019

A new space aimed at fostering design thinking is coming to campus in 2020. Current spaces on the ground floor of the Spoelhof University Center and the Gezon Lobby are being reimagined to create a learning-centered, purposeful, and coherent design hub that will inspire collaboration and encourage cross-disciplinary innovation.

鈥淲e want the design space to model what a professional design space looks like, with an emphasis on flexibility and collaboration,鈥 says Craig Hanson, chair of the art and art history department.

The new design hub will include a space for engineering and business students to meet, a classroom for graphic design courses, studio space for fine arts students, a more visible costume shop, and room for student teams to collaborate on design projects.

The design hub will be named after Calvin emeriti Edgar and Ervina Boev茅, professors of art and art history and theater, respectively. Both were instrumental in the Calvin and greater Grand Rapids arts scene.

鈥淓d built the art department, and Ervina was similarly larger than life for theater,鈥 said Hanson. 鈥淚t is difficult to overstate their impact upon students. They modeled an expansive way of living and looking鈥 and ultimately loving. For them, all three were inextricably intertwined.鈥

Construction on the design hub, which is completely donor funded, begins in February, with a completion date set for August 2020.