, 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); })(); HPERDS moves online - News & Stories | 鶹

鶹

Skip to main content

Calvin News

HPERDS moves online

Fri, Apr 01, 2011
Andrew Steiner
“We’re very enthused. I like to think of it as allowing students to clasp the crag with virtual hands.”

“We’re very enthused. I like to think of it as allowing students to clasp the crag with virtual hands.”

Inspired by the news of part-time physics and astronomy teacher Andrew Vanden Heuvel’s for 2011 Online Teacher of the Year, Calvin’s department of health, physical education, recreation, dance & sport (HPERDS) has debuted several classes in a new virtual format. Rock Climbing I and II (PER 141 and PER 142), Water Aerobics (PER 110), Nordic Walking (PER 102) and a number of other core physical education and recreation classes can now be taken online.

Campus Recreation Coordinator Ryan Walter Rooks, one of the chief architects of the new format, shared his rationale for the move with the : “The combination of mental calisthenics and physical engagement with computers creates for users a condition similar to the Zen-like state master climbers experience on the wall. I’d say no, almost nothing is lost in translation.”

For more coverage, see .

Loading...