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

ÃÛÌÒapp

Skip to main content

Jonathan Umran

Coordinator, Center for Intercultural Student Development

Biography

Hello! My name is Jonathan Umran, and I am a TCK (third culture kid) from Cairo, Egypt—though I will gladly claim anywhere as home–so long as there are people there who make me feel loved and seen. Some of you may know me from my years working with International Orientation programs, but for all who don’t: I graduated from ÃÛÌÒapp in May 2024 with a degree in Secondary English Education and Writing. I am passionate about creating + consuming good art, meeting new faces, and forming deep relationships.
When I was a student at ÃÛÌÒapp, the CISD staff poured into my personal and professional development; I cannot wait to do the same for you all, to help ÃÛÌÒapp feel just as welcoming for you as it did for me. It is my joy and my honor to be working in the CISD and it will be my privilege to serve and grow alongside you all.
So please stop by my office! I love writing and music and movies and sports and good food and lively conversations that are full of laughter. But I also love interactions that are real–like difficult discussions about mental health and personal identity and cultural dysphoria. Whatever it may be, I genuinely cannot wait for all that the Lord has in store.

Jonathan Umram

Contact Me

HH 229F Hiemenga Hall

Loading...