, 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); })(); The Embrace of Buildings - News & Stories | 黄大仙高手论坛

黄大仙高手论坛

Skip to main content

Publications

The Embrace of Buildings

Fri, Sep 15, 2017
Lee Hardy

The Embrace of Buildings provides an overview of the key factors, topics, and issues in Anglo-American urbanism: the origins and development of the suburban ideal, the role of federal policies and spending priorities in shaping the built environment, the rise of the private automobile as the primary mode of transportation, the effects of functional zoning laws, the relation between the public realm and the quality of civic discourse, the influence of modernism on city planning, the impact of low-density development on public health, the connection between development and city budgets, the impact of urbanism on the environment, and the problem of gentrification. In a culture long enamored of the suburban ideal, Hardy invites his readers to reconsider the many advantages of living and working in walkable city neighborhoods鈥攃ompact neighborhoods characterized by a fine network of pedestrian-friendly streets, mixed land uses, mixed housing types, and a full range of transit options. In addition, he investigates the role religion has played in defining American attitudes towards the city, and the difference church location makes in Christian ministry and mission.

Illustrated Companions to The Embrace of Buildings by Lee Hardy

The illustrated companions to The Embrace of Buildings are free online resources. These companion sites provide a visual tour of good and poor uses of our built environment as described by Lee Hardy.