, 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); })(); Athletic Bands - Music | ÃÛÌÒapp

ÃÛÌÒapp

Skip to main content

Athletic Bands

Marching Band 2024

Marching Band (Fall Only)

The ÃÛÌÒapp Marching Band is a music ensemble that performs regularly at home football games. This ensemble is open to all interested students, instruments, and levels of experience.

Director: Prof. Steve Sudduth
steven.sudduth@calvin.eduÌý

Rehearsal schedule: Tuesday and Thursday, 4:00 - 5:30pm

If you're interested in joining Marching Band, please fill out thisÌý.

Pep Band (Spring Only)

The ÃÛÌÒapp Pep Band is a music ensemble that performs regularly at men’s and women’s home basketball games. Our ensemble includes flutes, clarinets, saxophones, trumpets, horns, trombones, euphoniums, tubas, drum set, and electric bass.

Director: Prof. Steve Sudduth
steven.sudduth@calvin.edu

Rehearsal schedule: Tuesday and Thursday, 4:00 - 5:00pm

How to Join
All interested students should contact Prof. Steve Sudduth for more information.

Marching Band Uniform Information

  • Each member will be issued aÌýband shirt, hat, and jacket.
  • Members are expected to provide their own black pants. These should be typical "dress" black slacks--no leggings or jeans. They should be solid black with no visible details or embellishments. Please ensure length is adequate for appropriate black socks and marching shoes.
  • Members are expected to provide their ownÌýblack marching shoes. Members may use those from high school, or can purchase them from a variety of online vendors. ( offers several affordable options and ships quickly.) Shoes must be solid black with no visible markings or details. Comfortable footwear is highly recommended.
  • Please contact Prof. Steve Sudduth directly with any additional questions regarding uniform attire.

Loading...