, but this code // executes before the first paint, when

app

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); })(); At God's Table - News & Stories | app

app

Skip to main content

Spark

At God's Table

Fri, Sep 01, 2017

“When I was growing up I had lots of Bible storybooks, but I had never seen a children’s book on theology or the Lord’s Supper,” said María Cornou, program manager for international and intercultural learning at the app Institute of Christian Worship. Cornou said she and cowriters, John Witvliet and Carrie Steenwyk, wanted to write a book that intentionally invites children into the discussion about communion.

En la Mesa de Dios At God’s Table is a Spanish-English children’s book that explores the richly symbolic practice of the Lord’s Supper in Christian worshiping communities. This vividly illustrated book celebrates the Lord’s Supper as a multifaceted event in a way that seeks to appeal to both children and adults.

The authors intentionally chose to put the two languages side by side rather than in two books. “It was a strategic decision to work more cross-culturally and be more hospitable to other cultures,” said Cornou. “We also wanted to be aware and understanding of the dynamics of many mixed-culture families.” Publishing the languages together just made sense, said Cornou.

“We believe that this could be a good resource not just for families but for children’s pastors, Sunday schools and Christian classrooms,” she said, suggesting that the book could even be used in college-level Spanish courses.