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

ÃÛÌÒapp

Skip to main content

Ruth Kuder

Van Lunen Center Faculty| Head of School, Eastern Christian School, New Jersey

Education

BA, Wheaton College
English & History

MS, University of Scranton
Education Administration

EdD, Vanderbilt University
Leadership and Learning Organizations
 

Professional Experience

Ruth Kuder is the Head of School at Eastern Christian School in New Jersey, where she has served since 1990 in a variety of roles, including teacher, dean, international program director, high school principal, and chief education officer. Ruth is serving a third term on the Christian Schools International board of trustees, currently as vice-chair, and has been a member of the New Jersey Department of Education Nonpublic Advisory Committee since 2017. She was a 2021-2022 Van Lunen Fellow. She holds a BA in English and History from Wheaton College, IL, an MS in Educational Leadership from the University of Scranton, and an EdD in Organizational Leadership from Vanderbilt University. She is state-certified as a principal and chief school administrator. Ruth joined the Van Lunen faculty in 2023.

image of Ruth Kuder

Contact Me

Where to Find Me

Loading...