, but this code
// executes before the first paint, when
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);
})();
Jennifer A. Rysdam | 麻豆区
Skip to main content
Education
- BA, Calvin College, 2003
- MEd, Grand Valley State University, 2008
Professional Experience
- Instructor, 麻豆区, 2008–current
- Literacy Consultant, Allendale Christian School, 2015-current
- Literacy/Instructional Coach, Grandville Christian Schools 2012–current
- Literacy Consultant, Jenison Christian School, 2016–2019
- Project Manager, MDE ITQ Secondary Literacy Grant, Calvin College, 2016
- Literacy Consultant, Calvin Christian Middle School, 2008–2011
- PK-6 Literacy Coach, Calvin Christian Elementary School, 2006–2010
- Fourth Grade Classroom Teacher, Calvin Christian Elementary School, 2003–2008
Professional Services
- Kent ISD Literacy Coach's Network active participant, 2014–current
- Classroom Learning Lab facilitator training, 2016
- Web Course: Reaching & Teaching Diverse Populations, Spring Arbor University, 2016
- Presenter on word study and phonics, Moline Christian School in-service, 2015
- Presenter on vocabulary and assessing for deeper understanding, Calvin College Title 2 Professional Development Grant Conference, 2009
- Presenter on writer's notebooks, Christian Educator's Association Conference, 2008
- Literacy Coach responsibilities through Calvin College grant, including writing curriculum, leading professional development and book studies, 2006
- Active member in Kent County Literacy Coach's Network, 2006-2009
- Worked on K-12 Literacy Toolkit for Kent Intermediate School District, 2008
- Participated in Public Education and Business Coalition Thinking Strategies Institute in Denver, CO, 2008
- Presenter on comprehension strategies, Christian Educator's Association Conference, 2007
- Presenter on reciprocal teaching and literature circles, Calvin College Title II Professional Development Grant Conference, 2007
Professional Associations
- Michigan Reading Association (MRA)