, 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 April Fool's issue - News & Stories | Â鶹Çø

Â鶹Çø

Skip to main content

Calvin News

The April Fool's issue

Fri, Apr 01, 2011
Myrna Anderson
Read the stories, watch the videos, hear the "HAWK!"

Unlimited classes, quirky interims, a fast pool and proactive hawks. It's all here:

Ìý

Ìý

Media Mention

HPERDS moves online

“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.â€Ìý

By Andrew Steiner, Contibuting Writer


Authors:

Dr. Carolyn E. Anderson
Professor Emeritus
526-6343

Loading...