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

ÃÛÌÒapp

Skip to main content

Mychal Thom

Van Lunen Center Faculty| Chief Diversity Officer and Faculty, Concordia University, St. Paul

Education

MS, Oakland University 2004

BS, Oakland University, 2000

Mychal attended Oakland University on full academic and basketball scholarships and graduated with a bachelor’s degree. As a result of his efforts at Oakland, Mychal earned the Wilson Award, an honor given to the student who has made the most outstanding contribution to the university through scholarship and leadership. He was awarded a full scholarship to pursue his master’s degree at Oakland. 

He was a 2011-2012 Van Lunen Fellow and joined the faculty team in 2014. In 2016, Mychal assumed the role of Head of School for CLHS. Mychal has served as the Chair of the Board of Directors for the Association of Lutheran Secondary Schools.

Professional Experience

Mychal was the Head of School at Concordia Lutheran High School in Fort Wayne, Indiana, from 2016 to 2021. In 2021, he became the Chief Diversity Officer and a faculty member for the Business and Biology departments at Concordia University - St. Paul.

Before this, he was a high school science and physical education teacher, coach, and assistant athletic director at Notre Dame Preparatory Academy in Pontiac, Michigan. In addition, Mychal was a professional speaker for Making It Count, Inc., traveling to high schools to speak to students about making good decisions regarding college. After four years at Notre Dame Prep, he began teaching Biology and Anatomy & Physiology at Muskegon Community College. Then he served as Principal at St. John Lutheran School in Rochester, Michigan, while earning his Colloquy from Concordia University at Ann Arbor. Mychal served as Head of School for Lutheran High North in Houston, followed by Principal at Concordia Lutheran High School.

image of Mychal Thom

Contact Me

Where to Find Me

Loading...