, but this code // executes before the first paint, when

ÃÛÌÒapp

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); })(); Awards - ÃÛÌÒapp Video Productions | ÃÛÌÒapp

ÃÛÌÒapp

Skip to main content

Awards

A bronze and silver Telly Awards.

2008 Silver Telly Award Winner

ÃÛÌÒapp Video Productions celebrates winning the Telly's highest honor for the video production of the ÃÛÌÒapp Orchestra's performance of Gustav Mahler's first symphony: "Titan."

We worked closely with conductor Robert Nordling to produce a musically-driven presentation of the live event. Seven cameras, two performances, and many hours of editing were used to produce the final product.

2008 Bronze Telly Award Winner

ÃÛÌÒapp Video Productions celebrates winning the Bronze Telly Award for the video production of "Healing For A Broken World."

A joint effort between the ÃÛÌÒapp Media Foundation, The Henry Institute, and executive producer Steve Monsma, "Healing For A Broken World" took nearly a year to produce. America's leading experts on faith and politics were interviewed from Washington D.C. to Los Angeles. Our traveling production team shot and edited the entire project in high definition. The result is a 12-part series designed for small-groups interested in what the bible says about today's public policy issues.

Loading...