, 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);
})();
Mark D Bjelland | ÃÛÌÒapp
Skip to main content
Biography
- Hometowns: Minneapolis, MN; Seattle, WA; Vancouver, Canada
- Activities: bicycling, nordic skiing, kayaking, jazz and gospel music
- Favorite Authors: Sigrid Undset, Dostoyevsky, Austen, C.S. Lewis
Education
- B.C.E., Civil Engineering, University of Minnesota (High Distinction)
- M.S.C.E., Environmental Engineering, University of Washington
- M.C.S., Ethics, Regent College-Vancouver, British Columbia
- Ph.D., Geography, University of Minnesota
Professional Experience
- Professor of Geography and Environmental Studies, Gustavus Adolphus College
- Chair, City Planning Commission, Saint Peter, MN
- Engineering Project Manager, Golder Associates, Burnaby, B.C.
- Environmental Engineer, Barr Engineering, Minneapolis, MN
Academic Interests
- urban geography
- sustainable communities
- geographic information systems
- environmental justice
- faith-based placemaking
- spatial demographic analysis
Research
Current Projects
- Post-Industrial Spaces: The New Inner City and What Was Left Behind
- Local Elites, Philanthropy, and the Remaking of Grand Rapids, Michigan
- Placemaking and Community Development by Faith-Based Organizations
Awards
- U.S.-U.K. Fulbright Commission, Cardiff University Scholar
- German-American Fulbright Commission, German Studies Award
