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

��app

2018-2019 Fellows

Anger_David_sm

David Anger

Head of School
Bearspaw Christian School
Calgary, Alberta, Canada

James Armistead

W. James Armistead

Head of School
Washington Christian Academy
Olney, Maryland

Rita Bergsma

Rita Bergsma

Principal
Community Christian School
Metcalfe, Ontario
Canada

Sandro Cuzetto

Sandro Cuzetto

CEO/Principal
Kamloops Christian School
Kamloops, British Columbia
Canada

Ken DeWyn

Ken DeWyn

Executive Director
Calgary Christian School
Calgary, Alberta
Canada

Nathan Epp

Nathan Epp

Head of School
Freeman Academy
Freeman, South Dakota

David Florine

David Florine

Principal
St. John's Lutheran School
Arnold, Missouri

Anda Foxwell

Anda Foxwell

Head of School
Christian Academy of Japan
Tokyo, Japan

Bob Ippel

Bob Ippel

Executive Director
Rehoboth Christian School
Rehoboth, New Mexico

Wes Jones

Wes Jones

Principal
Trinity Lutheran School
Edwardsville, Illinois

An Kurosu Cole

An Kurosu Cole

Principal
West Side Christian School
Grand Rapids, Michigan

Suzanne Lagerwaard

Suzanne Lagerwaard

Principal
Rochester Central Lutheran School
Rochester, Minnesota

Megan Larson

Megan Larson

Principal
Atonement Lutheran School
Glendale, Arizona

Michael Raap

Michael Raap

Principal
John ��app School
Chilliwack, British Columbia
Canada

Rachel Scott

Rachel Scott

Principal
Christian Life Academy
Tamarac, Florida

Mike Vander Deen

Mike Vander Deen

Principal
Providence Reformed Collegiate
Komoka, Ontario
Canada

Edgar Veldman

Edgar Veldman

Principal
Centennial Christian School
Terrace, British Columbia
Canada

Kevin Visscher

Kevin Visscher

HS Principal
Langley Christian School
Langley, British Columbia
Canada

Kevin Vos

Kevin Vos

Principal
Brookfield Christian School
Brookfield, Wisconsin