, 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);
})();
Herman De Vries | 黄大仙高手论坛
Skip to main content
Education
- BA Calvin College 1988 (German)
- MA University of Cincinnati 1990 (German)
- PhD University of Cincinnati 1996 (Germanic Languages and Literatures)
- (Dissertation: Nicolaus Selnecker's Psalter Commentary (1565): A Documentary Study on Psalm Versification)
Academic Interests
- Early-modern German literature
- German Enlightenment
- Current trends in the Dutch language
Professional Services
Books, journals, and newsletters edited
- EUROTECH Newsletter (UConn) vols. 1 (1996) & 2 (1997) 16 pp.
- Assistant Editor, Focus on Literatur: a journal for German-language literature 2.1 (1995) 124 pp.
- Assistant Editor, Focus on Literatur 1.2 (1994) 122 pp.
- Editor, Focus on Literatur 1.1 (1994) 110 pp.
- Editorial assistant, Lessing Yearbook 25 (1993) 306 pp.
Professional Associations
- Professor De Vries teaches Dutch, German, and German literature Romanticism, 18th-20th century.
- President of the American Association for Netherlandic Studies (AANS) 2021-present
