, 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); })(); Faith and Technology | app

app

Skip to main content
app

Faith and Technology

Exploring the Intersection of Faith and Technology

“Technology is a human cultural activity in which we exercise freedom and responsibility in response to God”

—Stephen Monsma,

“We shape our tools and thereafter they shape us.”

—John Culkin

app is gathering resources and developing events that explore how our Christian faith and the Reformed tradition can inform technological innovation. Join us in engaging with and evaluating the cultural, social, environmental, aesthetic, justice, and spiritual aspects of our digital age.

Featured Events

View all Faith and Technology events

Faith and Technology Resources

Digital Repository

Coming soon!

Browse or search our collection of annotated faith and technology resources. You can find book summaries, news articles, blogs, videos, podcasts, conference proceedings, and more, addressing many aspects of engineering, technology development, and philosophy of technology.

Papers and Articles

Find research papers and other articles by app faculty.

Talks and Interviews

Catch interviews, talks, chapel reflections, podcasts, and more about faith, technology, and artificial intelligence.

Blogs and Columns

Faith and Artificial Intelligence

Related Books by app Faculty

Contact

Want to get involved in the conversation? Reach out to the app experts in faith and technology.

Gayle Ermer

Gayle Ermer

Professor, department chair
616-526-6302
Derek Schuurman

Derek Schuurman

Professor, Department Chair
616-526-8562

Loading...