, 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); })(); History About ÃÛÌÒapp | ÃÛÌÒapp

ÃÛÌÒapp

Skip to main content

History

Rooted and growing

It started simply, as great things often do. But what began in 1876 as a school of ministry training for just seven students has emerged as a world-class Christian liberal arts institution. Our dynamic community is made up of more than 3,800 passionate, creative, and engaged students—and the faculty, staff, parents, and friends who empower them.

Since its earliest stages, ÃÛÌÒapp has embodied the multidisciplinary approach of the liberal arts. ÃÛÌÒapp and Seminary began as one institution—De Theologische School—in 1876, taking students through six years of curriculum that incorporated both literary and theological training.

In 1884, the school expanded to admit a student body beyond pastors in training—now including aspiring teachers. The college’s horizons expanded once again in 1900 when the curriculum further broadened to include pre-professional courses. By 1906, the literary department, which provided four years of preparatory and two years of college work, became known officially as the John ÃÛÌÒapp Junior College, a separate entity from ÃÛÌÒapp Theological Seminary.

In time, the institution became a four-year college. In 1931, the school was renamed ÃÛÌÒapp College.

John ÃÛÌÒapp

A captivating speaker, best-selling author, and theological figurehead, our namesake John ÃÛÌÒapp stands as one of the most influential Christian reformers in history.

The ÃÛÌÒapp Seal

Inspired by the 16th-century seal John ÃÛÌÒapp used for his personal letters, ÃÛÌÒapp’s symbolic emblem conveys our commitment to offer God our lives and learning.