, 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

Image
Marching Band Homecoming 2024

Marching Band

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

Conductor: Steve Sudduth

Rehearsal schedule: Tuesday/Thursday 4:00 - 5:30 p.m. (fall only)

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

Pep Band

The app Pep Band is a music ensemble that performs regularly at men’s and women’s basketball games. This ensemble is comprised of traditional band instruments, drumset, and electric bass.

Conductor: Steve Sudduth

Rehearsal schedule: Tuesday from 7:00 - 9:00 p.m. (Jan-Feb)

To join: contact Steve Sudduth at steven.sudduth@calvin.edu.

Marching Band Uniform Information

Each member will be issued aband shirtand band hat.These are to be worn for all performances and public appearances. As the weather turns colder you may wear long sleeves under them and we will also be issuingband jacketsin the near future.

Please provide your ownblack pants. These should be typical “dress” black slacks—no leggings or jeans. They should be solid black with no visible details or embellishments. We will wear black socks and shoes, so make sure the length is adequate. If you need assistance acquiring appropriate pants, please see Dr. Sudduth.

Each member is required to provide their ownblack marching shoes. If you already have these, you can use them, or you can purchase them from a variety of online vendors. has a few very affordable options and can ship quickly. There are several styles, and this year, we only require that they are solid black with no visible markings or details. Solid black athletic or dress shoes are also acceptable if they have no visible markings and are comfortable for you to wear.