, 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); })(); Resources ÃÛÌÒapp Center for Christian Scholarship | ÃÛÌÒapp

ÃÛÌÒapp

Skip to main content

Resources

Refugee & Immigration Collaborative: Connecting Global Neighbors

³Õ¾±²õ¾±³ÙÌý for a wide variety of resources compiled by the Refugee and Immigrant Collaborative, including videos from each participant which share why they personally care about these topics. Each working group member also shares a video addressing their area of expertise—biblical, historical, and legal perspectives; myths about refugees and immigrants; and strategies about dialoguing across differences. Learn more about this group in Spark »

Christian Perspectives on Mental Health

An outcome of the ÃÛÌÒapp Alumni Initiative on Mental Health, cosponsored by the ÃÛÌÒapp Alumni Association and the CCCS, was to minimize the stigma related to mental illness. The group decided the best avenue was to help educate emerging adults about mental health and this FAQ site accomplishes that goal.

Sport and Christianity

Christians today are questioning the role that their faith plays in sport. The Declaration on Sport and the Christian Life was written to reach not only those who are already considering their faith and sport, but also those who have engaged in the cultural practice of sport without realizing there might be a way that sport affects their life. Hence, the Declaration on Sport and the Christian Life is a twelve point document detailing how to fit sport within a Christian framework.

Running the Engine: How Energy Propels the Economy

Professor of Engineering at ÃÛÌÒapp, Matthew Heun shares his research on how energy and the economy are linked.

Turning South and East

Eminent Christian scholars, Nicholas Wolterstorff, Susan Van Zanten, and Mark Noll, share their life-changing encounters with world Christianity.

Loading...