, 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); })(); 2019-2020 | ��app

��app

2019-2020

Bryan Alvaré

Headmaster
Faith Christian Academy
Fernandina Beach, Florida

Tim Bentum

Principal
London Christian High
London, Ontario, Canada

Ken Bergsma

Principal
Bellstone Christian School
Mount Hope, Ontario, Canada

Lukas Bickel

Principal
Immanuel Lutheran School
Hamilton, Ohio

Heidi Blokland

Principal
Timothy Christian School
Williamsburg, Ontario, Canada

Arn Boonstra

Principal
��app Christian School
Hamilton, Ontario, Canada

Justin DeMoor

Principal
Brantford Christian School
Brantford, Ontario, Canada

Matt Driediger

Principal
Vernon Christian School
Vernon, British Columbia, Canada

Quentin Flokstra

Lead Principal
Maple Ridge Christian School
Maple Ridge, British Columbia, Canada

Michael Humphries

Executive Director
Trinity Christian School
Calgary, Alberta, Canada

Brent Johnson

Headmaster
Concordia Preparatory School
Towson, Maryland

Kenneth Krueger

Principal
Redeemer Christian School
Cuyahoga Falls, Ohio

Nicole Levy

Executive Director/Principal
Luther Memorial School
Cleveland, Ohio

Anne Lucasse

Superintendent
Hillcrest School
Jos, Pleateau St
Nigeria

Philip Lundquist

Principal
Covenant Christian School
Aurora, Illinois

Jeremy Marsh

Head of School
Stillwater Christian School
Kalispell, Montana

Corey Moss

Head of School
Our Redeemer Lutheran School
Dallas, Texas

Chris Nellermoe

President
Park Christian School
Moorhead, Minnesota

Dan Vande Pol

Superintendent
Bradenton Christian School
Bradenton, Florida

Marc Verkaik

Lead Administrator
Kalamazoo Christian Schools
Kalamazoo, Michigan

Michael Waugh

Principal
Lutheran West High School
Rocky River, Ohio

Cindy Wellman

Principal
Veritas Christian Academy
Wayland, Massachusetts

Bryan Young

Principal
Delta Christian School
Delta, British Columbia, Canada

Jeanne Zimmerly Jantzi

Superintendent
Central Christian School
Kidron, Ohio