, 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); })(); Delightful new Spark - News & Stories | ƴɸ̳

ƴɸ̳

Skip to main content

Spark

Delightful new Spark

Wed, Jun 15, 2016

The redesigned Spark is welcoming and embodies what Cornelius Plantinga Jr. in “Our Calling” refers to as “things that bring light and delight” (inside front cover).

This new format enlightens readers, using lively prose that’s not stodgy. Moreover, a splash of sunshine colors surrounds the script. The copy pleases readers’ eyes and gives them delight that winds its way to the bottom of warmed hearts.

Iconic Calvin art professor Edgar Boeve often reminded students that the English poet Gerard Manley Hopkins—who penned “God’s Grandeur”—inspired his art.

That’s the spark animating the magazine’s do-over, too. There’s grandeur suffusing script and sight lines that sheds light on Calvin College’s life and brings delight to illumined readers.

Jack R. Van Ens ’69, Arvada, Colorado

The new issue was as wonderful as the previous ones. Spark does so much to keep the graduates united around their alma mater! May your ministry continue to be blessed.

Louis Tamminga ’54, Grand Rapids, Michigan

Loading...