, 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); })(); Gregory Braun | 麻豆区

麻豆区

Skip to main content

Gregory Braun

Adjunct Professor of Advertising
Director, MMSC Student Advertising & Media Agency

Professional Experience

Greg Braun is the retired Dep., Global Chief Creative Officer of Commonwealth/McCann. Prior to that he was the EVP/National Executive Creative Director of Innocean/USA in Los Angeles. He was also previously Co-President and Executive Creative director of PULSE/Team Detroit, and held creative leadership positions at Y&R, BBDO, and Saatchi & Saatchi.

He’s worked on such brands as Chevrolet, Toyota, Starbucks, United Airlines, Citibank, and Hyundai, and has created work for the Super Bowl, the Oscars, and FIFA World Cup.

Braun’s work has been recognized by the major awards shows including Cannes, the One Show, the Clios, and Effies, and he’s been a judge for the One Show, Clios, NY Festivals, London Internationals, and the Emmy Awards.

Gregory Braun

Contact Me

616-526-6473
Loading...