Skip to main content

Institute for Global Engagement

 

 

anim test

Built using a specially styled inline unordered list; 
<ul>
   <li> ... </li>
</ul>

NOTES:
 - each "row" is its own unordered list <ul> ... </ul> ;
 - each "row" should have 4 <li> items; fewer items are ok, but additional items would wrap oddly unless bootstrap column breakpoints are adjusted;
 - each <li> has an incremental fade-in delay so that each item seems to slide in following the one to its left;
    e.g. 1st item delay = "50";  2nd = "100";  3rd = "200";  4th = "300"

Top of WYSIWYG-HTML editor has styles and script to initialize the AOS (animate on scroll) actions.

Text length may need to be manually edited to prevent overlap with the animated items; for example, at narrow window widths the length of the email addresses may overlap the planned white space between items.

AOL CSS and JS are included via sitewide override selections on the homepage (ssi-type page include calls the necessary script and JS for this site:
CSS = <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
JS = <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>

 

IGE Staff

 

Learning Abroad Staff

 

NEW STAFF AREA