, 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); })(); Creating a Smoother Transition From High School to College - News & Stories | app

app

Skip to main content

app News

Creating a Smoother Transition From High School to College

Tue, Jul 23, 2024

Hannah Jeong, Abigail Puzemis, Sam Abdalla, and David Wandawa have spent the past month on the campus of app through the Entrada Scholars Program.

Entrada, which means “gateway” in Spanish is one of app’s premier College Access Programs. The academic program allows a cohort of racial and ethnic minority juniors and seniors in high school to experience what college life is like. For one month, 90 students from 15 states and six countries are taking a college course, participating in student life, and living on campus.

Going “back to school” just weeks after finishing up high school classes was not at the top of these four scholars’ summer bucket lists when they began Entrada in late June. A month later, they can’t imagine missing out on the experience.

Jeong, Puzemis, Abdalla, and Wandawa reflect on how they discovered community, learned valuable skills, and gained confidence during their four-week adventure at app. (Note: Each graduate of the program has a $4,000 renewable scholarship automatically added to their financial aid package each year they attend app.)

Q&As with 2024 Entrada Scholars

Hannah Jeong (Novi High School)

Abigail Puzemis (South Lyon High School)

Sam Abdalla (Forest Hills Northern High School)

David Wandawa (Rainbow International School Uganda)


Authors: