, 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 Calvin Seal - Marketing and Communications | �鶹��

�鶹��

The Calvin Seal

Through the university’s branding process, the historic design of the Calvin seal has persisted as a key element of our brand identity. While the Calvin logo will be used widely, the Calvin seal will retain its prestige by being featured in association with Calvin academics and the university’s most formal pieces.

English seal

Calvin’s English seal may be used in association with Calvin’s academic programs as a symbol of our academic rigor, history and legacy. This seal should not appear in a publication that does not also include the Calvin logo, unless explicit permission has been obtained from the office of communications and marketing.

�鶹��'s English moto.

Latin seal

The Latin seal is reserved for use on documents that require formal endorsement, such as diplomas, medallions, awards and certificates issued by the president or provost. Calvin’s seal may be either printed or blind-embossed for a more subtle effect.

The Latin seal of �鶹��.

Loading...