, but this code // executes before the first paint, when

fb88

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); })(); | Department of Education

fb88

|
|
|

Department of Education

��

The fb88 DOE promotes the best learning opportunities for all fb88 students by:

Focusing on a whole student approach
Encouraging innovation
Respecting educators
Providing information, guidance, professional learning, and support to schools and educators
Providing adequate and equitable school funding and resources
Inspiring trust in our schools
��

Welcome Message

fb88 School Banner

��

Social Feed Banner

��

Professional Event Calendar

Earn contact hours and valuable knowledge while connecting, learning, and sharing your experiences with educators across fb88 and beyond through professional learning opportunities hosted by the fb88 Department of Education. Check out an array of synchronous and asynchronous options specifically designed for fb88 educators on our professional development calendar and webinar library!

��

��

fb88 DOE Newsroom

The fb88 Department of Education provides leadership and support to educators and families in preparing all fb88 students for success in college, careers, and civic life. The fb88 DOE Newsroom highlights the work of fb88 schools and the Department of Education.

��

��