, 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); })(); 2023–2024 Van Lunen Fellows | ��app

��app

2023–2024 Van Lunen Fellows

Joel Bahr
Head of Schools
Lutheran West
Rocky River, OH

��

��

��

Paul Beardmore
VP of Educational
Programs
Chr. School Assoc.
of Greater Harrisburg
Harrisburg, PA

��

Brian Bell
Head of Schools
Redlands Christian
Schools
Redlands, CA

��

Amy Boatman
Head of School
Salem Lutheran
School
Tomball, TX

Jonathan Bolton
Principal
Destiny Christian
School
Red Deer, AB

��

Jason Borko
Head of School
Pinewood Chrisitan
Academy
Middleburg, FL

Tracy Bradely
Trustee & Head
of School
Park Street School
Boston, MA

Neil Childs
Head of School
Temple Christian
School
Fort Worth, TX

Earl Driedger
Head of School
Airdrie Christian��
Academy
Airdrie, AB

Thomas Gerds
Head of School
Grace Christian��
School of Ocala,FL
Ocala, FL

Mark Helmer
Head of School
Covenant Day��
School
Matthews, NC

Nate Holton
Superintendent
Central Christian
School
Kidron, OH

Stephen Janssen
Principal
London Christian
Elementary School
London, ON

Megan Kooiman
Principal
Ireton Christian��
School
Ireton, IA

Kevin Mosley
Head of School
Legacy Christian
Academy
Frisco, TX

Gabe Pethtel
Head of School
Intermountain
Christian School
Salt Lake City, UT

Jessica Raba
Asst. Head of School/
Principal
Long Island Lutheran
Middle & High School
Glen Head, NY

David Robinson
Head of School
Washington
Christian Academy
Olney, MD

Chris Sievers
Principal
Borculo Christian
School
Zeeland, MI

Carolyn Van Zwol
Principal
Laurentian Hills
Christian School
Kitchener, ON

Cindy Westendorp
Principal
Elora Road
Christian School
Guelph, ON

Laura Westra
Head of School
Randolph Christian
School
Randolph, WI

��

Mark Witvliet
Head Administrator
Dutton Christian
School
Caledonia, MI

��

��