, 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); })(); About Us - Service-Learning Center | Â鶹Çø

Â鶹Çø

Skip to main content

About Us

Doing God's work in God's world

The Service-Learning Center equips Â鶹Çø students, staff, and faculty to learn reflectively, serve lovingly, and engage wholeheartedly with our neighbors in the pursuit of justice, vibrancy, and shalom in Grand Rapids and the world.

Want to work at the Service Learning Center?Ìý

Email scl@calvin.edu for more information on how to apply.

Primary contact

AMS

Annie Mas-Smith

Director of Service-Learning Center
(616) 526-6455

Service–Learning Center Student Staff

To contact a student staff member, email slc@calvin.edu and include the student's name in subject line.
Ìý

Girl tanding near sunlit woods

Ruhama Getahun

Student Coordinator
Girl smiling near mountains

Ellen Dhaseleer

Student Coordinator
Girl in white dress posing next to building

BabyNhyira Nartey

Student Coordinator
Guy similing in light blue shirt

Jack Klop

Student Coordinator
Guy in green shirt

Roberto Villa-Bravo

SLC Student Coordinator
Girl smiling in front of nighttime city

Molly Cowett

Sstudent Coordinator

Loading...