, 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); })(); You Make a Difference - News & Stories | 麻豆区

麻豆区

Skip to main content

Spark

You Make a Difference

Wed, Jun 15, 2016

鈥淭heater is about what it means to be human in a broken world,鈥 said Debra Freeberg, Calvin communication arts and sciences professor. 鈥淚t disarms our prejudice; we feel empathy for the characters. It does it in a way that lectures just don鈥檛 do it.鈥

Freeberg鈥檚 latest production, You Make a Difference: No More Bullying!, is an example of the way in which theater has a clear effect. Freeberg was compelled to contribute to the dialogue on this social issue after her daughter鈥檚 experience of being bullied.

鈥淚 just saw the damage it does,鈥 she said. 鈥淚 saw a need and really felt a passion for it.鈥

The one-hour musical, written and directed by Freeberg with music by Tricia Bayfield 鈥05, takes the stage Sept. 22鈥24 once again (it debuted聽in January as a workshop production). Special school performances are available. An audience discussion follows all performances.

鈥淲hile the play doesn鈥檛 resolve the issues for the characters, I wanted to offer kids some means of becoming more resilient,鈥 said Freeberg. 鈥淚聽wanted to point to a better future.鈥