, 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); })(); Kuyers Institute | ÃÛÌÒapp

ÃÛÌÒapp

Skip to main content

Kuyers Institute

for Christian Teaching and Learning

Promoting pedagogy, learning and educational leadership from an integrally Christian perspective.

The Kuyers Institute promotes Christian reflection on every aspect of education, from pre-kindergarten to the college level. We conduct and publish research, develop new approaches and resources, and provide training for educators in many countries and educational settings.

Learn more about the Kuyers Institute

Contact us

Introducing the Kuyers Institute

Watch Video
David I. Smith Director, Kuyers Institute

Get Involved with Kuyers

Here are ways you can get involved with the Kuyers Institute.

Teaching Resources

Find curriculum resources and more to use in your classroom.

Find out more

Practicing Faith: A tool for assessing your growth

Discover how faith is at work in your school. Gain reliable insight into how faith formation is unfolding within school in the lives of your students.

Conference

Learn about the Kuyers Institute conference on teaching and learning.

Go to the conference

Resources from the Institute

Faith in Teaching Podcast

Kuyers Institute director David I. Smith talks with researchers and educators who are working to understand how Christian faith affects teaching, learning, and the way we do education.

Explore the Podcast

Journal

International Journal of Christianity & Education aims to be the first point of reference for academic discussions of the relationship between Christianity and educational theory and practice in formal and informal settings.

News and Publications

Find out what's new at the Kuyers Institute, and explore books on many aspects of Christian teaching and learning

Read on

Newsletter

Sign up below to receive occasional updates about Kuyers Institute conferences, publications, professional development opportunities, and more.

Request Funding

The Institute seeks to collaborate with, but not duplicate, general-purpose resourcing organizations for Christian schools.

Find out More

Master's Degree

Get your Master's degree at ÃÛÌÒapp. Consider the Master of Arts in Teaching, or Master of Education (online or hybrid).

Find a Master's program

Presentations

Watch plenary sessions from past Kuyers Institute conferences.

Watch the presentations

Follow the Kuyers Institute

 |    |    | Â