No notes defined.
<header class="siteHeader intranetHeader" id="siteHeader">
<div class="siteHeader__wrap">
<div class="siteHeader__a11y">
<a href="#main-content" class="visually-hidden focusable">Skip to main content</a>
</div>
<div class="siteHeader__inner intranetHeader__inner">
<div class="intranetHeader__bar">
<div class="wrap">
<div class="intranetHeader__barInner">
<a href="/" title="Home" class="intranetHeader__barLogo">
<img src="../../img/logo-primary.svg" alt="University of Michigan: School of Social Work" />
</a>
<div class="intranetHeader__barActions">
<ul>
<li>
<a href="" title="Favorite this page">
Favorite
<i class="icon icon--heart" aria-hidden="true">
<svg class="svgHeart" width="17" height="16" viewBox="0 0 17 16" fill="none" overflow="visible" xmlns="http://www.w3.org/2000/svg">
<path d="M8.9375 16L7.7775 14.8665C6.43083 13.5441 5.3175 12.4033 4.4375 11.4441C3.5575 10.485 2.8575 9.62383 2.3375 8.8606C1.8175 8.09795 1.4543 7.39691 1.2479 6.75749C1.0415 6.11807 0.938033 5.46412 0.9375 4.79564C0.9375 3.42961 1.3575 2.28883 2.1975 1.3733C3.0375 0.457766 4.08417 0 5.3375 0C6.03083 0 6.69083 0.159855 7.3175 0.479564C7.94417 0.799273 8.48417 1.24977 8.9375 1.83106C9.39083 1.24977 9.93083 0.799273 10.5575 0.479564C11.1842 0.159855 11.8442 0 12.5375 0C13.7908 0 14.8375 0.457766 15.6775 1.3733C16.5175 2.28883 16.9375 3.42961 16.9375 4.79564C16.9375 5.46412 16.834 6.11807 16.6271 6.75749C16.4202 7.39691 16.057 8.09795 15.5375 8.8606C15.0175 9.62383 14.3175 10.485 13.4375 11.4441C12.5575 12.4033 11.4442 13.5441 10.0975 14.8665L8.9375 16Z" fill="#C2185B" stroke="#999" stroke-width="0" />
</svg>
</i>
</a>
</li>
<li>
<a href="">
Logout
<i class="icon" aria-hidden="true">
<svg width="14" height="15" viewBox="0 0 14 15" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13.7435 7.95625C14.0853 7.56563 14.0853 6.93125 13.7435 6.54063L10.2435 2.54063C9.90166 2.15 9.34658 2.15 9.00478 2.54063C8.66299 2.93125 8.66299 3.56563 9.00478 3.95625L11.0118 6.25H5.25049C4.7665 6.25 4.37549 6.69687 4.37549 7.25C4.37549 7.80313 4.7665 8.25 5.25049 8.25H11.0118L9.00478 10.5437C8.66299 10.9344 8.66299 11.5688 9.00478 11.9594C9.34658 12.35 9.90166 12.35 10.2435 11.9594L13.7435 7.95938V7.95625ZM4.37549 2.25C4.85947 2.25 5.25049 1.80313 5.25049 1.25C5.25049 0.696875 4.85947 0.25 4.37549 0.25H2.62549C1.17627 0.25 0.000488281 1.59375 0.000488281 3.25V11.25C0.000488281 12.9062 1.17627 14.25 2.62549 14.25H4.37549C4.85947 14.25 5.25049 13.8031 5.25049 13.25C5.25049 12.6969 4.85947 12.25 4.37549 12.25H2.62549C2.1415 12.25 1.75049 11.8031 1.75049 11.25V3.25C1.75049 2.69687 2.1415 2.25 2.62549 2.25H4.37549Z" fill="#999" />
</svg>
</i>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="siteHeader__branding intranetHeader__branding">
<a href="/"><b>My</b>SSW</a>
</div>
<div class="siteHeader__actions">
<button class="siteHeader__button siteHeader__button--menu hamburger hamburger--squeeze" type="button" aria-controls="siteNav" aria-expanded="false" aria-label="Toggle navigation" title="Toggle navigation">
<span class="hamburger-box">
<span class="hamburger-inner"></span>
</span>
</button>
</div>
</div>
</div>
<nav class="siteHeader__nav" id="siteNav">
<div class="primaryNav">
<div class="wrap">
<ul class="primaryNav__list">
<li class="primaryNav__item ">
<a href="">Dashboard</a>
</li>
<li class="primaryNav__item ">
<details>
<summary>
<svg width="6" height="10" viewBox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M1 1L5 5L1 9" stroke="white" />
</svg>
My Studies
</summary>
<div class="primaryNav__secondLevel">
<div class="primaryNav__secondLevelWrap">
<a class="pointyLink" href="">Go to My Studies</a>
<ul>
<li><a href="">A link</a></li>
<li><a href="">A link</a></li>
<li><a href="">A link</a></li>
<li><a href="">A link</a></li>
<li><a href="">A link</a></li>
</ul>
</div>
</div>
</details>
</li>
<li class="primaryNav__item ">
<details>
<summary>
<svg width="6" height="10" viewBox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M1 1L5 5L1 9" stroke="white" />
</svg>
Financial Aid
</summary>
<div class="primaryNav__secondLevel">
<div class="primaryNav__secondLevelWrap">
<a class="pointyLink" href="">Go to Financial Aid</a>
<ul>
<li><a href="">A link</a></li>
<li><a href="">A link</a></li>
<li><a href="">A link</a></li>
<li><a href="">A link</a></li>
<li><a href="">A link</a></li>
</ul>
</div>
</div>
</details>
</li>
<li class="primaryNav__item ">
<details>
<summary>
<svg width="6" height="10" viewBox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M1 1L5 5L1 9" stroke="white" />
</svg>
Advising
</summary>
<div class="primaryNav__secondLevel">
<div class="primaryNav__secondLevelWrap">
<a class="pointyLink" href="">Go to Advising</a>
<ul>
<li><a href="">A link</a></li>
<li><a href="">A link</a></li>
<li><a href="">A link</a></li>
<li><a href="">A link</a></li>
<li><a href="">A link</a></li>
</ul>
</div>
</div>
</details>
</li>
<li class="primaryNav__item ">
<details>
<summary>
<svg width="6" height="10" viewBox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M1 1L5 5L1 9" stroke="white" />
</svg>
Facilities
</summary>
<div class="primaryNav__secondLevel">
<div class="primaryNav__secondLevelWrap">
<a class="pointyLink" href="">Go to Facilities</a>
<ul>
<li><a href="">A link</a></li>
<li><a href="">A link</a></li>
<li><a href="">A link</a></li>
<li><a href="">A link</a></li>
<li><a href="">A link</a></li>
</ul>
</div>
</div>
</details>
</li>
<li class="primaryNav__item ">
<details>
<summary>
<svg width="6" height="10" viewBox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M1 1L5 5L1 9" stroke="white" />
</svg>
Field Experience
</summary>
<div class="primaryNav__secondLevel">
<div class="primaryNav__secondLevelWrap">
<a class="pointyLink" href="">Go to Field Experience</a>
<ul>
<li><a href="">A link</a></li>
<li><a href="">A link</a></li>
<li><a href="">A link</a></li>
<li><a href="">A link</a></li>
<li><a href="">A link</a></li>
</ul>
</div>
</div>
</details>
</li>
<li class="primaryNav__item ">
<details>
<summary>
<svg width="6" height="10" viewBox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M1 1L5 5L1 9" stroke="white" />
</svg>
Tools
</summary>
<div class="primaryNav__secondLevel">
<div class="primaryNav__secondLevelWrap">
<a class="pointyLink" href="">Go to Tools</a>
<ul>
<li><a href="">A link</a></li>
<li><a href="">A link</a></li>
<li><a href="">A link</a></li>
<li><a href="">A link</a></li>
<li><a href="">A link</a></li>
</ul>
</div>
</div>
</details>
</li>
</ul>
</div>
</div>
</nav>
</header>
<header class="pageHeader pageHeader--intranet">
<div class="pageHeader__flex">
<div class="pageHeader__inner">
<div class="wrap">
<div class="pageHeader__intranetHeader">
<div class="pageHeader__intranetHeaderTitle">
<div class="pageHeader__title">
<header class="tickertape tickertape--bg-secondary">
<h1 class="tickertape__highlight">
Dashboard
</h1>
</header>
</div>
</div>
<div class="pageHeader__intranetHeaderTools">
<div class="pageHeader__intranetHeaderToolsInfo">
<dl class="meta meta--inline">
<div class="meta__item">
<dt class="caps">Roles:</dt>
<dd>Student, Staff</dd>
</div>
<div class="meta__item">
<dt class="caps">Advisors:</dt>
<dd><a href="">Johnathon Doeingson-Smith</a> (Faculty), <a href="">Johnathon Doeingson-Smith</a> (Another)</dd>
</div>
</dl>
</div>
<div class="pageHeader__intranetHeaderToolsControls">
<form class="viewModeSwitcher">
<ul class="viewModeSwitcher__list">
<li class="viewModeSwitcher__item">
<input type="radio" name="viewModeSwitcher__radio" id="viewModeSwitcher__grid" checked="checked" value="grid">
<label class="viewModeSwitcher__label" for="viewModeSwitcher__grid" aria-label="View as grid" title="View as grid">
<i class="icon icon--heart" aria-hidden="true">
<svg width="16" height="16" viewBox="0 0 16 16" fill="#999" xmlns="http://www.w3.org/2000/svg">
<path d="M0 0H7.2V7.2H0V0Z" />
<path d="M0 8.8H7.2V16H0V8.8Z" />
<path d="M8.8 0H16V7.2H8.8V0Z" />
<path d="M8.8 8.8H16V16H8.8V8.8Z" />
</svg>
</i>
<b class="visually-hidden">View as grid</b>
</label>
</li>
<li class="viewModeSwitcher__item">
<input type="radio" name="viewModeSwitcher__radio" id="viewModeSwitcher__list" value="list">
<label class="viewModeSwitcher__label" for="viewModeSwitcher__list" aria-label="View as list" title="View as list">
<i class="icon icon--heart" aria-hidden="true">
<svg width="17" height="16" viewBox="0 0 17 16" fill="#999" xmlns="http://www.w3.org/2000/svg">
<path d="M0.629395 0H3.67701V3.2H0.629395V0Z" />
<path d="M5.20082 0H16.6294V3.2H5.20082V0Z" />
<path d="M0.629395 6.4H3.67701V9.6H0.629395V6.4Z" />
<path d="M5.20082 6.4H16.6294V9.6H5.20082V6.4Z" />
<path d="M0.629395 12.8H3.67701V16H0.629395V12.8Z" />
<path d="M5.20082 12.8H16.6294V16H5.20082V12.8Z" />
</svg>
</i>
<b class="visually-hidden">View as list</b>
</label>
</li>
</ul>
</form>
</div>
</div>
</div>
<div class="pageHeader__intranetSearch">
<form class="intranetSearch">
<div class="intranetSearch__searchField">
<label class="visually-hidden">Search MySSW</label>
<input class="intranetSearch__searchInput" type="text" placeholder="Search MySSW..." />
<button class="intranetSearch__searchButton" type="submit" aria-label="Search" title="Search">Search</button>
</div>
<a href="">Advanced Search</a>
</form>
</div>
</div>
</div>
</div>
</header>
<main id="main-content">
<section class="slab">
<div class="slab__inner">
<div class="wrap">
<div class="grid grid--spaced">
<div class="col-2/3@tablet col-3/4@desktop margin-bottom-4xl">
<section class="moveableSection">
<header class="moveableSection__header">
<div class="moveableSection__title">
<header class="tickertape">
<h2 class="tickertape__highlight">
My Favorites
</h2>
</header>
</div>
<div class="moveableSection__headerActions">
<a href="/design-system/components/preview/dashboard--default.html" class="button button--sm button--tertiary">Finish Editing</a>
</div>
</header>
<ul class="tileList tileList--edit">
<li class="tileList__item">
<div class="tile tile--yellow">
<div class="tile__content">
<a href="" class="tile__link ">
Adivisor / Advisee Information
</a>
</div>
<div class="tile__actions">
<ul class="tile__actionsList">
<li class="tile__actionListItem tile__actionListItem--favorite">
<button class="tile__action tile__action--favorite" title="Remove from favorites" aria-label="Remove from favorites" data-favorite="true">
<span class="visually-hidden">Remove from favorites</span>
<i class="icon icon--heart" aria-hidden="true">
<svg class="svgHeart--filled" width="17" height="16" viewBox="0 0 17 16" fill="none" overflow="visible" xmlns="http://www.w3.org/2000/svg">
<path d="M8.9375 16L7.7775 14.8665C6.43083 13.5441 5.3175 12.4033 4.4375 11.4441C3.5575 10.485 2.8575 9.62383 2.3375 8.8606C1.8175 8.09795 1.4543 7.39691 1.2479 6.75749C1.0415 6.11807 0.938033 5.46412 0.9375 4.79564C0.9375 3.42961 1.3575 2.28883 2.1975 1.3733C3.0375 0.457766 4.08417 0 5.3375 0C6.03083 0 6.69083 0.159855 7.3175 0.479564C7.94417 0.799273 8.48417 1.24977 8.9375 1.83106C9.39083 1.24977 9.93083 0.799273 10.5575 0.479564C11.1842 0.159855 11.8442 0 12.5375 0C13.7908 0 14.8375 0.457766 15.6775 1.3733C16.5175 2.28883 16.9375 3.42961 16.9375 4.79564C16.9375 5.46412 16.834 6.11807 16.6271 6.75749C16.4202 7.39691 16.057 8.09795 15.5375 8.8606C15.0175 9.62383 14.3175 10.485 13.4375 11.4441C12.5575 12.4033 11.4442 13.5441 10.0975 14.8665L8.9375 16Z" fill="#C2185B" stroke="#999" stroke-width="0" />
</svg>
</i>
</button>
</li>
<li class="tile__actionListItem">
<details class="tile__actionDropdown">
<summary class="tile__action tile__action--theme" title="Change tile theme" aria-label="Change tile theme">
<span class="visually-hidden">Change tile theme</span>
<i class="icon" aria-hidden="true">
<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16.3538 12.9795L14.9012 9.39618V9.32727L8.64509 3.68811V2.26397C8.6429 2.03616 8.59543 1.81055 8.50493 1.59784C8.40581 1.3887 8.26113 1.19963 8.07948 1.04181C7.89782 0.883985 7.68288 0.760625 7.44737 0.679032C7.21264 0.594648 6.96089 0.555524 6.70836 0.564182C6.46024 0.562655 6.21426 0.605579 5.98471 0.690461C5.75515 0.775342 5.54659 0.90049 5.37115 1.05863C5.1957 1.21678 5.05686 1.40477 4.96269 1.61169C4.86852 1.8186 4.8209 2.04032 4.82259 2.26397V6.00809L0.923651 9.4536C0.571843 9.77951 0.375 10.2163 0.375 10.671C0.375 11.1257 0.571843 11.5625 0.923651 11.8884L5.54887 16.0575C5.72725 16.2194 5.94004 16.3481 6.17321 16.4365C6.63931 16.6052 7.15965 16.6052 7.62576 16.4365C7.85952 16.3485 8.0717 16.2197 8.2501 16.0575L14.5317 10.4069L13.6908 12.9336C13.6527 13.108 13.6527 13.2875 13.6908 13.4619C13.7328 13.6365 13.8156 13.8018 13.9329 13.9443C14.0577 14.0832 14.2081 14.2004 14.3788 14.2888C14.5572 14.3692 14.7534 14.4151 14.9522 14.4266C15.1624 14.4383 15.3725 14.4027 15.5638 14.3233C15.7541 14.2457 15.9236 14.1321 16.0607 13.9902C16.2003 13.846 16.2968 13.672 16.341 13.4849C16.3818 13.3183 16.3856 13.1472 16.3538 12.9795ZM6.16047 2.26397C6.14178 2.18833 6.14178 2.10991 6.16047 2.03427C6.19632 1.96056 6.24833 1.89415 6.31337 1.83902C6.38244 1.78983 6.45989 1.75105 6.54272 1.72417C6.6309 1.7071 6.7221 1.7071 6.81029 1.72417C6.96494 1.73494 7.10991 1.7962 7.21802 1.89645C7.31815 2.00197 7.37247 2.13661 7.37092 2.27545V3.72257L6.09676 4.87107L6.16047 2.26397ZM7.43463 15.2995C7.38079 15.3576 7.31027 15.4013 7.23076 15.4258C7.15451 15.4562 7.07205 15.4719 6.98867 15.4719C6.9053 15.4719 6.82284 15.4562 6.74658 15.4258C6.6671 15.4013 6.5966 15.3576 6.54272 15.2995L1.9175 11.1419C1.85779 11.0885 1.81039 11.025 1.77805 10.955C1.7457 10.885 1.72905 10.81 1.72905 10.7342C1.72905 10.6584 1.7457 10.5833 1.77805 10.5133C1.81039 10.4434 1.85779 10.3798 1.9175 10.3265L7.46011 5.33047V8.60371C7.36303 8.68391 7.28566 8.78156 7.23299 8.89035C7.18032 8.99915 7.15352 9.11668 7.15432 9.23539C7.13878 9.38654 7.16783 9.53872 7.23854 9.67649C7.30924 9.81427 7.41909 9.93276 7.55695 10.02C7.6948 10.1072 7.85578 10.16 8.02357 10.173C8.19135 10.1861 8.36 10.159 8.51241 10.0944C8.66482 10.0298 8.79559 9.93008 8.89148 9.80528C8.98736 9.68048 9.04496 9.53506 9.05842 9.38374C9.07189 9.23242 9.04076 9.08059 8.96817 8.94361C8.89559 8.80662 8.78413 8.68937 8.64509 8.60371V5.35344L13.5506 9.79815L7.43463 15.2995Z" fill="#999999" />
</svg>
</i>
</summary>
<div class="themePicker">
<ul class="themePicker__list">
<li class="themePicker__item">
<button title="Blue" aria-label="Set blue theme" class="themePicker__option" data-theme="blue">
<span class="visually-hidden">Set blue theme</span>
</button>
</li>
<li class="themePicker__item">
<button title="Navy" aria-label="Set navy theme" class="themePicker__option" data-theme="navy">
<span class="visually-hidden">Set navy theme</span>
</button>
</li>
<li class="themePicker__item">
<button title="Yellow" aria-label="Set yellow theme" class="themePicker__option" data-theme="yellow" disabled>
<span class="visually-hidden">Set yellow theme</span>
</button>
</li>
<li class="themePicker__item">
<button title="Pink" aria-label="Set pink theme" class="themePicker__option" data-theme="pink">
<span class="visually-hidden">Set pink theme</span>
</button>
</li>
<li class="themePicker__item">
<button title="Grey" aria-label="Set grey theme" class="themePicker__option" data-theme="grey">
<span class="visually-hidden">Set grey theme</span>
</button>
</li>
</ul>
</div>
</details>
</li>
<li class="tile__actionListItem">
<button class="tile__action tile__action--moveUp" title="Move up" aria-label="Move up">
<span class="visually-hidden">Move up</span>
<i class="icon" aria-hidden="true">
<svg width="22" height="23" viewBox="0 0 22 23" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.3913 10.5417L0 9.58333L11 0L22 9.58333L20.087 11.0208L12.4348 4.3125V23H9.56522V4.3125L2.3913 10.5417Z" fill="#999999" />
</svg> </i>
</button>
</li>
<li class="tile__actionListItem">
<button class="tile__action tile__action--moveDown" title="Move down" aria-label="Move down">
<span class="visually-hidden">Move down</span>
<i class="icon" aria-hidden="true">
<svg width="22" height="23" viewBox="0 0 22 23" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.3913 12.4583L0 13.4167L11 23L22 13.4167L20.087 11.9792L12.4348 18.6875V0H9.56522V18.6875L2.3913 12.4583Z" fill="#999999" />
</svg>
</i>
</button>
</li>
</ul>
</div>
</div>
</li>
<li class="tileList__item">
<div class="tile tile--navy">
<div class="tile__content">
<a href="" class="tile__link ">
Language Course Request for Credit
</a>
</div>
<div class="tile__actions">
<ul class="tile__actionsList">
<li class="tile__actionListItem tile__actionListItem--favorite">
<button class="tile__action tile__action--favorite" title="Remove from favorites" aria-label="Remove from favorites" data-favorite="true">
<span class="visually-hidden">Remove from favorites</span>
<i class="icon icon--heart" aria-hidden="true">
<svg class="svgHeart--filled" width="17" height="16" viewBox="0 0 17 16" fill="none" overflow="visible" xmlns="http://www.w3.org/2000/svg">
<path d="M8.9375 16L7.7775 14.8665C6.43083 13.5441 5.3175 12.4033 4.4375 11.4441C3.5575 10.485 2.8575 9.62383 2.3375 8.8606C1.8175 8.09795 1.4543 7.39691 1.2479 6.75749C1.0415 6.11807 0.938033 5.46412 0.9375 4.79564C0.9375 3.42961 1.3575 2.28883 2.1975 1.3733C3.0375 0.457766 4.08417 0 5.3375 0C6.03083 0 6.69083 0.159855 7.3175 0.479564C7.94417 0.799273 8.48417 1.24977 8.9375 1.83106C9.39083 1.24977 9.93083 0.799273 10.5575 0.479564C11.1842 0.159855 11.8442 0 12.5375 0C13.7908 0 14.8375 0.457766 15.6775 1.3733C16.5175 2.28883 16.9375 3.42961 16.9375 4.79564C16.9375 5.46412 16.834 6.11807 16.6271 6.75749C16.4202 7.39691 16.057 8.09795 15.5375 8.8606C15.0175 9.62383 14.3175 10.485 13.4375 11.4441C12.5575 12.4033 11.4442 13.5441 10.0975 14.8665L8.9375 16Z" fill="#C2185B" stroke="#999" stroke-width="0" />
</svg>
</i>
</button>
</li>
<li class="tile__actionListItem">
<details class="tile__actionDropdown">
<summary class="tile__action tile__action--theme" title="Change tile theme" aria-label="Change tile theme">
<span class="visually-hidden">Change tile theme</span>
<i class="icon" aria-hidden="true">
<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16.3538 12.9795L14.9012 9.39618V9.32727L8.64509 3.68811V2.26397C8.6429 2.03616 8.59543 1.81055 8.50493 1.59784C8.40581 1.3887 8.26113 1.19963 8.07948 1.04181C7.89782 0.883985 7.68288 0.760625 7.44737 0.679032C7.21264 0.594648 6.96089 0.555524 6.70836 0.564182C6.46024 0.562655 6.21426 0.605579 5.98471 0.690461C5.75515 0.775342 5.54659 0.90049 5.37115 1.05863C5.1957 1.21678 5.05686 1.40477 4.96269 1.61169C4.86852 1.8186 4.8209 2.04032 4.82259 2.26397V6.00809L0.923651 9.4536C0.571843 9.77951 0.375 10.2163 0.375 10.671C0.375 11.1257 0.571843 11.5625 0.923651 11.8884L5.54887 16.0575C5.72725 16.2194 5.94004 16.3481 6.17321 16.4365C6.63931 16.6052 7.15965 16.6052 7.62576 16.4365C7.85952 16.3485 8.0717 16.2197 8.2501 16.0575L14.5317 10.4069L13.6908 12.9336C13.6527 13.108 13.6527 13.2875 13.6908 13.4619C13.7328 13.6365 13.8156 13.8018 13.9329 13.9443C14.0577 14.0832 14.2081 14.2004 14.3788 14.2888C14.5572 14.3692 14.7534 14.4151 14.9522 14.4266C15.1624 14.4383 15.3725 14.4027 15.5638 14.3233C15.7541 14.2457 15.9236 14.1321 16.0607 13.9902C16.2003 13.846 16.2968 13.672 16.341 13.4849C16.3818 13.3183 16.3856 13.1472 16.3538 12.9795ZM6.16047 2.26397C6.14178 2.18833 6.14178 2.10991 6.16047 2.03427C6.19632 1.96056 6.24833 1.89415 6.31337 1.83902C6.38244 1.78983 6.45989 1.75105 6.54272 1.72417C6.6309 1.7071 6.7221 1.7071 6.81029 1.72417C6.96494 1.73494 7.10991 1.7962 7.21802 1.89645C7.31815 2.00197 7.37247 2.13661 7.37092 2.27545V3.72257L6.09676 4.87107L6.16047 2.26397ZM7.43463 15.2995C7.38079 15.3576 7.31027 15.4013 7.23076 15.4258C7.15451 15.4562 7.07205 15.4719 6.98867 15.4719C6.9053 15.4719 6.82284 15.4562 6.74658 15.4258C6.6671 15.4013 6.5966 15.3576 6.54272 15.2995L1.9175 11.1419C1.85779 11.0885 1.81039 11.025 1.77805 10.955C1.7457 10.885 1.72905 10.81 1.72905 10.7342C1.72905 10.6584 1.7457 10.5833 1.77805 10.5133C1.81039 10.4434 1.85779 10.3798 1.9175 10.3265L7.46011 5.33047V8.60371C7.36303 8.68391 7.28566 8.78156 7.23299 8.89035C7.18032 8.99915 7.15352 9.11668 7.15432 9.23539C7.13878 9.38654 7.16783 9.53872 7.23854 9.67649C7.30924 9.81427 7.41909 9.93276 7.55695 10.02C7.6948 10.1072 7.85578 10.16 8.02357 10.173C8.19135 10.1861 8.36 10.159 8.51241 10.0944C8.66482 10.0298 8.79559 9.93008 8.89148 9.80528C8.98736 9.68048 9.04496 9.53506 9.05842 9.38374C9.07189 9.23242 9.04076 9.08059 8.96817 8.94361C8.89559 8.80662 8.78413 8.68937 8.64509 8.60371V5.35344L13.5506 9.79815L7.43463 15.2995Z" fill="#999999" />
</svg>
</i>
</summary>
<div class="themePicker">
<ul class="themePicker__list">
<li class="themePicker__item">
<button title="Blue" aria-label="Set blue theme" class="themePicker__option" data-theme="blue">
<span class="visually-hidden">Set blue theme</span>
</button>
</li>
<li class="themePicker__item">
<button title="Navy" aria-label="Set navy theme" class="themePicker__option" data-theme="navy" disabled>
<span class="visually-hidden">Set navy theme</span>
</button>
</li>
<li class="themePicker__item">
<button title="Yellow" aria-label="Set yellow theme" class="themePicker__option" data-theme="yellow">
<span class="visually-hidden">Set yellow theme</span>
</button>
</li>
<li class="themePicker__item">
<button title="Pink" aria-label="Set pink theme" class="themePicker__option" data-theme="pink">
<span class="visually-hidden">Set pink theme</span>
</button>
</li>
<li class="themePicker__item">
<button title="Grey" aria-label="Set grey theme" class="themePicker__option" data-theme="grey">
<span class="visually-hidden">Set grey theme</span>
</button>
</li>
</ul>
</div>
</details>
</li>
<li class="tile__actionListItem">
<button class="tile__action tile__action--moveUp" title="Move up" aria-label="Move up">
<span class="visually-hidden">Move up</span>
<i class="icon" aria-hidden="true">
<svg width="22" height="23" viewBox="0 0 22 23" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.3913 10.5417L0 9.58333L11 0L22 9.58333L20.087 11.0208L12.4348 4.3125V23H9.56522V4.3125L2.3913 10.5417Z" fill="#999999" />
</svg> </i>
</button>
</li>
<li class="tile__actionListItem">
<button class="tile__action tile__action--moveDown" title="Move down" aria-label="Move down">
<span class="visually-hidden">Move down</span>
<i class="icon" aria-hidden="true">
<svg width="22" height="23" viewBox="0 0 22 23" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.3913 12.4583L0 13.4167L11 23L22 13.4167L20.087 11.9792L12.4348 18.6875V0H9.56522V18.6875L2.3913 12.4583Z" fill="#999999" />
</svg>
</i>
</button>
</li>
</ul>
</div>
</div>
</li>
<li class="tileList__item">
<div class="tile tile--pink">
<div class="tile__content">
<a href="" class="tile__link ">
Really Long Tile Title To See What Happens When We Use an Unusually Extraordinarily Long Title
</a>
</div>
<div class="tile__actions">
<ul class="tile__actionsList">
<li class="tile__actionListItem tile__actionListItem--favorite">
<button class="tile__action tile__action--favorite" title="Remove from favorites" aria-label="Remove from favorites" data-favorite="true">
<span class="visually-hidden">Remove from favorites</span>
<i class="icon icon--heart" aria-hidden="true">
<svg class="svgHeart--filled" width="17" height="16" viewBox="0 0 17 16" fill="none" overflow="visible" xmlns="http://www.w3.org/2000/svg">
<path d="M8.9375 16L7.7775 14.8665C6.43083 13.5441 5.3175 12.4033 4.4375 11.4441C3.5575 10.485 2.8575 9.62383 2.3375 8.8606C1.8175 8.09795 1.4543 7.39691 1.2479 6.75749C1.0415 6.11807 0.938033 5.46412 0.9375 4.79564C0.9375 3.42961 1.3575 2.28883 2.1975 1.3733C3.0375 0.457766 4.08417 0 5.3375 0C6.03083 0 6.69083 0.159855 7.3175 0.479564C7.94417 0.799273 8.48417 1.24977 8.9375 1.83106C9.39083 1.24977 9.93083 0.799273 10.5575 0.479564C11.1842 0.159855 11.8442 0 12.5375 0C13.7908 0 14.8375 0.457766 15.6775 1.3733C16.5175 2.28883 16.9375 3.42961 16.9375 4.79564C16.9375 5.46412 16.834 6.11807 16.6271 6.75749C16.4202 7.39691 16.057 8.09795 15.5375 8.8606C15.0175 9.62383 14.3175 10.485 13.4375 11.4441C12.5575 12.4033 11.4442 13.5441 10.0975 14.8665L8.9375 16Z" fill="#C2185B" stroke="#999" stroke-width="0" />
</svg>
</i>
</button>
</li>
<li class="tile__actionListItem">
<details class="tile__actionDropdown">
<summary class="tile__action tile__action--theme" title="Change tile theme" aria-label="Change tile theme">
<span class="visually-hidden">Change tile theme</span>
<i class="icon" aria-hidden="true">
<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16.3538 12.9795L14.9012 9.39618V9.32727L8.64509 3.68811V2.26397C8.6429 2.03616 8.59543 1.81055 8.50493 1.59784C8.40581 1.3887 8.26113 1.19963 8.07948 1.04181C7.89782 0.883985 7.68288 0.760625 7.44737 0.679032C7.21264 0.594648 6.96089 0.555524 6.70836 0.564182C6.46024 0.562655 6.21426 0.605579 5.98471 0.690461C5.75515 0.775342 5.54659 0.90049 5.37115 1.05863C5.1957 1.21678 5.05686 1.40477 4.96269 1.61169C4.86852 1.8186 4.8209 2.04032 4.82259 2.26397V6.00809L0.923651 9.4536C0.571843 9.77951 0.375 10.2163 0.375 10.671C0.375 11.1257 0.571843 11.5625 0.923651 11.8884L5.54887 16.0575C5.72725 16.2194 5.94004 16.3481 6.17321 16.4365C6.63931 16.6052 7.15965 16.6052 7.62576 16.4365C7.85952 16.3485 8.0717 16.2197 8.2501 16.0575L14.5317 10.4069L13.6908 12.9336C13.6527 13.108 13.6527 13.2875 13.6908 13.4619C13.7328 13.6365 13.8156 13.8018 13.9329 13.9443C14.0577 14.0832 14.2081 14.2004 14.3788 14.2888C14.5572 14.3692 14.7534 14.4151 14.9522 14.4266C15.1624 14.4383 15.3725 14.4027 15.5638 14.3233C15.7541 14.2457 15.9236 14.1321 16.0607 13.9902C16.2003 13.846 16.2968 13.672 16.341 13.4849C16.3818 13.3183 16.3856 13.1472 16.3538 12.9795ZM6.16047 2.26397C6.14178 2.18833 6.14178 2.10991 6.16047 2.03427C6.19632 1.96056 6.24833 1.89415 6.31337 1.83902C6.38244 1.78983 6.45989 1.75105 6.54272 1.72417C6.6309 1.7071 6.7221 1.7071 6.81029 1.72417C6.96494 1.73494 7.10991 1.7962 7.21802 1.89645C7.31815 2.00197 7.37247 2.13661 7.37092 2.27545V3.72257L6.09676 4.87107L6.16047 2.26397ZM7.43463 15.2995C7.38079 15.3576 7.31027 15.4013 7.23076 15.4258C7.15451 15.4562 7.07205 15.4719 6.98867 15.4719C6.9053 15.4719 6.82284 15.4562 6.74658 15.4258C6.6671 15.4013 6.5966 15.3576 6.54272 15.2995L1.9175 11.1419C1.85779 11.0885 1.81039 11.025 1.77805 10.955C1.7457 10.885 1.72905 10.81 1.72905 10.7342C1.72905 10.6584 1.7457 10.5833 1.77805 10.5133C1.81039 10.4434 1.85779 10.3798 1.9175 10.3265L7.46011 5.33047V8.60371C7.36303 8.68391 7.28566 8.78156 7.23299 8.89035C7.18032 8.99915 7.15352 9.11668 7.15432 9.23539C7.13878 9.38654 7.16783 9.53872 7.23854 9.67649C7.30924 9.81427 7.41909 9.93276 7.55695 10.02C7.6948 10.1072 7.85578 10.16 8.02357 10.173C8.19135 10.1861 8.36 10.159 8.51241 10.0944C8.66482 10.0298 8.79559 9.93008 8.89148 9.80528C8.98736 9.68048 9.04496 9.53506 9.05842 9.38374C9.07189 9.23242 9.04076 9.08059 8.96817 8.94361C8.89559 8.80662 8.78413 8.68937 8.64509 8.60371V5.35344L13.5506 9.79815L7.43463 15.2995Z" fill="#999999" />
</svg>
</i>
</summary>
<div class="themePicker">
<ul class="themePicker__list">
<li class="themePicker__item">
<button title="Blue" aria-label="Set blue theme" class="themePicker__option" data-theme="blue">
<span class="visually-hidden">Set blue theme</span>
</button>
</li>
<li class="themePicker__item">
<button title="Navy" aria-label="Set navy theme" class="themePicker__option" data-theme="navy">
<span class="visually-hidden">Set navy theme</span>
</button>
</li>
<li class="themePicker__item">
<button title="Yellow" aria-label="Set yellow theme" class="themePicker__option" data-theme="yellow">
<span class="visually-hidden">Set yellow theme</span>
</button>
</li>
<li class="themePicker__item">
<button title="Pink" aria-label="Set pink theme" class="themePicker__option" data-theme="pink" disabled>
<span class="visually-hidden">Set pink theme</span>
</button>
</li>
<li class="themePicker__item">
<button title="Grey" aria-label="Set grey theme" class="themePicker__option" data-theme="grey">
<span class="visually-hidden">Set grey theme</span>
</button>
</li>
</ul>
</div>
</details>
</li>
<li class="tile__actionListItem">
<button class="tile__action tile__action--moveUp" title="Move up" aria-label="Move up">
<span class="visually-hidden">Move up</span>
<i class="icon" aria-hidden="true">
<svg width="22" height="23" viewBox="0 0 22 23" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.3913 10.5417L0 9.58333L11 0L22 9.58333L20.087 11.0208L12.4348 4.3125V23H9.56522V4.3125L2.3913 10.5417Z" fill="#999999" />
</svg> </i>
</button>
</li>
<li class="tile__actionListItem">
<button class="tile__action tile__action--moveDown" title="Move down" aria-label="Move down">
<span class="visually-hidden">Move down</span>
<i class="icon" aria-hidden="true">
<svg width="22" height="23" viewBox="0 0 22 23" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.3913 12.4583L0 13.4167L11 23L22 13.4167L20.087 11.9792L12.4348 18.6875V0H9.56522V18.6875L2.3913 12.4583Z" fill="#999999" />
</svg>
</i>
</button>
</li>
</ul>
</div>
</div>
</li>
<li class="tileList__item">
<div class="tile tile--blue">
<div class="tile__content">
<a href="" class="tile__link ">
Short Title
</a>
</div>
<div class="tile__actions">
<ul class="tile__actionsList">
<li class="tile__actionListItem tile__actionListItem--favorite">
<button class="tile__action tile__action--favorite" title="Remove from favorites" aria-label="Remove from favorites" data-favorite="true">
<span class="visually-hidden">Remove from favorites</span>
<i class="icon icon--heart" aria-hidden="true">
<svg class="svgHeart--filled" width="17" height="16" viewBox="0 0 17 16" fill="none" overflow="visible" xmlns="http://www.w3.org/2000/svg">
<path d="M8.9375 16L7.7775 14.8665C6.43083 13.5441 5.3175 12.4033 4.4375 11.4441C3.5575 10.485 2.8575 9.62383 2.3375 8.8606C1.8175 8.09795 1.4543 7.39691 1.2479 6.75749C1.0415 6.11807 0.938033 5.46412 0.9375 4.79564C0.9375 3.42961 1.3575 2.28883 2.1975 1.3733C3.0375 0.457766 4.08417 0 5.3375 0C6.03083 0 6.69083 0.159855 7.3175 0.479564C7.94417 0.799273 8.48417 1.24977 8.9375 1.83106C9.39083 1.24977 9.93083 0.799273 10.5575 0.479564C11.1842 0.159855 11.8442 0 12.5375 0C13.7908 0 14.8375 0.457766 15.6775 1.3733C16.5175 2.28883 16.9375 3.42961 16.9375 4.79564C16.9375 5.46412 16.834 6.11807 16.6271 6.75749C16.4202 7.39691 16.057 8.09795 15.5375 8.8606C15.0175 9.62383 14.3175 10.485 13.4375 11.4441C12.5575 12.4033 11.4442 13.5441 10.0975 14.8665L8.9375 16Z" fill="#C2185B" stroke="#999" stroke-width="0" />
</svg>
</i>
</button>
</li>
<li class="tile__actionListItem">
<details class="tile__actionDropdown">
<summary class="tile__action tile__action--theme" title="Change tile theme" aria-label="Change tile theme">
<span class="visually-hidden">Change tile theme</span>
<i class="icon" aria-hidden="true">
<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16.3538 12.9795L14.9012 9.39618V9.32727L8.64509 3.68811V2.26397C8.6429 2.03616 8.59543 1.81055 8.50493 1.59784C8.40581 1.3887 8.26113 1.19963 8.07948 1.04181C7.89782 0.883985 7.68288 0.760625 7.44737 0.679032C7.21264 0.594648 6.96089 0.555524 6.70836 0.564182C6.46024 0.562655 6.21426 0.605579 5.98471 0.690461C5.75515 0.775342 5.54659 0.90049 5.37115 1.05863C5.1957 1.21678 5.05686 1.40477 4.96269 1.61169C4.86852 1.8186 4.8209 2.04032 4.82259 2.26397V6.00809L0.923651 9.4536C0.571843 9.77951 0.375 10.2163 0.375 10.671C0.375 11.1257 0.571843 11.5625 0.923651 11.8884L5.54887 16.0575C5.72725 16.2194 5.94004 16.3481 6.17321 16.4365C6.63931 16.6052 7.15965 16.6052 7.62576 16.4365C7.85952 16.3485 8.0717 16.2197 8.2501 16.0575L14.5317 10.4069L13.6908 12.9336C13.6527 13.108 13.6527 13.2875 13.6908 13.4619C13.7328 13.6365 13.8156 13.8018 13.9329 13.9443C14.0577 14.0832 14.2081 14.2004 14.3788 14.2888C14.5572 14.3692 14.7534 14.4151 14.9522 14.4266C15.1624 14.4383 15.3725 14.4027 15.5638 14.3233C15.7541 14.2457 15.9236 14.1321 16.0607 13.9902C16.2003 13.846 16.2968 13.672 16.341 13.4849C16.3818 13.3183 16.3856 13.1472 16.3538 12.9795ZM6.16047 2.26397C6.14178 2.18833 6.14178 2.10991 6.16047 2.03427C6.19632 1.96056 6.24833 1.89415 6.31337 1.83902C6.38244 1.78983 6.45989 1.75105 6.54272 1.72417C6.6309 1.7071 6.7221 1.7071 6.81029 1.72417C6.96494 1.73494 7.10991 1.7962 7.21802 1.89645C7.31815 2.00197 7.37247 2.13661 7.37092 2.27545V3.72257L6.09676 4.87107L6.16047 2.26397ZM7.43463 15.2995C7.38079 15.3576 7.31027 15.4013 7.23076 15.4258C7.15451 15.4562 7.07205 15.4719 6.98867 15.4719C6.9053 15.4719 6.82284 15.4562 6.74658 15.4258C6.6671 15.4013 6.5966 15.3576 6.54272 15.2995L1.9175 11.1419C1.85779 11.0885 1.81039 11.025 1.77805 10.955C1.7457 10.885 1.72905 10.81 1.72905 10.7342C1.72905 10.6584 1.7457 10.5833 1.77805 10.5133C1.81039 10.4434 1.85779 10.3798 1.9175 10.3265L7.46011 5.33047V8.60371C7.36303 8.68391 7.28566 8.78156 7.23299 8.89035C7.18032 8.99915 7.15352 9.11668 7.15432 9.23539C7.13878 9.38654 7.16783 9.53872 7.23854 9.67649C7.30924 9.81427 7.41909 9.93276 7.55695 10.02C7.6948 10.1072 7.85578 10.16 8.02357 10.173C8.19135 10.1861 8.36 10.159 8.51241 10.0944C8.66482 10.0298 8.79559 9.93008 8.89148 9.80528C8.98736 9.68048 9.04496 9.53506 9.05842 9.38374C9.07189 9.23242 9.04076 9.08059 8.96817 8.94361C8.89559 8.80662 8.78413 8.68937 8.64509 8.60371V5.35344L13.5506 9.79815L7.43463 15.2995Z" fill="#999999" />
</svg>
</i>
</summary>
<div class="themePicker">
<ul class="themePicker__list">
<li class="themePicker__item">
<button title="Blue" aria-label="Set blue theme" class="themePicker__option" data-theme="blue" disabled>
<span class="visually-hidden">Set blue theme</span>
</button>
</li>
<li class="themePicker__item">
<button title="Navy" aria-label="Set navy theme" class="themePicker__option" data-theme="navy">
<span class="visually-hidden">Set navy theme</span>
</button>
</li>
<li class="themePicker__item">
<button title="Yellow" aria-label="Set yellow theme" class="themePicker__option" data-theme="yellow">
<span class="visually-hidden">Set yellow theme</span>
</button>
</li>
<li class="themePicker__item">
<button title="Pink" aria-label="Set pink theme" class="themePicker__option" data-theme="pink">
<span class="visually-hidden">Set pink theme</span>
</button>
</li>
<li class="themePicker__item">
<button title="Grey" aria-label="Set grey theme" class="themePicker__option" data-theme="grey">
<span class="visually-hidden">Set grey theme</span>
</button>
</li>
</ul>
</div>
</details>
</li>
<li class="tile__actionListItem">
<button class="tile__action tile__action--moveUp" title="Move up" aria-label="Move up">
<span class="visually-hidden">Move up</span>
<i class="icon" aria-hidden="true">
<svg width="22" height="23" viewBox="0 0 22 23" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.3913 10.5417L0 9.58333L11 0L22 9.58333L20.087 11.0208L12.4348 4.3125V23H9.56522V4.3125L2.3913 10.5417Z" fill="#999999" />
</svg> </i>
</button>
</li>
<li class="tile__actionListItem">
<button class="tile__action tile__action--moveDown" title="Move down" aria-label="Move down">
<span class="visually-hidden">Move down</span>
<i class="icon" aria-hidden="true">
<svg width="22" height="23" viewBox="0 0 22 23" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.3913 12.4583L0 13.4167L11 23L22 13.4167L20.087 11.9792L12.4348 18.6875V0H9.56522V18.6875L2.3913 12.4583Z" fill="#999999" />
</svg>
</i>
</button>
</li>
</ul>
</div>
</div>
</li>
<li class="tileList__item">
<div class="tile tile--grey">
<div class="tile__content">
<a href="" class="tile__link ">
Online Educational Agreement
</a>
</div>
<div class="tile__actions">
<ul class="tile__actionsList">
<li class="tile__actionListItem tile__actionListItem--favorite">
<button class="tile__action tile__action--favorite" title="Remove from favorites" aria-label="Remove from favorites" data-favorite="true">
<span class="visually-hidden">Remove from favorites</span>
<i class="icon icon--heart" aria-hidden="true">
<svg class="svgHeart--filled" width="17" height="16" viewBox="0 0 17 16" fill="none" overflow="visible" xmlns="http://www.w3.org/2000/svg">
<path d="M8.9375 16L7.7775 14.8665C6.43083 13.5441 5.3175 12.4033 4.4375 11.4441C3.5575 10.485 2.8575 9.62383 2.3375 8.8606C1.8175 8.09795 1.4543 7.39691 1.2479 6.75749C1.0415 6.11807 0.938033 5.46412 0.9375 4.79564C0.9375 3.42961 1.3575 2.28883 2.1975 1.3733C3.0375 0.457766 4.08417 0 5.3375 0C6.03083 0 6.69083 0.159855 7.3175 0.479564C7.94417 0.799273 8.48417 1.24977 8.9375 1.83106C9.39083 1.24977 9.93083 0.799273 10.5575 0.479564C11.1842 0.159855 11.8442 0 12.5375 0C13.7908 0 14.8375 0.457766 15.6775 1.3733C16.5175 2.28883 16.9375 3.42961 16.9375 4.79564C16.9375 5.46412 16.834 6.11807 16.6271 6.75749C16.4202 7.39691 16.057 8.09795 15.5375 8.8606C15.0175 9.62383 14.3175 10.485 13.4375 11.4441C12.5575 12.4033 11.4442 13.5441 10.0975 14.8665L8.9375 16Z" fill="#C2185B" stroke="#999" stroke-width="0" />
</svg>
</i>
</button>
</li>
<li class="tile__actionListItem">
<details class="tile__actionDropdown">
<summary class="tile__action tile__action--theme" title="Change tile theme" aria-label="Change tile theme">
<span class="visually-hidden">Change tile theme</span>
<i class="icon" aria-hidden="true">
<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16.3538 12.9795L14.9012 9.39618V9.32727L8.64509 3.68811V2.26397C8.6429 2.03616 8.59543 1.81055 8.50493 1.59784C8.40581 1.3887 8.26113 1.19963 8.07948 1.04181C7.89782 0.883985 7.68288 0.760625 7.44737 0.679032C7.21264 0.594648 6.96089 0.555524 6.70836 0.564182C6.46024 0.562655 6.21426 0.605579 5.98471 0.690461C5.75515 0.775342 5.54659 0.90049 5.37115 1.05863C5.1957 1.21678 5.05686 1.40477 4.96269 1.61169C4.86852 1.8186 4.8209 2.04032 4.82259 2.26397V6.00809L0.923651 9.4536C0.571843 9.77951 0.375 10.2163 0.375 10.671C0.375 11.1257 0.571843 11.5625 0.923651 11.8884L5.54887 16.0575C5.72725 16.2194 5.94004 16.3481 6.17321 16.4365C6.63931 16.6052 7.15965 16.6052 7.62576 16.4365C7.85952 16.3485 8.0717 16.2197 8.2501 16.0575L14.5317 10.4069L13.6908 12.9336C13.6527 13.108 13.6527 13.2875 13.6908 13.4619C13.7328 13.6365 13.8156 13.8018 13.9329 13.9443C14.0577 14.0832 14.2081 14.2004 14.3788 14.2888C14.5572 14.3692 14.7534 14.4151 14.9522 14.4266C15.1624 14.4383 15.3725 14.4027 15.5638 14.3233C15.7541 14.2457 15.9236 14.1321 16.0607 13.9902C16.2003 13.846 16.2968 13.672 16.341 13.4849C16.3818 13.3183 16.3856 13.1472 16.3538 12.9795ZM6.16047 2.26397C6.14178 2.18833 6.14178 2.10991 6.16047 2.03427C6.19632 1.96056 6.24833 1.89415 6.31337 1.83902C6.38244 1.78983 6.45989 1.75105 6.54272 1.72417C6.6309 1.7071 6.7221 1.7071 6.81029 1.72417C6.96494 1.73494 7.10991 1.7962 7.21802 1.89645C7.31815 2.00197 7.37247 2.13661 7.37092 2.27545V3.72257L6.09676 4.87107L6.16047 2.26397ZM7.43463 15.2995C7.38079 15.3576 7.31027 15.4013 7.23076 15.4258C7.15451 15.4562 7.07205 15.4719 6.98867 15.4719C6.9053 15.4719 6.82284 15.4562 6.74658 15.4258C6.6671 15.4013 6.5966 15.3576 6.54272 15.2995L1.9175 11.1419C1.85779 11.0885 1.81039 11.025 1.77805 10.955C1.7457 10.885 1.72905 10.81 1.72905 10.7342C1.72905 10.6584 1.7457 10.5833 1.77805 10.5133C1.81039 10.4434 1.85779 10.3798 1.9175 10.3265L7.46011 5.33047V8.60371C7.36303 8.68391 7.28566 8.78156 7.23299 8.89035C7.18032 8.99915 7.15352 9.11668 7.15432 9.23539C7.13878 9.38654 7.16783 9.53872 7.23854 9.67649C7.30924 9.81427 7.41909 9.93276 7.55695 10.02C7.6948 10.1072 7.85578 10.16 8.02357 10.173C8.19135 10.1861 8.36 10.159 8.51241 10.0944C8.66482 10.0298 8.79559 9.93008 8.89148 9.80528C8.98736 9.68048 9.04496 9.53506 9.05842 9.38374C9.07189 9.23242 9.04076 9.08059 8.96817 8.94361C8.89559 8.80662 8.78413 8.68937 8.64509 8.60371V5.35344L13.5506 9.79815L7.43463 15.2995Z" fill="#999999" />
</svg>
</i>
</summary>
<div class="themePicker">
<ul class="themePicker__list">
<li class="themePicker__item">
<button title="Blue" aria-label="Set blue theme" class="themePicker__option" data-theme="blue">
<span class="visually-hidden">Set blue theme</span>
</button>
</li>
<li class="themePicker__item">
<button title="Navy" aria-label="Set navy theme" class="themePicker__option" data-theme="navy">
<span class="visually-hidden">Set navy theme</span>
</button>
</li>
<li class="themePicker__item">
<button title="Yellow" aria-label="Set yellow theme" class="themePicker__option" data-theme="yellow">
<span class="visually-hidden">Set yellow theme</span>
</button>
</li>
<li class="themePicker__item">
<button title="Pink" aria-label="Set pink theme" class="themePicker__option" data-theme="pink">
<span class="visually-hidden">Set pink theme</span>
</button>
</li>
<li class="themePicker__item">
<button title="Grey" aria-label="Set grey theme" class="themePicker__option" data-theme="grey" disabled>
<span class="visually-hidden">Set grey theme</span>
</button>
</li>
</ul>
</div>
</details>
</li>
<li class="tile__actionListItem">
<button class="tile__action tile__action--moveUp" title="Move up" aria-label="Move up">
<span class="visually-hidden">Move up</span>
<i class="icon" aria-hidden="true">
<svg width="22" height="23" viewBox="0 0 22 23" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.3913 10.5417L0 9.58333L11 0L22 9.58333L20.087 11.0208L12.4348 4.3125V23H9.56522V4.3125L2.3913 10.5417Z" fill="#999999" />
</svg> </i>
</button>
</li>
<li class="tile__actionListItem">
<button class="tile__action tile__action--moveDown" title="Move down" aria-label="Move down">
<span class="visually-hidden">Move down</span>
<i class="icon" aria-hidden="true">
<svg width="22" height="23" viewBox="0 0 22 23" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.3913 12.4583L0 13.4167L11 23L22 13.4167L20.087 11.9792L12.4348 18.6875V0H9.56522V18.6875L2.3913 12.4583Z" fill="#999999" />
</svg>
</i>
</button>
</li>
</ul>
</div>
</div>
</li>
<li class="tileList__item">
<div class="tile tile--yellow">
<div class="tile__content">
<a href="" class="tile__link ">
Supervisor Portal
</a>
</div>
<div class="tile__actions">
<ul class="tile__actionsList">
<li class="tile__actionListItem tile__actionListItem--favorite">
<button class="tile__action tile__action--favorite" title="Remove from favorites" aria-label="Remove from favorites" data-favorite="true">
<span class="visually-hidden">Remove from favorites</span>
<i class="icon icon--heart" aria-hidden="true">
<svg class="svgHeart--filled" width="17" height="16" viewBox="0 0 17 16" fill="none" overflow="visible" xmlns="http://www.w3.org/2000/svg">
<path d="M8.9375 16L7.7775 14.8665C6.43083 13.5441 5.3175 12.4033 4.4375 11.4441C3.5575 10.485 2.8575 9.62383 2.3375 8.8606C1.8175 8.09795 1.4543 7.39691 1.2479 6.75749C1.0415 6.11807 0.938033 5.46412 0.9375 4.79564C0.9375 3.42961 1.3575 2.28883 2.1975 1.3733C3.0375 0.457766 4.08417 0 5.3375 0C6.03083 0 6.69083 0.159855 7.3175 0.479564C7.94417 0.799273 8.48417 1.24977 8.9375 1.83106C9.39083 1.24977 9.93083 0.799273 10.5575 0.479564C11.1842 0.159855 11.8442 0 12.5375 0C13.7908 0 14.8375 0.457766 15.6775 1.3733C16.5175 2.28883 16.9375 3.42961 16.9375 4.79564C16.9375 5.46412 16.834 6.11807 16.6271 6.75749C16.4202 7.39691 16.057 8.09795 15.5375 8.8606C15.0175 9.62383 14.3175 10.485 13.4375 11.4441C12.5575 12.4033 11.4442 13.5441 10.0975 14.8665L8.9375 16Z" fill="#C2185B" stroke="#999" stroke-width="0" />
</svg>
</i>
</button>
</li>
<li class="tile__actionListItem">
<details class="tile__actionDropdown">
<summary class="tile__action tile__action--theme" title="Change tile theme" aria-label="Change tile theme">
<span class="visually-hidden">Change tile theme</span>
<i class="icon" aria-hidden="true">
<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16.3538 12.9795L14.9012 9.39618V9.32727L8.64509 3.68811V2.26397C8.6429 2.03616 8.59543 1.81055 8.50493 1.59784C8.40581 1.3887 8.26113 1.19963 8.07948 1.04181C7.89782 0.883985 7.68288 0.760625 7.44737 0.679032C7.21264 0.594648 6.96089 0.555524 6.70836 0.564182C6.46024 0.562655 6.21426 0.605579 5.98471 0.690461C5.75515 0.775342 5.54659 0.90049 5.37115 1.05863C5.1957 1.21678 5.05686 1.40477 4.96269 1.61169C4.86852 1.8186 4.8209 2.04032 4.82259 2.26397V6.00809L0.923651 9.4536C0.571843 9.77951 0.375 10.2163 0.375 10.671C0.375 11.1257 0.571843 11.5625 0.923651 11.8884L5.54887 16.0575C5.72725 16.2194 5.94004 16.3481 6.17321 16.4365C6.63931 16.6052 7.15965 16.6052 7.62576 16.4365C7.85952 16.3485 8.0717 16.2197 8.2501 16.0575L14.5317 10.4069L13.6908 12.9336C13.6527 13.108 13.6527 13.2875 13.6908 13.4619C13.7328 13.6365 13.8156 13.8018 13.9329 13.9443C14.0577 14.0832 14.2081 14.2004 14.3788 14.2888C14.5572 14.3692 14.7534 14.4151 14.9522 14.4266C15.1624 14.4383 15.3725 14.4027 15.5638 14.3233C15.7541 14.2457 15.9236 14.1321 16.0607 13.9902C16.2003 13.846 16.2968 13.672 16.341 13.4849C16.3818 13.3183 16.3856 13.1472 16.3538 12.9795ZM6.16047 2.26397C6.14178 2.18833 6.14178 2.10991 6.16047 2.03427C6.19632 1.96056 6.24833 1.89415 6.31337 1.83902C6.38244 1.78983 6.45989 1.75105 6.54272 1.72417C6.6309 1.7071 6.7221 1.7071 6.81029 1.72417C6.96494 1.73494 7.10991 1.7962 7.21802 1.89645C7.31815 2.00197 7.37247 2.13661 7.37092 2.27545V3.72257L6.09676 4.87107L6.16047 2.26397ZM7.43463 15.2995C7.38079 15.3576 7.31027 15.4013 7.23076 15.4258C7.15451 15.4562 7.07205 15.4719 6.98867 15.4719C6.9053 15.4719 6.82284 15.4562 6.74658 15.4258C6.6671 15.4013 6.5966 15.3576 6.54272 15.2995L1.9175 11.1419C1.85779 11.0885 1.81039 11.025 1.77805 10.955C1.7457 10.885 1.72905 10.81 1.72905 10.7342C1.72905 10.6584 1.7457 10.5833 1.77805 10.5133C1.81039 10.4434 1.85779 10.3798 1.9175 10.3265L7.46011 5.33047V8.60371C7.36303 8.68391 7.28566 8.78156 7.23299 8.89035C7.18032 8.99915 7.15352 9.11668 7.15432 9.23539C7.13878 9.38654 7.16783 9.53872 7.23854 9.67649C7.30924 9.81427 7.41909 9.93276 7.55695 10.02C7.6948 10.1072 7.85578 10.16 8.02357 10.173C8.19135 10.1861 8.36 10.159 8.51241 10.0944C8.66482 10.0298 8.79559 9.93008 8.89148 9.80528C8.98736 9.68048 9.04496 9.53506 9.05842 9.38374C9.07189 9.23242 9.04076 9.08059 8.96817 8.94361C8.89559 8.80662 8.78413 8.68937 8.64509 8.60371V5.35344L13.5506 9.79815L7.43463 15.2995Z" fill="#999999" />
</svg>
</i>
</summary>
<div class="themePicker">
<ul class="themePicker__list">
<li class="themePicker__item">
<button title="Blue" aria-label="Set blue theme" class="themePicker__option" data-theme="blue">
<span class="visually-hidden">Set blue theme</span>
</button>
</li>
<li class="themePicker__item">
<button title="Navy" aria-label="Set navy theme" class="themePicker__option" data-theme="navy">
<span class="visually-hidden">Set navy theme</span>
</button>
</li>
<li class="themePicker__item">
<button title="Yellow" aria-label="Set yellow theme" class="themePicker__option" data-theme="yellow" disabled>
<span class="visually-hidden">Set yellow theme</span>
</button>
</li>
<li class="themePicker__item">
<button title="Pink" aria-label="Set pink theme" class="themePicker__option" data-theme="pink">
<span class="visually-hidden">Set pink theme</span>
</button>
</li>
<li class="themePicker__item">
<button title="Grey" aria-label="Set grey theme" class="themePicker__option" data-theme="grey">
<span class="visually-hidden">Set grey theme</span>
</button>
</li>
</ul>
</div>
</details>
</li>
<li class="tile__actionListItem">
<button class="tile__action tile__action--moveUp" title="Move up" aria-label="Move up">
<span class="visually-hidden">Move up</span>
<i class="icon" aria-hidden="true">
<svg width="22" height="23" viewBox="0 0 22 23" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.3913 10.5417L0 9.58333L11 0L22 9.58333L20.087 11.0208L12.4348 4.3125V23H9.56522V4.3125L2.3913 10.5417Z" fill="#999999" />
</svg> </i>
</button>
</li>
<li class="tile__actionListItem">
<button class="tile__action tile__action--moveDown" title="Move down" aria-label="Move down">
<span class="visually-hidden">Move down</span>
<i class="icon" aria-hidden="true">
<svg width="22" height="23" viewBox="0 0 22 23" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.3913 12.4583L0 13.4167L11 23L22 13.4167L20.087 11.9792L12.4348 18.6875V0H9.56522V18.6875L2.3913 12.4583Z" fill="#999999" />
</svg>
</i>
</button>
</li>
</ul>
</div>
</div>
</li>
<li class="tileList__item">
<div class="tile tile--yellow">
<div class="tile__content">
<a href="" class="tile__link ">
Accounting Documentation Form
</a>
</div>
<div class="tile__actions">
<ul class="tile__actionsList">
<li class="tile__actionListItem tile__actionListItem--favorite">
<button class="tile__action tile__action--favorite" title="Remove from favorites" aria-label="Remove from favorites" data-favorite="true">
<span class="visually-hidden">Remove from favorites</span>
<i class="icon icon--heart" aria-hidden="true">
<svg class="svgHeart--filled" width="17" height="16" viewBox="0 0 17 16" fill="none" overflow="visible" xmlns="http://www.w3.org/2000/svg">
<path d="M8.9375 16L7.7775 14.8665C6.43083 13.5441 5.3175 12.4033 4.4375 11.4441C3.5575 10.485 2.8575 9.62383 2.3375 8.8606C1.8175 8.09795 1.4543 7.39691 1.2479 6.75749C1.0415 6.11807 0.938033 5.46412 0.9375 4.79564C0.9375 3.42961 1.3575 2.28883 2.1975 1.3733C3.0375 0.457766 4.08417 0 5.3375 0C6.03083 0 6.69083 0.159855 7.3175 0.479564C7.94417 0.799273 8.48417 1.24977 8.9375 1.83106C9.39083 1.24977 9.93083 0.799273 10.5575 0.479564C11.1842 0.159855 11.8442 0 12.5375 0C13.7908 0 14.8375 0.457766 15.6775 1.3733C16.5175 2.28883 16.9375 3.42961 16.9375 4.79564C16.9375 5.46412 16.834 6.11807 16.6271 6.75749C16.4202 7.39691 16.057 8.09795 15.5375 8.8606C15.0175 9.62383 14.3175 10.485 13.4375 11.4441C12.5575 12.4033 11.4442 13.5441 10.0975 14.8665L8.9375 16Z" fill="#C2185B" stroke="#999" stroke-width="0" />
</svg>
</i>
</button>
</li>
<li class="tile__actionListItem">
<details class="tile__actionDropdown">
<summary class="tile__action tile__action--theme" title="Change tile theme" aria-label="Change tile theme">
<span class="visually-hidden">Change tile theme</span>
<i class="icon" aria-hidden="true">
<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16.3538 12.9795L14.9012 9.39618V9.32727L8.64509 3.68811V2.26397C8.6429 2.03616 8.59543 1.81055 8.50493 1.59784C8.40581 1.3887 8.26113 1.19963 8.07948 1.04181C7.89782 0.883985 7.68288 0.760625 7.44737 0.679032C7.21264 0.594648 6.96089 0.555524 6.70836 0.564182C6.46024 0.562655 6.21426 0.605579 5.98471 0.690461C5.75515 0.775342 5.54659 0.90049 5.37115 1.05863C5.1957 1.21678 5.05686 1.40477 4.96269 1.61169C4.86852 1.8186 4.8209 2.04032 4.82259 2.26397V6.00809L0.923651 9.4536C0.571843 9.77951 0.375 10.2163 0.375 10.671C0.375 11.1257 0.571843 11.5625 0.923651 11.8884L5.54887 16.0575C5.72725 16.2194 5.94004 16.3481 6.17321 16.4365C6.63931 16.6052 7.15965 16.6052 7.62576 16.4365C7.85952 16.3485 8.0717 16.2197 8.2501 16.0575L14.5317 10.4069L13.6908 12.9336C13.6527 13.108 13.6527 13.2875 13.6908 13.4619C13.7328 13.6365 13.8156 13.8018 13.9329 13.9443C14.0577 14.0832 14.2081 14.2004 14.3788 14.2888C14.5572 14.3692 14.7534 14.4151 14.9522 14.4266C15.1624 14.4383 15.3725 14.4027 15.5638 14.3233C15.7541 14.2457 15.9236 14.1321 16.0607 13.9902C16.2003 13.846 16.2968 13.672 16.341 13.4849C16.3818 13.3183 16.3856 13.1472 16.3538 12.9795ZM6.16047 2.26397C6.14178 2.18833 6.14178 2.10991 6.16047 2.03427C6.19632 1.96056 6.24833 1.89415 6.31337 1.83902C6.38244 1.78983 6.45989 1.75105 6.54272 1.72417C6.6309 1.7071 6.7221 1.7071 6.81029 1.72417C6.96494 1.73494 7.10991 1.7962 7.21802 1.89645C7.31815 2.00197 7.37247 2.13661 7.37092 2.27545V3.72257L6.09676 4.87107L6.16047 2.26397ZM7.43463 15.2995C7.38079 15.3576 7.31027 15.4013 7.23076 15.4258C7.15451 15.4562 7.07205 15.4719 6.98867 15.4719C6.9053 15.4719 6.82284 15.4562 6.74658 15.4258C6.6671 15.4013 6.5966 15.3576 6.54272 15.2995L1.9175 11.1419C1.85779 11.0885 1.81039 11.025 1.77805 10.955C1.7457 10.885 1.72905 10.81 1.72905 10.7342C1.72905 10.6584 1.7457 10.5833 1.77805 10.5133C1.81039 10.4434 1.85779 10.3798 1.9175 10.3265L7.46011 5.33047V8.60371C7.36303 8.68391 7.28566 8.78156 7.23299 8.89035C7.18032 8.99915 7.15352 9.11668 7.15432 9.23539C7.13878 9.38654 7.16783 9.53872 7.23854 9.67649C7.30924 9.81427 7.41909 9.93276 7.55695 10.02C7.6948 10.1072 7.85578 10.16 8.02357 10.173C8.19135 10.1861 8.36 10.159 8.51241 10.0944C8.66482 10.0298 8.79559 9.93008 8.89148 9.80528C8.98736 9.68048 9.04496 9.53506 9.05842 9.38374C9.07189 9.23242 9.04076 9.08059 8.96817 8.94361C8.89559 8.80662 8.78413 8.68937 8.64509 8.60371V5.35344L13.5506 9.79815L7.43463 15.2995Z" fill="#999999" />
</svg>
</i>
</summary>
<div class="themePicker">
<ul class="themePicker__list">
<li class="themePicker__item">
<button title="Blue" aria-label="Set blue theme" class="themePicker__option" data-theme="blue">
<span class="visually-hidden">Set blue theme</span>
</button>
</li>
<li class="themePicker__item">
<button title="Navy" aria-label="Set navy theme" class="themePicker__option" data-theme="navy">
<span class="visually-hidden">Set navy theme</span>
</button>
</li>
<li class="themePicker__item">
<button title="Yellow" aria-label="Set yellow theme" class="themePicker__option" data-theme="yellow" disabled>
<span class="visually-hidden">Set yellow theme</span>
</button>
</li>
<li class="themePicker__item">
<button title="Pink" aria-label="Set pink theme" class="themePicker__option" data-theme="pink">
<span class="visually-hidden">Set pink theme</span>
</button>
</li>
<li class="themePicker__item">
<button title="Grey" aria-label="Set grey theme" class="themePicker__option" data-theme="grey">
<span class="visually-hidden">Set grey theme</span>
</button>
</li>
</ul>
</div>
</details>
</li>
<li class="tile__actionListItem">
<button class="tile__action tile__action--moveUp" title="Move up" aria-label="Move up">
<span class="visually-hidden">Move up</span>
<i class="icon" aria-hidden="true">
<svg width="22" height="23" viewBox="0 0 22 23" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.3913 10.5417L0 9.58333L11 0L22 9.58333L20.087 11.0208L12.4348 4.3125V23H9.56522V4.3125L2.3913 10.5417Z" fill="#999999" />
</svg> </i>
</button>
</li>
<li class="tile__actionListItem">
<button class="tile__action tile__action--moveDown" title="Move down" aria-label="Move down">
<span class="visually-hidden">Move down</span>
<i class="icon" aria-hidden="true">
<svg width="22" height="23" viewBox="0 0 22 23" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.3913 12.4583L0 13.4167L11 23L22 13.4167L20.087 11.9792L12.4348 18.6875V0H9.56522V18.6875L2.3913 12.4583Z" fill="#999999" />
</svg>
</i>
</button>
</li>
</ul>
</div>
</div>
</li>
<li class="tileList__item">
<div class="tile tile--yellow">
<div class="tile__content">
<a href="" class="tile__link ">
Independent Studies Recording Form
</a>
</div>
<div class="tile__actions">
<ul class="tile__actionsList">
<li class="tile__actionListItem tile__actionListItem--favorite">
<button class="tile__action tile__action--favorite" title="Remove from favorites" aria-label="Remove from favorites" data-favorite="true">
<span class="visually-hidden">Remove from favorites</span>
<i class="icon icon--heart" aria-hidden="true">
<svg class="svgHeart--filled" width="17" height="16" viewBox="0 0 17 16" fill="none" overflow="visible" xmlns="http://www.w3.org/2000/svg">
<path d="M8.9375 16L7.7775 14.8665C6.43083 13.5441 5.3175 12.4033 4.4375 11.4441C3.5575 10.485 2.8575 9.62383 2.3375 8.8606C1.8175 8.09795 1.4543 7.39691 1.2479 6.75749C1.0415 6.11807 0.938033 5.46412 0.9375 4.79564C0.9375 3.42961 1.3575 2.28883 2.1975 1.3733C3.0375 0.457766 4.08417 0 5.3375 0C6.03083 0 6.69083 0.159855 7.3175 0.479564C7.94417 0.799273 8.48417 1.24977 8.9375 1.83106C9.39083 1.24977 9.93083 0.799273 10.5575 0.479564C11.1842 0.159855 11.8442 0 12.5375 0C13.7908 0 14.8375 0.457766 15.6775 1.3733C16.5175 2.28883 16.9375 3.42961 16.9375 4.79564C16.9375 5.46412 16.834 6.11807 16.6271 6.75749C16.4202 7.39691 16.057 8.09795 15.5375 8.8606C15.0175 9.62383 14.3175 10.485 13.4375 11.4441C12.5575 12.4033 11.4442 13.5441 10.0975 14.8665L8.9375 16Z" fill="#C2185B" stroke="#999" stroke-width="0" />
</svg>
</i>
</button>
</li>
<li class="tile__actionListItem">
<details class="tile__actionDropdown">
<summary class="tile__action tile__action--theme" title="Change tile theme" aria-label="Change tile theme">
<span class="visually-hidden">Change tile theme</span>
<i class="icon" aria-hidden="true">
<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16.3538 12.9795L14.9012 9.39618V9.32727L8.64509 3.68811V2.26397C8.6429 2.03616 8.59543 1.81055 8.50493 1.59784C8.40581 1.3887 8.26113 1.19963 8.07948 1.04181C7.89782 0.883985 7.68288 0.760625 7.44737 0.679032C7.21264 0.594648 6.96089 0.555524 6.70836 0.564182C6.46024 0.562655 6.21426 0.605579 5.98471 0.690461C5.75515 0.775342 5.54659 0.90049 5.37115 1.05863C5.1957 1.21678 5.05686 1.40477 4.96269 1.61169C4.86852 1.8186 4.8209 2.04032 4.82259 2.26397V6.00809L0.923651 9.4536C0.571843 9.77951 0.375 10.2163 0.375 10.671C0.375 11.1257 0.571843 11.5625 0.923651 11.8884L5.54887 16.0575C5.72725 16.2194 5.94004 16.3481 6.17321 16.4365C6.63931 16.6052 7.15965 16.6052 7.62576 16.4365C7.85952 16.3485 8.0717 16.2197 8.2501 16.0575L14.5317 10.4069L13.6908 12.9336C13.6527 13.108 13.6527 13.2875 13.6908 13.4619C13.7328 13.6365 13.8156 13.8018 13.9329 13.9443C14.0577 14.0832 14.2081 14.2004 14.3788 14.2888C14.5572 14.3692 14.7534 14.4151 14.9522 14.4266C15.1624 14.4383 15.3725 14.4027 15.5638 14.3233C15.7541 14.2457 15.9236 14.1321 16.0607 13.9902C16.2003 13.846 16.2968 13.672 16.341 13.4849C16.3818 13.3183 16.3856 13.1472 16.3538 12.9795ZM6.16047 2.26397C6.14178 2.18833 6.14178 2.10991 6.16047 2.03427C6.19632 1.96056 6.24833 1.89415 6.31337 1.83902C6.38244 1.78983 6.45989 1.75105 6.54272 1.72417C6.6309 1.7071 6.7221 1.7071 6.81029 1.72417C6.96494 1.73494 7.10991 1.7962 7.21802 1.89645C7.31815 2.00197 7.37247 2.13661 7.37092 2.27545V3.72257L6.09676 4.87107L6.16047 2.26397ZM7.43463 15.2995C7.38079 15.3576 7.31027 15.4013 7.23076 15.4258C7.15451 15.4562 7.07205 15.4719 6.98867 15.4719C6.9053 15.4719 6.82284 15.4562 6.74658 15.4258C6.6671 15.4013 6.5966 15.3576 6.54272 15.2995L1.9175 11.1419C1.85779 11.0885 1.81039 11.025 1.77805 10.955C1.7457 10.885 1.72905 10.81 1.72905 10.7342C1.72905 10.6584 1.7457 10.5833 1.77805 10.5133C1.81039 10.4434 1.85779 10.3798 1.9175 10.3265L7.46011 5.33047V8.60371C7.36303 8.68391 7.28566 8.78156 7.23299 8.89035C7.18032 8.99915 7.15352 9.11668 7.15432 9.23539C7.13878 9.38654 7.16783 9.53872 7.23854 9.67649C7.30924 9.81427 7.41909 9.93276 7.55695 10.02C7.6948 10.1072 7.85578 10.16 8.02357 10.173C8.19135 10.1861 8.36 10.159 8.51241 10.0944C8.66482 10.0298 8.79559 9.93008 8.89148 9.80528C8.98736 9.68048 9.04496 9.53506 9.05842 9.38374C9.07189 9.23242 9.04076 9.08059 8.96817 8.94361C8.89559 8.80662 8.78413 8.68937 8.64509 8.60371V5.35344L13.5506 9.79815L7.43463 15.2995Z" fill="#999999" />
</svg>
</i>
</summary>
<div class="themePicker">
<ul class="themePicker__list">
<li class="themePicker__item">
<button title="Blue" aria-label="Set blue theme" class="themePicker__option" data-theme="blue">
<span class="visually-hidden">Set blue theme</span>
</button>
</li>
<li class="themePicker__item">
<button title="Navy" aria-label="Set navy theme" class="themePicker__option" data-theme="navy">
<span class="visually-hidden">Set navy theme</span>
</button>
</li>
<li class="themePicker__item">
<button title="Yellow" aria-label="Set yellow theme" class="themePicker__option" data-theme="yellow" disabled>
<span class="visually-hidden">Set yellow theme</span>
</button>
</li>
<li class="themePicker__item">
<button title="Pink" aria-label="Set pink theme" class="themePicker__option" data-theme="pink">
<span class="visually-hidden">Set pink theme</span>
</button>
</li>
<li class="themePicker__item">
<button title="Grey" aria-label="Set grey theme" class="themePicker__option" data-theme="grey">
<span class="visually-hidden">Set grey theme</span>
</button>
</li>
</ul>
</div>
</details>
</li>
<li class="tile__actionListItem">
<button class="tile__action tile__action--moveUp" title="Move up" aria-label="Move up">
<span class="visually-hidden">Move up</span>
<i class="icon" aria-hidden="true">
<svg width="22" height="23" viewBox="0 0 22 23" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.3913 10.5417L0 9.58333L11 0L22 9.58333L20.087 11.0208L12.4348 4.3125V23H9.56522V4.3125L2.3913 10.5417Z" fill="#999999" />
</svg> </i>
</button>
</li>
<li class="tile__actionListItem">
<button class="tile__action tile__action--moveDown" title="Move down" aria-label="Move down">
<span class="visually-hidden">Move down</span>
<i class="icon" aria-hidden="true">
<svg width="22" height="23" viewBox="0 0 22 23" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.3913 12.4583L0 13.4167L11 23L22 13.4167L20.087 11.9792L12.4348 18.6875V0H9.56522V18.6875L2.3913 12.4583Z" fill="#999999" />
</svg>
</i>
</button>
</li>
</ul>
</div>
</div>
</li>
<li class="tileList__item">
<div class="tile tile--yellow">
<div class="tile__content">
<a href="" class="tile__link ">
Tools
</a>
</div>
<div class="tile__actions">
<ul class="tile__actionsList">
<li class="tile__actionListItem tile__actionListItem--favorite">
<button class="tile__action tile__action--favorite" title="Remove from favorites" aria-label="Remove from favorites" data-favorite="true">
<span class="visually-hidden">Remove from favorites</span>
<i class="icon icon--heart" aria-hidden="true">
<svg class="svgHeart--filled" width="17" height="16" viewBox="0 0 17 16" fill="none" overflow="visible" xmlns="http://www.w3.org/2000/svg">
<path d="M8.9375 16L7.7775 14.8665C6.43083 13.5441 5.3175 12.4033 4.4375 11.4441C3.5575 10.485 2.8575 9.62383 2.3375 8.8606C1.8175 8.09795 1.4543 7.39691 1.2479 6.75749C1.0415 6.11807 0.938033 5.46412 0.9375 4.79564C0.9375 3.42961 1.3575 2.28883 2.1975 1.3733C3.0375 0.457766 4.08417 0 5.3375 0C6.03083 0 6.69083 0.159855 7.3175 0.479564C7.94417 0.799273 8.48417 1.24977 8.9375 1.83106C9.39083 1.24977 9.93083 0.799273 10.5575 0.479564C11.1842 0.159855 11.8442 0 12.5375 0C13.7908 0 14.8375 0.457766 15.6775 1.3733C16.5175 2.28883 16.9375 3.42961 16.9375 4.79564C16.9375 5.46412 16.834 6.11807 16.6271 6.75749C16.4202 7.39691 16.057 8.09795 15.5375 8.8606C15.0175 9.62383 14.3175 10.485 13.4375 11.4441C12.5575 12.4033 11.4442 13.5441 10.0975 14.8665L8.9375 16Z" fill="#C2185B" stroke="#999" stroke-width="0" />
</svg>
</i>
</button>
</li>
<li class="tile__actionListItem">
<details class="tile__actionDropdown">
<summary class="tile__action tile__action--theme" title="Change tile theme" aria-label="Change tile theme">
<span class="visually-hidden">Change tile theme</span>
<i class="icon" aria-hidden="true">
<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16.3538 12.9795L14.9012 9.39618V9.32727L8.64509 3.68811V2.26397C8.6429 2.03616 8.59543 1.81055 8.50493 1.59784C8.40581 1.3887 8.26113 1.19963 8.07948 1.04181C7.89782 0.883985 7.68288 0.760625 7.44737 0.679032C7.21264 0.594648 6.96089 0.555524 6.70836 0.564182C6.46024 0.562655 6.21426 0.605579 5.98471 0.690461C5.75515 0.775342 5.54659 0.90049 5.37115 1.05863C5.1957 1.21678 5.05686 1.40477 4.96269 1.61169C4.86852 1.8186 4.8209 2.04032 4.82259 2.26397V6.00809L0.923651 9.4536C0.571843 9.77951 0.375 10.2163 0.375 10.671C0.375 11.1257 0.571843 11.5625 0.923651 11.8884L5.54887 16.0575C5.72725 16.2194 5.94004 16.3481 6.17321 16.4365C6.63931 16.6052 7.15965 16.6052 7.62576 16.4365C7.85952 16.3485 8.0717 16.2197 8.2501 16.0575L14.5317 10.4069L13.6908 12.9336C13.6527 13.108 13.6527 13.2875 13.6908 13.4619C13.7328 13.6365 13.8156 13.8018 13.9329 13.9443C14.0577 14.0832 14.2081 14.2004 14.3788 14.2888C14.5572 14.3692 14.7534 14.4151 14.9522 14.4266C15.1624 14.4383 15.3725 14.4027 15.5638 14.3233C15.7541 14.2457 15.9236 14.1321 16.0607 13.9902C16.2003 13.846 16.2968 13.672 16.341 13.4849C16.3818 13.3183 16.3856 13.1472 16.3538 12.9795ZM6.16047 2.26397C6.14178 2.18833 6.14178 2.10991 6.16047 2.03427C6.19632 1.96056 6.24833 1.89415 6.31337 1.83902C6.38244 1.78983 6.45989 1.75105 6.54272 1.72417C6.6309 1.7071 6.7221 1.7071 6.81029 1.72417C6.96494 1.73494 7.10991 1.7962 7.21802 1.89645C7.31815 2.00197 7.37247 2.13661 7.37092 2.27545V3.72257L6.09676 4.87107L6.16047 2.26397ZM7.43463 15.2995C7.38079 15.3576 7.31027 15.4013 7.23076 15.4258C7.15451 15.4562 7.07205 15.4719 6.98867 15.4719C6.9053 15.4719 6.82284 15.4562 6.74658 15.4258C6.6671 15.4013 6.5966 15.3576 6.54272 15.2995L1.9175 11.1419C1.85779 11.0885 1.81039 11.025 1.77805 10.955C1.7457 10.885 1.72905 10.81 1.72905 10.7342C1.72905 10.6584 1.7457 10.5833 1.77805 10.5133C1.81039 10.4434 1.85779 10.3798 1.9175 10.3265L7.46011 5.33047V8.60371C7.36303 8.68391 7.28566 8.78156 7.23299 8.89035C7.18032 8.99915 7.15352 9.11668 7.15432 9.23539C7.13878 9.38654 7.16783 9.53872 7.23854 9.67649C7.30924 9.81427 7.41909 9.93276 7.55695 10.02C7.6948 10.1072 7.85578 10.16 8.02357 10.173C8.19135 10.1861 8.36 10.159 8.51241 10.0944C8.66482 10.0298 8.79559 9.93008 8.89148 9.80528C8.98736 9.68048 9.04496 9.53506 9.05842 9.38374C9.07189 9.23242 9.04076 9.08059 8.96817 8.94361C8.89559 8.80662 8.78413 8.68937 8.64509 8.60371V5.35344L13.5506 9.79815L7.43463 15.2995Z" fill="#999999" />
</svg>
</i>
</summary>
<div class="themePicker">
<ul class="themePicker__list">
<li class="themePicker__item">
<button title="Blue" aria-label="Set blue theme" class="themePicker__option" data-theme="blue">
<span class="visually-hidden">Set blue theme</span>
</button>
</li>
<li class="themePicker__item">
<button title="Navy" aria-label="Set navy theme" class="themePicker__option" data-theme="navy">
<span class="visually-hidden">Set navy theme</span>
</button>
</li>
<li class="themePicker__item">
<button title="Yellow" aria-label="Set yellow theme" class="themePicker__option" data-theme="yellow" disabled>
<span class="visually-hidden">Set yellow theme</span>
</button>
</li>
<li class="themePicker__item">
<button title="Pink" aria-label="Set pink theme" class="themePicker__option" data-theme="pink">
<span class="visually-hidden">Set pink theme</span>
</button>
</li>
<li class="themePicker__item">
<button title="Grey" aria-label="Set grey theme" class="themePicker__option" data-theme="grey">
<span class="visually-hidden">Set grey theme</span>
</button>
</li>
</ul>
</div>
</details>
</li>
<li class="tile__actionListItem">
<button class="tile__action tile__action--moveUp" title="Move up" aria-label="Move up">
<span class="visually-hidden">Move up</span>
<i class="icon" aria-hidden="true">
<svg width="22" height="23" viewBox="0 0 22 23" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.3913 10.5417L0 9.58333L11 0L22 9.58333L20.087 11.0208L12.4348 4.3125V23H9.56522V4.3125L2.3913 10.5417Z" fill="#999999" />
</svg> </i>
</button>
</li>
<li class="tile__actionListItem">
<button class="tile__action tile__action--moveDown" title="Move down" aria-label="Move down">
<span class="visually-hidden">Move down</span>
<i class="icon" aria-hidden="true">
<svg width="22" height="23" viewBox="0 0 22 23" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.3913 12.4583L0 13.4167L11 23L22 13.4167L20.087 11.9792L12.4348 18.6875V0H9.56522V18.6875L2.3913 12.4583Z" fill="#999999" />
</svg>
</i>
</button>
</li>
</ul>
</div>
</div>
</li>
<li class="tileList__item">
<div class="tile tile--yellow">
<div class="tile__content">
<a href="" class="tile__link tile__link--external">
University of Michigan Google Drive
</a>
</div>
<div class="tile__actions">
<ul class="tile__actionsList">
<li class="tile__actionListItem tile__actionListItem--favorite">
<button class="tile__action tile__action--favorite" title="Remove from favorites" aria-label="Remove from favorites" data-favorite="true">
<span class="visually-hidden">Remove from favorites</span>
<i class="icon icon--heart" aria-hidden="true">
<svg class="svgHeart--filled" width="17" height="16" viewBox="0 0 17 16" fill="none" overflow="visible" xmlns="http://www.w3.org/2000/svg">
<path d="M8.9375 16L7.7775 14.8665C6.43083 13.5441 5.3175 12.4033 4.4375 11.4441C3.5575 10.485 2.8575 9.62383 2.3375 8.8606C1.8175 8.09795 1.4543 7.39691 1.2479 6.75749C1.0415 6.11807 0.938033 5.46412 0.9375 4.79564C0.9375 3.42961 1.3575 2.28883 2.1975 1.3733C3.0375 0.457766 4.08417 0 5.3375 0C6.03083 0 6.69083 0.159855 7.3175 0.479564C7.94417 0.799273 8.48417 1.24977 8.9375 1.83106C9.39083 1.24977 9.93083 0.799273 10.5575 0.479564C11.1842 0.159855 11.8442 0 12.5375 0C13.7908 0 14.8375 0.457766 15.6775 1.3733C16.5175 2.28883 16.9375 3.42961 16.9375 4.79564C16.9375 5.46412 16.834 6.11807 16.6271 6.75749C16.4202 7.39691 16.057 8.09795 15.5375 8.8606C15.0175 9.62383 14.3175 10.485 13.4375 11.4441C12.5575 12.4033 11.4442 13.5441 10.0975 14.8665L8.9375 16Z" fill="#C2185B" stroke="#999" stroke-width="0" />
</svg>
</i>
</button>
</li>
<li class="tile__actionListItem">
<details class="tile__actionDropdown">
<summary class="tile__action tile__action--theme" title="Change tile theme" aria-label="Change tile theme">
<span class="visually-hidden">Change tile theme</span>
<i class="icon" aria-hidden="true">
<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16.3538 12.9795L14.9012 9.39618V9.32727L8.64509 3.68811V2.26397C8.6429 2.03616 8.59543 1.81055 8.50493 1.59784C8.40581 1.3887 8.26113 1.19963 8.07948 1.04181C7.89782 0.883985 7.68288 0.760625 7.44737 0.679032C7.21264 0.594648 6.96089 0.555524 6.70836 0.564182C6.46024 0.562655 6.21426 0.605579 5.98471 0.690461C5.75515 0.775342 5.54659 0.90049 5.37115 1.05863C5.1957 1.21678 5.05686 1.40477 4.96269 1.61169C4.86852 1.8186 4.8209 2.04032 4.82259 2.26397V6.00809L0.923651 9.4536C0.571843 9.77951 0.375 10.2163 0.375 10.671C0.375 11.1257 0.571843 11.5625 0.923651 11.8884L5.54887 16.0575C5.72725 16.2194 5.94004 16.3481 6.17321 16.4365C6.63931 16.6052 7.15965 16.6052 7.62576 16.4365C7.85952 16.3485 8.0717 16.2197 8.2501 16.0575L14.5317 10.4069L13.6908 12.9336C13.6527 13.108 13.6527 13.2875 13.6908 13.4619C13.7328 13.6365 13.8156 13.8018 13.9329 13.9443C14.0577 14.0832 14.2081 14.2004 14.3788 14.2888C14.5572 14.3692 14.7534 14.4151 14.9522 14.4266C15.1624 14.4383 15.3725 14.4027 15.5638 14.3233C15.7541 14.2457 15.9236 14.1321 16.0607 13.9902C16.2003 13.846 16.2968 13.672 16.341 13.4849C16.3818 13.3183 16.3856 13.1472 16.3538 12.9795ZM6.16047 2.26397C6.14178 2.18833 6.14178 2.10991 6.16047 2.03427C6.19632 1.96056 6.24833 1.89415 6.31337 1.83902C6.38244 1.78983 6.45989 1.75105 6.54272 1.72417C6.6309 1.7071 6.7221 1.7071 6.81029 1.72417C6.96494 1.73494 7.10991 1.7962 7.21802 1.89645C7.31815 2.00197 7.37247 2.13661 7.37092 2.27545V3.72257L6.09676 4.87107L6.16047 2.26397ZM7.43463 15.2995C7.38079 15.3576 7.31027 15.4013 7.23076 15.4258C7.15451 15.4562 7.07205 15.4719 6.98867 15.4719C6.9053 15.4719 6.82284 15.4562 6.74658 15.4258C6.6671 15.4013 6.5966 15.3576 6.54272 15.2995L1.9175 11.1419C1.85779 11.0885 1.81039 11.025 1.77805 10.955C1.7457 10.885 1.72905 10.81 1.72905 10.7342C1.72905 10.6584 1.7457 10.5833 1.77805 10.5133C1.81039 10.4434 1.85779 10.3798 1.9175 10.3265L7.46011 5.33047V8.60371C7.36303 8.68391 7.28566 8.78156 7.23299 8.89035C7.18032 8.99915 7.15352 9.11668 7.15432 9.23539C7.13878 9.38654 7.16783 9.53872 7.23854 9.67649C7.30924 9.81427 7.41909 9.93276 7.55695 10.02C7.6948 10.1072 7.85578 10.16 8.02357 10.173C8.19135 10.1861 8.36 10.159 8.51241 10.0944C8.66482 10.0298 8.79559 9.93008 8.89148 9.80528C8.98736 9.68048 9.04496 9.53506 9.05842 9.38374C9.07189 9.23242 9.04076 9.08059 8.96817 8.94361C8.89559 8.80662 8.78413 8.68937 8.64509 8.60371V5.35344L13.5506 9.79815L7.43463 15.2995Z" fill="#999999" />
</svg>
</i>
</summary>
<div class="themePicker">
<ul class="themePicker__list">
<li class="themePicker__item">
<button title="Blue" aria-label="Set blue theme" class="themePicker__option" data-theme="blue">
<span class="visually-hidden">Set blue theme</span>
</button>
</li>
<li class="themePicker__item">
<button title="Navy" aria-label="Set navy theme" class="themePicker__option" data-theme="navy">
<span class="visually-hidden">Set navy theme</span>
</button>
</li>
<li class="themePicker__item">
<button title="Yellow" aria-label="Set yellow theme" class="themePicker__option" data-theme="yellow" disabled>
<span class="visually-hidden">Set yellow theme</span>
</button>
</li>
<li class="themePicker__item">
<button title="Pink" aria-label="Set pink theme" class="themePicker__option" data-theme="pink">
<span class="visually-hidden">Set pink theme</span>
</button>
</li>
<li class="themePicker__item">
<button title="Grey" aria-label="Set grey theme" class="themePicker__option" data-theme="grey">
<span class="visually-hidden">Set grey theme</span>
</button>
</li>
</ul>
</div>
</details>
</li>
<li class="tile__actionListItem">
<button class="tile__action tile__action--moveUp" title="Move up" aria-label="Move up">
<span class="visually-hidden">Move up</span>
<i class="icon" aria-hidden="true">
<svg width="22" height="23" viewBox="0 0 22 23" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.3913 10.5417L0 9.58333L11 0L22 9.58333L20.087 11.0208L12.4348 4.3125V23H9.56522V4.3125L2.3913 10.5417Z" fill="#999999" />
</svg> </i>
</button>
</li>
<li class="tile__actionListItem">
<button class="tile__action tile__action--moveDown" title="Move down" aria-label="Move down">
<span class="visually-hidden">Move down</span>
<i class="icon" aria-hidden="true">
<svg width="22" height="23" viewBox="0 0 22 23" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.3913 12.4583L0 13.4167L11 23L22 13.4167L20.087 11.9792L12.4348 18.6875V0H9.56522V18.6875L2.3913 12.4583Z" fill="#999999" />
</svg>
</i>
</button>
</li>
</ul>
</div>
</div>
</li>
</ul>
</section>
<section class="moveableSection">
<header class="moveableSection__header">
<div class="moveableSection__mover">
<button class="moveableSection__moverButton" title="Move section up" aria-label="Move section up">
<span class="visually-hidden">Move up</span>
<i class="icon" aria-hidden="true">
<svg width="22" height="23" viewBox="0 0 22 23" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.3913 10.5417L0 9.58333L11 0L22 9.58333L20.087 11.0208L12.4348 4.3125V23H9.56522V4.3125L2.3913 10.5417Z" fill="#315D90" />
</svg> </i>
</button>
<button class="moveableSection__moverButton" title="Move section down" aria-label="Move section down">
<span class="visually-hidden">Move down</span>
<i class="icon" aria-hidden="true">
<svg width="22" height="23" viewBox="0 0 22 23" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.3913 12.4583L0 13.4167L11 23L22 13.4167L20.087 11.9792L12.4348 18.6875V0H9.56522V18.6875L2.3913 12.4583Z" fill="#315D90" />
</svg>
</i>
</button>
</div>
<div class="moveableSection__title">
<header class="tickertape">
<h2 class="tickertape__highlight">
My Recently Accessed
</h2>
</header>
</div>
</header>
<ul class="tileList tileList--grid">
<li class="tileList__item">
<div class="tile tile--yellow">
<div class="tile__content">
<a href="" class="tile__link ">
Really Long Tile Title To See What Happens When We Use an Unusually Extraordinarily Long Title
</a>
</div>
<div class="tile__actions">
<ul class="tile__actionsList">
<li class="tile__actionListItem tile__actionListItem--favorite">
<button class="tile__action tile__action--favorite" title="Favorite this page" aria-label="Favorite this page" data-favorite="false">
<span class="visually-hidden">Favorite this page</span>
<i class="icon icon--heart" aria-hidden="true">
<svg class="svgHeart" width="17" height="16" viewBox="0 0 17 16" fill="none" overflow="visible" xmlns="http://www.w3.org/2000/svg">
<path d="M8.9375 16L7.7775 14.8665C6.43083 13.5441 5.3175 12.4033 4.4375 11.4441C3.5575 10.485 2.8575 9.62383 2.3375 8.8606C1.8175 8.09795 1.4543 7.39691 1.2479 6.75749C1.0415 6.11807 0.938033 5.46412 0.9375 4.79564C0.9375 3.42961 1.3575 2.28883 2.1975 1.3733C3.0375 0.457766 4.08417 0 5.3375 0C6.03083 0 6.69083 0.159855 7.3175 0.479564C7.94417 0.799273 8.48417 1.24977 8.9375 1.83106C9.39083 1.24977 9.93083 0.799273 10.5575 0.479564C11.1842 0.159855 11.8442 0 12.5375 0C13.7908 0 14.8375 0.457766 15.6775 1.3733C16.5175 2.28883 16.9375 3.42961 16.9375 4.79564C16.9375 5.46412 16.834 6.11807 16.6271 6.75749C16.4202 7.39691 16.057 8.09795 15.5375 8.8606C15.0175 9.62383 14.3175 10.485 13.4375 11.4441C12.5575 12.4033 11.4442 13.5441 10.0975 14.8665L8.9375 16Z" fill="#C2185B" stroke="#999" stroke-width="0" />
</svg>
</i>
</button>
</li>
</ul>
</div>
</div>
</li>
<li class="tileList__item">
<div class="tile tile--yellow">
<div class="tile__content">
<a href="" class="tile__link ">
Short Title
</a>
</div>
<div class="tile__actions">
<ul class="tile__actionsList">
<li class="tile__actionListItem tile__actionListItem--favorite">
<button class="tile__action tile__action--favorite" title="Remove from favorites" aria-label="Remove from favorites" data-favorite="true">
<span class="visually-hidden">Remove from favorites</span>
<i class="icon icon--heart" aria-hidden="true">
<svg class="svgHeart--filled" width="17" height="16" viewBox="0 0 17 16" fill="none" overflow="visible" xmlns="http://www.w3.org/2000/svg">
<path d="M8.9375 16L7.7775 14.8665C6.43083 13.5441 5.3175 12.4033 4.4375 11.4441C3.5575 10.485 2.8575 9.62383 2.3375 8.8606C1.8175 8.09795 1.4543 7.39691 1.2479 6.75749C1.0415 6.11807 0.938033 5.46412 0.9375 4.79564C0.9375 3.42961 1.3575 2.28883 2.1975 1.3733C3.0375 0.457766 4.08417 0 5.3375 0C6.03083 0 6.69083 0.159855 7.3175 0.479564C7.94417 0.799273 8.48417 1.24977 8.9375 1.83106C9.39083 1.24977 9.93083 0.799273 10.5575 0.479564C11.1842 0.159855 11.8442 0 12.5375 0C13.7908 0 14.8375 0.457766 15.6775 1.3733C16.5175 2.28883 16.9375 3.42961 16.9375 4.79564C16.9375 5.46412 16.834 6.11807 16.6271 6.75749C16.4202 7.39691 16.057 8.09795 15.5375 8.8606C15.0175 9.62383 14.3175 10.485 13.4375 11.4441C12.5575 12.4033 11.4442 13.5441 10.0975 14.8665L8.9375 16Z" fill="#C2185B" stroke="#999" stroke-width="0" />
</svg>
</i>
</button>
</li>
</ul>
</div>
</div>
</li>
<li class="tileList__item">
<div class="tile tile--yellow">
<div class="tile__content">
<a href="" class="tile__link ">
Tools
</a>
</div>
<div class="tile__actions">
<ul class="tile__actionsList">
<li class="tile__actionListItem tile__actionListItem--favorite">
<button class="tile__action tile__action--favorite" title="Favorite this page" aria-label="Favorite this page" data-favorite="false">
<span class="visually-hidden">Favorite this page</span>
<i class="icon icon--heart" aria-hidden="true">
<svg class="svgHeart" width="17" height="16" viewBox="0 0 17 16" fill="none" overflow="visible" xmlns="http://www.w3.org/2000/svg">
<path d="M8.9375 16L7.7775 14.8665C6.43083 13.5441 5.3175 12.4033 4.4375 11.4441C3.5575 10.485 2.8575 9.62383 2.3375 8.8606C1.8175 8.09795 1.4543 7.39691 1.2479 6.75749C1.0415 6.11807 0.938033 5.46412 0.9375 4.79564C0.9375 3.42961 1.3575 2.28883 2.1975 1.3733C3.0375 0.457766 4.08417 0 5.3375 0C6.03083 0 6.69083 0.159855 7.3175 0.479564C7.94417 0.799273 8.48417 1.24977 8.9375 1.83106C9.39083 1.24977 9.93083 0.799273 10.5575 0.479564C11.1842 0.159855 11.8442 0 12.5375 0C13.7908 0 14.8375 0.457766 15.6775 1.3733C16.5175 2.28883 16.9375 3.42961 16.9375 4.79564C16.9375 5.46412 16.834 6.11807 16.6271 6.75749C16.4202 7.39691 16.057 8.09795 15.5375 8.8606C15.0175 9.62383 14.3175 10.485 13.4375 11.4441C12.5575 12.4033 11.4442 13.5441 10.0975 14.8665L8.9375 16Z" fill="#C2185B" stroke="#999" stroke-width="0" />
</svg>
</i>
</button>
</li>
</ul>
</div>
</div>
</li>
<li class="tileList__item">
<div class="tile tile--yellow">
<div class="tile__content">
<a href="" class="tile__link tile__link--external">
University of Michigan Google Drive
</a>
</div>
<div class="tile__actions">
<ul class="tile__actionsList">
<li class="tile__actionListItem tile__actionListItem--favorite">
<button class="tile__action tile__action--favorite" title="Favorite this page" aria-label="Favorite this page" data-favorite="false">
<span class="visually-hidden">Favorite this page</span>
<i class="icon icon--heart" aria-hidden="true">
<svg class="svgHeart" width="17" height="16" viewBox="0 0 17 16" fill="none" overflow="visible" xmlns="http://www.w3.org/2000/svg">
<path d="M8.9375 16L7.7775 14.8665C6.43083 13.5441 5.3175 12.4033 4.4375 11.4441C3.5575 10.485 2.8575 9.62383 2.3375 8.8606C1.8175 8.09795 1.4543 7.39691 1.2479 6.75749C1.0415 6.11807 0.938033 5.46412 0.9375 4.79564C0.9375 3.42961 1.3575 2.28883 2.1975 1.3733C3.0375 0.457766 4.08417 0 5.3375 0C6.03083 0 6.69083 0.159855 7.3175 0.479564C7.94417 0.799273 8.48417 1.24977 8.9375 1.83106C9.39083 1.24977 9.93083 0.799273 10.5575 0.479564C11.1842 0.159855 11.8442 0 12.5375 0C13.7908 0 14.8375 0.457766 15.6775 1.3733C16.5175 2.28883 16.9375 3.42961 16.9375 4.79564C16.9375 5.46412 16.834 6.11807 16.6271 6.75749C16.4202 7.39691 16.057 8.09795 15.5375 8.8606C15.0175 9.62383 14.3175 10.485 13.4375 11.4441C12.5575 12.4033 11.4442 13.5441 10.0975 14.8665L8.9375 16Z" fill="#C2185B" stroke="#999" stroke-width="0" />
</svg>
</i>
</button>
</li>
</ul>
</div>
</div>
</li>
</ul>
</section>
<section class="moveableSection">
<header class="moveableSection__header">
<div class="moveableSection__mover">
<button class="moveableSection__moverButton" title="Move section up" aria-label="Move section up">
<span class="visually-hidden">Move up</span>
<i class="icon" aria-hidden="true">
<svg width="22" height="23" viewBox="0 0 22 23" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.3913 10.5417L0 9.58333L11 0L22 9.58333L20.087 11.0208L12.4348 4.3125V23H9.56522V4.3125L2.3913 10.5417Z" fill="#315D90" />
</svg> </i>
</button>
<button class="moveableSection__moverButton" title="Move section down" aria-label="Move section down">
<span class="visually-hidden">Move down</span>
<i class="icon" aria-hidden="true">
<svg width="22" height="23" viewBox="0 0 22 23" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.3913 12.4583L0 13.4167L11 23L22 13.4167L20.087 11.9792L12.4348 18.6875V0H9.56522V18.6875L2.3913 12.4583Z" fill="#315D90" />
</svg>
</i>
</button>
</div>
<div class="moveableSection__title">
<header class="tickertape">
<h2 class="tickertape__highlight">
SSW Frequently Accessed
</h2>
</header>
</div>
</header>
<ul class="tileList tileList--grid">
<li class="tileList__item">
<div class="tile tile--yellow">
<div class="tile__content">
<a href="" class="tile__link ">
Adivisor / Advisee Information
</a>
</div>
<div class="tile__actions">
<ul class="tile__actionsList">
<li class="tile__actionListItem tile__actionListItem--favorite">
<button class="tile__action tile__action--favorite" title="Favorite this page" aria-label="Favorite this page" data-favorite="false">
<span class="visually-hidden">Favorite this page</span>
<i class="icon icon--heart" aria-hidden="true">
<svg class="svgHeart" width="17" height="16" viewBox="0 0 17 16" fill="none" overflow="visible" xmlns="http://www.w3.org/2000/svg">
<path d="M8.9375 16L7.7775 14.8665C6.43083 13.5441 5.3175 12.4033 4.4375 11.4441C3.5575 10.485 2.8575 9.62383 2.3375 8.8606C1.8175 8.09795 1.4543 7.39691 1.2479 6.75749C1.0415 6.11807 0.938033 5.46412 0.9375 4.79564C0.9375 3.42961 1.3575 2.28883 2.1975 1.3733C3.0375 0.457766 4.08417 0 5.3375 0C6.03083 0 6.69083 0.159855 7.3175 0.479564C7.94417 0.799273 8.48417 1.24977 8.9375 1.83106C9.39083 1.24977 9.93083 0.799273 10.5575 0.479564C11.1842 0.159855 11.8442 0 12.5375 0C13.7908 0 14.8375 0.457766 15.6775 1.3733C16.5175 2.28883 16.9375 3.42961 16.9375 4.79564C16.9375 5.46412 16.834 6.11807 16.6271 6.75749C16.4202 7.39691 16.057 8.09795 15.5375 8.8606C15.0175 9.62383 14.3175 10.485 13.4375 11.4441C12.5575 12.4033 11.4442 13.5441 10.0975 14.8665L8.9375 16Z" fill="#C2185B" stroke="#999" stroke-width="0" />
</svg>
</i>
</button>
</li>
</ul>
</div>
</div>
</li>
<li class="tileList__item">
<div class="tile tile--yellow">
<div class="tile__content">
<a href="" class="tile__link ">
Language Course Request for Credit
</a>
</div>
<div class="tile__actions">
<ul class="tile__actionsList">
<li class="tile__actionListItem tile__actionListItem--favorite">
<button class="tile__action tile__action--favorite" title="Favorite this page" aria-label="Favorite this page" data-favorite="false">
<span class="visually-hidden">Favorite this page</span>
<i class="icon icon--heart" aria-hidden="true">
<svg class="svgHeart" width="17" height="16" viewBox="0 0 17 16" fill="none" overflow="visible" xmlns="http://www.w3.org/2000/svg">
<path d="M8.9375 16L7.7775 14.8665C6.43083 13.5441 5.3175 12.4033 4.4375 11.4441C3.5575 10.485 2.8575 9.62383 2.3375 8.8606C1.8175 8.09795 1.4543 7.39691 1.2479 6.75749C1.0415 6.11807 0.938033 5.46412 0.9375 4.79564C0.9375 3.42961 1.3575 2.28883 2.1975 1.3733C3.0375 0.457766 4.08417 0 5.3375 0C6.03083 0 6.69083 0.159855 7.3175 0.479564C7.94417 0.799273 8.48417 1.24977 8.9375 1.83106C9.39083 1.24977 9.93083 0.799273 10.5575 0.479564C11.1842 0.159855 11.8442 0 12.5375 0C13.7908 0 14.8375 0.457766 15.6775 1.3733C16.5175 2.28883 16.9375 3.42961 16.9375 4.79564C16.9375 5.46412 16.834 6.11807 16.6271 6.75749C16.4202 7.39691 16.057 8.09795 15.5375 8.8606C15.0175 9.62383 14.3175 10.485 13.4375 11.4441C12.5575 12.4033 11.4442 13.5441 10.0975 14.8665L8.9375 16Z" fill="#C2185B" stroke="#999" stroke-width="0" />
</svg>
</i>
</button>
</li>
</ul>
</div>
</div>
</li>
<li class="tileList__item">
<div class="tile tile--yellow">
<div class="tile__content">
<a href="" class="tile__link ">
Really Long Tile Title To See What Happens When We Use an Unusually Extraordinarily Long Title
</a>
</div>
<div class="tile__actions">
<ul class="tile__actionsList">
<li class="tile__actionListItem tile__actionListItem--favorite">
<button class="tile__action tile__action--favorite" title="Favorite this page" aria-label="Favorite this page" data-favorite="false">
<span class="visually-hidden">Favorite this page</span>
<i class="icon icon--heart" aria-hidden="true">
<svg class="svgHeart" width="17" height="16" viewBox="0 0 17 16" fill="none" overflow="visible" xmlns="http://www.w3.org/2000/svg">
<path d="M8.9375 16L7.7775 14.8665C6.43083 13.5441 5.3175 12.4033 4.4375 11.4441C3.5575 10.485 2.8575 9.62383 2.3375 8.8606C1.8175 8.09795 1.4543 7.39691 1.2479 6.75749C1.0415 6.11807 0.938033 5.46412 0.9375 4.79564C0.9375 3.42961 1.3575 2.28883 2.1975 1.3733C3.0375 0.457766 4.08417 0 5.3375 0C6.03083 0 6.69083 0.159855 7.3175 0.479564C7.94417 0.799273 8.48417 1.24977 8.9375 1.83106C9.39083 1.24977 9.93083 0.799273 10.5575 0.479564C11.1842 0.159855 11.8442 0 12.5375 0C13.7908 0 14.8375 0.457766 15.6775 1.3733C16.5175 2.28883 16.9375 3.42961 16.9375 4.79564C16.9375 5.46412 16.834 6.11807 16.6271 6.75749C16.4202 7.39691 16.057 8.09795 15.5375 8.8606C15.0175 9.62383 14.3175 10.485 13.4375 11.4441C12.5575 12.4033 11.4442 13.5441 10.0975 14.8665L8.9375 16Z" fill="#C2185B" stroke="#999" stroke-width="0" />
</svg>
</i>
</button>
</li>
</ul>
</div>
</div>
</li>
<li class="tileList__item">
<div class="tile tile--yellow">
<div class="tile__content">
<a href="" class="tile__link ">
Short Title
</a>
</div>
<div class="tile__actions">
<ul class="tile__actionsList">
<li class="tile__actionListItem tile__actionListItem--favorite">
<button class="tile__action tile__action--favorite" title="Remove from favorites" aria-label="Remove from favorites" data-favorite="true">
<span class="visually-hidden">Remove from favorites</span>
<i class="icon icon--heart" aria-hidden="true">
<svg class="svgHeart--filled" width="17" height="16" viewBox="0 0 17 16" fill="none" overflow="visible" xmlns="http://www.w3.org/2000/svg">
<path d="M8.9375 16L7.7775 14.8665C6.43083 13.5441 5.3175 12.4033 4.4375 11.4441C3.5575 10.485 2.8575 9.62383 2.3375 8.8606C1.8175 8.09795 1.4543 7.39691 1.2479 6.75749C1.0415 6.11807 0.938033 5.46412 0.9375 4.79564C0.9375 3.42961 1.3575 2.28883 2.1975 1.3733C3.0375 0.457766 4.08417 0 5.3375 0C6.03083 0 6.69083 0.159855 7.3175 0.479564C7.94417 0.799273 8.48417 1.24977 8.9375 1.83106C9.39083 1.24977 9.93083 0.799273 10.5575 0.479564C11.1842 0.159855 11.8442 0 12.5375 0C13.7908 0 14.8375 0.457766 15.6775 1.3733C16.5175 2.28883 16.9375 3.42961 16.9375 4.79564C16.9375 5.46412 16.834 6.11807 16.6271 6.75749C16.4202 7.39691 16.057 8.09795 15.5375 8.8606C15.0175 9.62383 14.3175 10.485 13.4375 11.4441C12.5575 12.4033 11.4442 13.5441 10.0975 14.8665L8.9375 16Z" fill="#C2185B" stroke="#999" stroke-width="0" />
</svg>
</i>
</button>
</li>
</ul>
</div>
</div>
</li>
<li class="tileList__item">
<div class="tile tile--yellow">
<div class="tile__content">
<a href="" class="tile__link ">
Online Educational Agreement
</a>
</div>
<div class="tile__actions">
<ul class="tile__actionsList">
<li class="tile__actionListItem tile__actionListItem--favorite">
<button class="tile__action tile__action--favorite" title="Favorite this page" aria-label="Favorite this page" data-favorite="false">
<span class="visually-hidden">Favorite this page</span>
<i class="icon icon--heart" aria-hidden="true">
<svg class="svgHeart" width="17" height="16" viewBox="0 0 17 16" fill="none" overflow="visible" xmlns="http://www.w3.org/2000/svg">
<path d="M8.9375 16L7.7775 14.8665C6.43083 13.5441 5.3175 12.4033 4.4375 11.4441C3.5575 10.485 2.8575 9.62383 2.3375 8.8606C1.8175 8.09795 1.4543 7.39691 1.2479 6.75749C1.0415 6.11807 0.938033 5.46412 0.9375 4.79564C0.9375 3.42961 1.3575 2.28883 2.1975 1.3733C3.0375 0.457766 4.08417 0 5.3375 0C6.03083 0 6.69083 0.159855 7.3175 0.479564C7.94417 0.799273 8.48417 1.24977 8.9375 1.83106C9.39083 1.24977 9.93083 0.799273 10.5575 0.479564C11.1842 0.159855 11.8442 0 12.5375 0C13.7908 0 14.8375 0.457766 15.6775 1.3733C16.5175 2.28883 16.9375 3.42961 16.9375 4.79564C16.9375 5.46412 16.834 6.11807 16.6271 6.75749C16.4202 7.39691 16.057 8.09795 15.5375 8.8606C15.0175 9.62383 14.3175 10.485 13.4375 11.4441C12.5575 12.4033 11.4442 13.5441 10.0975 14.8665L8.9375 16Z" fill="#C2185B" stroke="#999" stroke-width="0" />
</svg>
</i>
</button>
</li>
</ul>
</div>
</div>
</li>
<li class="tileList__item">
<div class="tile tile--yellow">
<div class="tile__content">
<a href="" class="tile__link ">
Supervisor Portal
</a>
</div>
<div class="tile__actions">
<ul class="tile__actionsList">
<li class="tile__actionListItem tile__actionListItem--favorite">
<button class="tile__action tile__action--favorite" title="Favorite this page" aria-label="Favorite this page" data-favorite="false">
<span class="visually-hidden">Favorite this page</span>
<i class="icon icon--heart" aria-hidden="true">
<svg class="svgHeart" width="17" height="16" viewBox="0 0 17 16" fill="none" overflow="visible" xmlns="http://www.w3.org/2000/svg">
<path d="M8.9375 16L7.7775 14.8665C6.43083 13.5441 5.3175 12.4033 4.4375 11.4441C3.5575 10.485 2.8575 9.62383 2.3375 8.8606C1.8175 8.09795 1.4543 7.39691 1.2479 6.75749C1.0415 6.11807 0.938033 5.46412 0.9375 4.79564C0.9375 3.42961 1.3575 2.28883 2.1975 1.3733C3.0375 0.457766 4.08417 0 5.3375 0C6.03083 0 6.69083 0.159855 7.3175 0.479564C7.94417 0.799273 8.48417 1.24977 8.9375 1.83106C9.39083 1.24977 9.93083 0.799273 10.5575 0.479564C11.1842 0.159855 11.8442 0 12.5375 0C13.7908 0 14.8375 0.457766 15.6775 1.3733C16.5175 2.28883 16.9375 3.42961 16.9375 4.79564C16.9375 5.46412 16.834 6.11807 16.6271 6.75749C16.4202 7.39691 16.057 8.09795 15.5375 8.8606C15.0175 9.62383 14.3175 10.485 13.4375 11.4441C12.5575 12.4033 11.4442 13.5441 10.0975 14.8665L8.9375 16Z" fill="#C2185B" stroke="#999" stroke-width="0" />
</svg>
</i>
</button>
</li>
</ul>
</div>
</div>
</li>
<li class="tileList__item">
<div class="tile tile--yellow">
<div class="tile__content">
<a href="" class="tile__link ">
Accounting Documentation Form
</a>
</div>
<div class="tile__actions">
<ul class="tile__actionsList">
<li class="tile__actionListItem tile__actionListItem--favorite">
<button class="tile__action tile__action--favorite" title="Favorite this page" aria-label="Favorite this page" data-favorite="false">
<span class="visually-hidden">Favorite this page</span>
<i class="icon icon--heart" aria-hidden="true">
<svg class="svgHeart" width="17" height="16" viewBox="0 0 17 16" fill="none" overflow="visible" xmlns="http://www.w3.org/2000/svg">
<path d="M8.9375 16L7.7775 14.8665C6.43083 13.5441 5.3175 12.4033 4.4375 11.4441C3.5575 10.485 2.8575 9.62383 2.3375 8.8606C1.8175 8.09795 1.4543 7.39691 1.2479 6.75749C1.0415 6.11807 0.938033 5.46412 0.9375 4.79564C0.9375 3.42961 1.3575 2.28883 2.1975 1.3733C3.0375 0.457766 4.08417 0 5.3375 0C6.03083 0 6.69083 0.159855 7.3175 0.479564C7.94417 0.799273 8.48417 1.24977 8.9375 1.83106C9.39083 1.24977 9.93083 0.799273 10.5575 0.479564C11.1842 0.159855 11.8442 0 12.5375 0C13.7908 0 14.8375 0.457766 15.6775 1.3733C16.5175 2.28883 16.9375 3.42961 16.9375 4.79564C16.9375 5.46412 16.834 6.11807 16.6271 6.75749C16.4202 7.39691 16.057 8.09795 15.5375 8.8606C15.0175 9.62383 14.3175 10.485 13.4375 11.4441C12.5575 12.4033 11.4442 13.5441 10.0975 14.8665L8.9375 16Z" fill="#C2185B" stroke="#999" stroke-width="0" />
</svg>
</i>
</button>
</li>
</ul>
</div>
</div>
</li>
<li class="tileList__item">
<div class="tile tile--yellow">
<div class="tile__content">
<a href="" class="tile__link ">
Independent Studies Recording Form
</a>
</div>
<div class="tile__actions">
<ul class="tile__actionsList">
<li class="tile__actionListItem tile__actionListItem--favorite">
<button class="tile__action tile__action--favorite" title="Favorite this page" aria-label="Favorite this page" data-favorite="false">
<span class="visually-hidden">Favorite this page</span>
<i class="icon icon--heart" aria-hidden="true">
<svg class="svgHeart" width="17" height="16" viewBox="0 0 17 16" fill="none" overflow="visible" xmlns="http://www.w3.org/2000/svg">
<path d="M8.9375 16L7.7775 14.8665C6.43083 13.5441 5.3175 12.4033 4.4375 11.4441C3.5575 10.485 2.8575 9.62383 2.3375 8.8606C1.8175 8.09795 1.4543 7.39691 1.2479 6.75749C1.0415 6.11807 0.938033 5.46412 0.9375 4.79564C0.9375 3.42961 1.3575 2.28883 2.1975 1.3733C3.0375 0.457766 4.08417 0 5.3375 0C6.03083 0 6.69083 0.159855 7.3175 0.479564C7.94417 0.799273 8.48417 1.24977 8.9375 1.83106C9.39083 1.24977 9.93083 0.799273 10.5575 0.479564C11.1842 0.159855 11.8442 0 12.5375 0C13.7908 0 14.8375 0.457766 15.6775 1.3733C16.5175 2.28883 16.9375 3.42961 16.9375 4.79564C16.9375 5.46412 16.834 6.11807 16.6271 6.75749C16.4202 7.39691 16.057 8.09795 15.5375 8.8606C15.0175 9.62383 14.3175 10.485 13.4375 11.4441C12.5575 12.4033 11.4442 13.5441 10.0975 14.8665L8.9375 16Z" fill="#C2185B" stroke="#999" stroke-width="0" />
</svg>
</i>
</button>
</li>
</ul>
</div>
</div>
</li>
<li class="tileList__item">
<div class="tile tile--yellow">
<div class="tile__content">
<a href="" class="tile__link ">
Tools
</a>
</div>
<div class="tile__actions">
<ul class="tile__actionsList">
<li class="tile__actionListItem tile__actionListItem--favorite">
<button class="tile__action tile__action--favorite" title="Favorite this page" aria-label="Favorite this page" data-favorite="false">
<span class="visually-hidden">Favorite this page</span>
<i class="icon icon--heart" aria-hidden="true">
<svg class="svgHeart" width="17" height="16" viewBox="0 0 17 16" fill="none" overflow="visible" xmlns="http://www.w3.org/2000/svg">
<path d="M8.9375 16L7.7775 14.8665C6.43083 13.5441 5.3175 12.4033 4.4375 11.4441C3.5575 10.485 2.8575 9.62383 2.3375 8.8606C1.8175 8.09795 1.4543 7.39691 1.2479 6.75749C1.0415 6.11807 0.938033 5.46412 0.9375 4.79564C0.9375 3.42961 1.3575 2.28883 2.1975 1.3733C3.0375 0.457766 4.08417 0 5.3375 0C6.03083 0 6.69083 0.159855 7.3175 0.479564C7.94417 0.799273 8.48417 1.24977 8.9375 1.83106C9.39083 1.24977 9.93083 0.799273 10.5575 0.479564C11.1842 0.159855 11.8442 0 12.5375 0C13.7908 0 14.8375 0.457766 15.6775 1.3733C16.5175 2.28883 16.9375 3.42961 16.9375 4.79564C16.9375 5.46412 16.834 6.11807 16.6271 6.75749C16.4202 7.39691 16.057 8.09795 15.5375 8.8606C15.0175 9.62383 14.3175 10.485 13.4375 11.4441C12.5575 12.4033 11.4442 13.5441 10.0975 14.8665L8.9375 16Z" fill="#C2185B" stroke="#999" stroke-width="0" />
</svg>
</i>
</button>
</li>
</ul>
</div>
</div>
</li>
<li class="tileList__item">
<div class="tile tile--yellow">
<div class="tile__content">
<a href="" class="tile__link tile__link--external">
University of Michigan Google Drive
</a>
</div>
<div class="tile__actions">
<ul class="tile__actionsList">
<li class="tile__actionListItem tile__actionListItem--favorite">
<button class="tile__action tile__action--favorite" title="Favorite this page" aria-label="Favorite this page" data-favorite="false">
<span class="visually-hidden">Favorite this page</span>
<i class="icon icon--heart" aria-hidden="true">
<svg class="svgHeart" width="17" height="16" viewBox="0 0 17 16" fill="none" overflow="visible" xmlns="http://www.w3.org/2000/svg">
<path d="M8.9375 16L7.7775 14.8665C6.43083 13.5441 5.3175 12.4033 4.4375 11.4441C3.5575 10.485 2.8575 9.62383 2.3375 8.8606C1.8175 8.09795 1.4543 7.39691 1.2479 6.75749C1.0415 6.11807 0.938033 5.46412 0.9375 4.79564C0.9375 3.42961 1.3575 2.28883 2.1975 1.3733C3.0375 0.457766 4.08417 0 5.3375 0C6.03083 0 6.69083 0.159855 7.3175 0.479564C7.94417 0.799273 8.48417 1.24977 8.9375 1.83106C9.39083 1.24977 9.93083 0.799273 10.5575 0.479564C11.1842 0.159855 11.8442 0 12.5375 0C13.7908 0 14.8375 0.457766 15.6775 1.3733C16.5175 2.28883 16.9375 3.42961 16.9375 4.79564C16.9375 5.46412 16.834 6.11807 16.6271 6.75749C16.4202 7.39691 16.057 8.09795 15.5375 8.8606C15.0175 9.62383 14.3175 10.485 13.4375 11.4441C12.5575 12.4033 11.4442 13.5441 10.0975 14.8665L8.9375 16Z" fill="#C2185B" stroke="#999" stroke-width="0" />
</svg>
</i>
</button>
</li>
</ul>
</div>
</div>
</li>
</ul>
</section>
</div>
<aside class="col-1/3@tablet col-1/4@desktop margin-bottom-4xl">
<div class="blockLinksGrid">
<ul class="blockLinks blockLinks--navy">
<li>
<a href="" class="blockLink">
<div class="blockLink__title">SSW Events</div>
</a>
<ul class="blockLinks__dateList">
<li>
<a href="" class="blockLinks__dateListLink">
<span class="blockLink__date">Feb 21</span>
<span class="blockLink__desc">For Admitted Students - Connect Virtually with Current MSW Students!</span>
</a>
</li>
<li>
<a href="" class="blockLinks__dateListLink">
<span class="blockLink__date">Feb 21</span>
<span class="blockLink__desc">MSW Prospective Student Information Session - In Person</span>
</a>
</li>
<li>
<a href="" class="blockLinks__dateListLink">
<span class="blockLink__date">Feb 22</span>
<span class="blockLink__desc">Black Excellence Celebration</span>
</a>
</li>
</ul>
</li>
</ul>
<ul class="blockLinks blockLinks--tertiary">
<li>
<a href="" class="blockLink">
<div class="blockLink__title">Announcements</div>
<div class="blockLink__desc">New MySSW dashboard goes live with favorites and color coding of your things!</div>
</a>
</li>
<li>
<a href="" class="blockLink">
<div class="blockLink__title">SSW Forum</div>
<div class="blockLink__desc">Meaningful description here</div>
</a>
</li>
</ul>
<ul class="blockLinks">
<li>
<a href="" class="blockLink">
<div class="blockLink__title">Listserv</div>
<div class="blockLink__desc">Group Email Lists</div>
</a>
</li>
<li>
<a href="" class="blockLink">
<div class="blockLink__title">SSW Forum</div>
<div class="blockLink__desc">Meaningful description here</div>
</a>
</li>
<li>
<a href="" class="blockLink">
<div class="blockLink__title">Job Bulletin</div>
<div class="blockLink__desc">Meaningful description here</div>
</a>
</li>
<li>
<a href="" class="blockLink">
<div class="blockLink__title">Title, No Description</div>
</a>
</li>
<li>
<a href="" class="blockLink">
<div class="blockLink__title">Longer title that should break over two lines</div>
</a>
</li>
<li>
<a href="" class="blockLink">
<div class="blockLink__title">Longer title that should break over two lines</div>
<div class="blockLink__desc">Lorem Ipsum is simply dummy text of the printing and typesetting industry</div>
</a>
</li>
</ul>
</div>
</aside>
</div>
<section class="size-line-length-max">
<div class="box box--padded box--border-tertiary">
<h2 class="h3 strong">Did you know?</h2>
<p><a href="" class="pointyLink pointyLink--tertiary link--plain">Lipsum has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</a></p>
<button class="button button--tertiary button--xs">Next</button>
</div>
</section>
</div>
</div>
</section>
</main>
<footer class="siteFooter" id="siteFooter">
<div class="siteFooter__inner">
<div class="wrap">
<h2 class="visually-hidden">Contact Details</h2>
<div class="grid grid--spaced grid-4-cols">
<div class="siteFooter__address">
<h3 class="visually-hidden">Address & Phone</h3>
<p class="address">
<strong>School of Social Work</strong><br />
University of Michigan<br />
080 South University Avenue<br />
Ann Arbor<br />
MI 48109-1106<br />
</p>
<ul class="list--icon-bullets">
<li>
<i class="icon" aria-hidden="true">
<svg width="10" height="15" viewBox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9.775 5.4C9.775 4.75652 9.65505 4.11935 9.42199 3.52485C9.18894 2.93036 8.84734 2.39018 8.41671 1.93518C7.98608 1.48017 7.47484 1.11924 6.91219 0.87299C6.34955 0.626742 5.7465 0.5 5.1375 0.5C4.52849 0.5 3.92545 0.626742 3.36281 0.87299C2.80016 1.11924 2.28892 1.48017 1.85829 1.93518C1.42766 2.39018 1.08606 2.93036 0.853009 3.52485C0.619952 4.11935 0.5 4.75652 0.5 5.4C0.5 6.3709 0.770963 7.2739 1.23206 8.0355H1.22676L5.1375 14.5L9.04824 8.0355H9.0436C9.52118 7.24911 9.77503 6.33437 9.775 5.4ZM5.1375 7.5C4.61038 7.5 4.10485 7.27875 3.73212 6.88492C3.3594 6.4911 3.15 5.95695 3.15 5.4C3.15 4.84305 3.3594 4.3089 3.73212 3.91508C4.10485 3.52125 4.61038 3.3 5.1375 3.3C5.66462 3.3 6.17015 3.52125 6.54287 3.91508C6.9156 4.3089 7.125 4.84305 7.125 5.4C7.125 5.95695 6.9156 6.4911 6.54287 6.88492C6.17015 7.27875 5.66462 7.5 5.1375 7.5Z" fill="white" />
</svg> </i>
<a href="">Get directions</a>
</li>
<li>
<i class="icon" aria-hidden="true">
<svg width="10" height="14" viewBox="0 0 10 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.5 0H1.5C1.23478 0 0.98043 0.105357 0.792893 0.292893C0.605357 0.48043 0.5 0.734784 0.5 1V13C0.5 13.2652 0.605357 13.5196 0.792893 13.7071C0.98043 13.8946 1.23478 14 1.5 14H8.5C8.76522 14 9.01957 13.8946 9.20711 13.7071C9.39464 13.5196 9.5 13.2652 9.5 13V1C9.5 0.734784 9.39464 0.48043 9.20711 0.292893C9.01957 0.105357 8.76522 0 8.5 0ZM5.5 13H4.5V12H5.5V13ZM1.5 11V1H8.5V11H1.5Z" fill="white" />
</svg>
</i>
<span>1 (734) 764-3309</span>
</li>
</ul>
</div>
<div class="siteFooter__email">
<h3 class="visually-hidden">Email</h3>
<h4 class="h6">School of Social Work</h4>
<a href="mailto:ssw.msw.info@umich.edu">ssw.msw.info@umich.edu</a>
<h4 class="h6">Community Education</h4>
<a href="mailto:ssw.conted@umich.edu">ssw.conted@umich.edu</a>
<h4 class="h6">PhD Enquiries</h4>
<a href="mailto:ssw.phd.info@umich.edu">ssw.phd.info@umich.edu</a>
</div>
<div class="siteFooter__links">
<ul class="list--arrow-bullets">
<li><a href="">Social Media</a></li>
<li><a href="">Report Sexual Misconduct</a></li>
<li><a href="">Connect</a></li>
<li><a href="">Give</a></li>
</ul>
</div>
<div class="siteFooter__connect">
<h3 class="h6"><a href="">Connect With Us</a></h3>
<ul class="list--inline-icons">
<li>
<a href="" title="Facebook">
<i class="icon" aria-hidden="true">
<svg width="13" height="24" viewBox="0 0 13 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.8814 14.0359H11.7416L12.8856 9.45959H8.8814V7.17146C8.8814 5.99307 8.8814 4.88332 11.1695 4.88332H12.8856V1.03926C12.5127 0.990064 11.1043 0.879089 9.61703 0.879089C6.51089 0.879089 4.30513 2.77481 4.30513 6.2562V9.45959H0.872925V14.0359H4.30513V23.7604H8.8814V14.0359Z" fill="white" />
</svg> </i>
</a>
</li>
<li>
<a href="" title="Instagram">
<i class="icon" aria-hidden="true">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13.1371 0.880486C13.9653 0.877308 14.7934 0.885631 15.6214 0.905453L15.8415 0.913398C16.0958 0.922477 16.3466 0.933826 16.6496 0.947444C17.8571 1.00419 18.681 1.19485 19.404 1.47517C20.153 1.76343 20.784 2.15384 21.415 2.78484C21.992 3.35183 22.4385 4.0377 22.7235 4.79473C23.0039 5.51766 23.1945 6.34272 23.2513 7.55025C23.2649 7.85213 23.2762 8.10408 23.2853 8.35829L23.2921 8.57846C23.3123 9.40602 23.321 10.2338 23.3182 11.0616L23.3194 11.9082V13.3949C23.3222 14.2231 23.3135 15.0513 23.2933 15.8792L23.2864 16.0994C23.2774 16.3536 23.266 16.6044 23.2524 16.9074C23.1957 18.115 23.0027 18.9389 22.7235 19.6618C22.4394 20.4197 21.9928 21.1061 21.415 21.6729C20.8475 22.2497 20.1613 22.6962 19.404 22.9814C18.681 23.2617 17.8571 23.4524 16.6496 23.5091C16.3466 23.5227 16.0958 23.5341 15.8415 23.5432L15.6214 23.55C14.7934 23.5701 13.9653 23.5788 13.1371 23.5761L12.2905 23.5772H10.8049C9.97672 23.58 9.14855 23.5713 8.32062 23.5511L8.10045 23.5443C7.83103 23.5345 7.56168 23.5232 7.2924 23.5102C6.08488 23.4535 5.26095 23.2606 4.53688 22.9814C3.77955 22.6969 3.09357 22.2503 2.52699 21.6729C1.94938 21.1057 1.50244 20.4194 1.21732 19.6618C0.937005 18.9389 0.746343 18.115 0.689598 16.9074C0.676959 16.6381 0.66561 16.3688 0.655551 16.0994L0.649877 15.8792C0.628954 15.0513 0.619495 14.2231 0.621504 13.3949V11.0616C0.618337 10.2338 0.62666 9.40602 0.646472 8.57846L0.654416 8.35829C0.663496 8.10408 0.674844 7.85213 0.688463 7.55025C0.745208 6.34159 0.93587 5.51879 1.21619 4.79473C1.50147 4.03733 1.94929 3.35165 2.52812 2.78597C3.09432 2.20803 3.77987 1.76068 4.53688 1.47517C5.26095 1.19485 6.08374 1.00419 7.2924 0.947444L8.10045 0.913398L8.32062 0.907723C9.14816 0.88681 9.97596 0.877352 10.8038 0.879351L13.1371 0.880486ZM11.9704 6.55495C11.2186 6.54431 10.4721 6.68322 9.77439 6.96359C9.07668 7.24396 8.44165 7.6602 7.9062 8.18812C7.37076 8.71605 6.94558 9.34513 6.65537 10.0388C6.36517 10.7325 6.21572 11.4769 6.21572 12.2288C6.21572 12.9808 6.36517 13.7252 6.65537 14.4189C6.94558 15.1126 7.37076 15.7416 7.9062 16.2696C8.44165 16.7975 9.07668 17.2137 9.77439 17.4941C10.4721 17.7745 11.2186 17.9134 11.9704 17.9027C13.4754 17.9027 14.9187 17.3049 15.9829 16.2407C17.0471 15.1766 17.6449 13.7332 17.6449 12.2283C17.6449 10.7233 17.0471 9.27999 15.9829 8.21583C14.9187 7.15166 13.4754 6.55495 11.9704 6.55495ZM11.9704 8.82473C12.4227 8.8164 12.8721 8.89827 13.2923 9.06557C13.7126 9.23286 14.0953 9.48222 14.4181 9.79909C14.741 10.116 14.9974 10.494 15.1725 10.9111C15.3475 11.3281 15.4378 11.7759 15.4378 12.2283C15.4379 12.6806 15.3478 13.1284 15.1729 13.5456C14.998 13.9627 14.7417 14.3408 14.419 14.6578C14.0962 14.9748 13.7136 15.2242 13.2934 15.3917C12.8732 15.5591 12.4238 15.6411 11.9716 15.633C11.0686 15.633 10.2026 15.2742 9.56409 14.6357C8.92559 13.9972 8.56689 13.1313 8.56689 12.2283C8.56689 11.3253 8.92559 10.4593 9.56409 9.82081C10.2026 9.1823 11.0686 8.8236 11.9716 8.8236L11.9704 8.82473ZM17.9286 4.85261C17.5625 4.86726 17.2162 5.02301 16.9624 5.28724C16.7085 5.55147 16.5667 5.90367 16.5667 6.27009C16.5667 6.63651 16.7085 6.98871 16.9624 7.25294C17.2162 7.51717 17.5625 7.67292 17.9286 7.68757C18.3049 7.68757 18.6657 7.53811 18.9317 7.27207C19.1978 7.00603 19.3472 6.6452 19.3472 6.26896C19.3472 5.89272 19.1978 5.53189 18.9317 5.26584C18.6657 4.9998 18.3049 4.85034 17.9286 4.85034V4.85261Z" fill="white" />
</svg> </i>
</a>
</li>
<li>
<a href="" title="X (Twitter)">
<i class="icon" aria-hidden="true">
<svg width="26" height="23" viewBox="0 0 26 23" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M19.9916 0.714951H23.7314L15.5607 10.0543L25.1734 22.7604H17.6471L11.7528 15.0532L5.00698 22.7604H1.26515L10.0049 12.7707L0.783447 0.715967H8.50084L13.829 7.7606L19.9916 0.714951ZM18.6796 20.5227H20.7517L7.37484 2.83586H5.15128L18.6796 20.5227Z" fill="white" />
</svg> </i>
</a>
</li>
<li>
<a href="" title="YouTube">
<i class="icon" aria-hidden="true">
<svg width="29" height="24" viewBox="0 0 29 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M15.0879 0.879089C15.8455 0.883346 17.741 0.901789 19.7556 0.982658L20.4706 1.01387C22.498 1.10893 24.524 1.2735 25.5299 1.553C26.8706 1.93038 27.9234 3.0285 28.2795 4.42171C28.847 6.63497 28.9179 10.9508 28.9264 11.9964L28.9278 12.2121V12.4589C28.9179 13.5046 28.847 17.8218 28.2795 20.0337C27.9191 21.4311 26.865 22.5307 25.5299 22.9024C24.524 23.1819 22.498 23.3465 20.4706 23.4415L19.7556 23.4741C17.741 23.5536 15.8455 23.5735 15.0879 23.5763L14.7545 23.5777H14.3927C12.7895 23.5678 6.0845 23.4954 3.95069 22.9024C2.61139 22.525 1.55726 21.4269 1.20115 20.0337C0.633649 17.8204 0.562712 13.5046 0.554199 12.4589V11.9964C0.562712 10.9508 0.633649 6.63355 1.20115 4.42171C1.56151 3.02424 2.61565 1.92471 3.95211 1.55442C6.0845 0.959958 12.7909 0.887602 14.3941 0.879089H15.0879ZM11.9028 7.26348V17.1947L20.4153 12.2291L11.9028 7.26348Z" fill="white" />
</svg> </i>
</a>
</li>
<li>
<a href="" title="LinkedIn">
<i class="icon" aria-hidden="true">
<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M5.64859 3.49707C5.64825 4.17748 5.37763 4.8299 4.89626 5.31078C4.4149 5.79167 3.76222 6.06163 3.0818 6.06129C2.40139 6.06095 1.74898 5.79033 1.26809 5.30897C0.787205 4.8276 0.517238 4.17492 0.517578 3.49451C0.517919 2.81409 0.788538 2.16168 1.2699 1.68079C1.75127 1.19991 2.40395 0.929943 3.08437 0.930283C3.76478 0.930623 4.41719 1.20124 4.89808 1.68261C5.37896 2.16398 5.64893 2.81666 5.64859 3.49707ZM5.72555 7.96105H0.594544V24.0211H5.72555V7.96105ZM13.8326 7.96105H8.7272V24.0211H13.7812V15.5934C13.7812 10.8986 19.9 10.4624 19.9 15.5934V24.0211H24.9668V13.8489C24.9668 5.9343 15.9106 6.22933 13.7812 10.1161L13.8326 7.96105Z" fill="white" />
</svg> </i>
</a>
</li>
<li>
<a href="" title="Other Social Network?!??">
<i class="icon" aria-hidden="true">
<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1.8183 0.879089C1.56375 0.879599 1.31976 0.980947 1.13977 1.16095C0.959768 1.34094 0.85842 1.58493 0.85791 1.83948V12.4501C0.85791 18.8412 6.03787 24.0211 12.4289 24.0211C18.82 24.0211 23.9999 18.8412 23.9999 12.4501C23.9999 6.05905 18.82 0.879089 12.4289 0.879089H1.8183ZM12.589 4.33304C14.7197 4.35315 16.7552 5.21878 18.2478 6.73954C19.7403 8.26031 20.5677 10.3117 20.5479 12.4424C20.5273 14.5728 19.6614 16.6078 18.1407 18.0999C16.62 19.5921 14.569 20.4192 12.4386 20.3994C8.0059 20.356 4.43914 16.7256 4.47964 12.29C4.52303 7.85448 8.15344 4.29061 12.589 4.33304ZM12.5591 6.52189C10.9995 6.50955 9.49863 7.11646 8.38596 8.20943C7.27329 9.30239 6.63966 10.7921 6.62413 12.3518C6.61026 13.9132 7.21695 15.4163 8.31086 16.5307C9.40477 17.645 10.8964 18.2794 12.4579 18.2944C13.2304 18.3014 13.9968 18.1561 14.7131 17.8668C15.4295 17.5776 16.0819 17.15 16.6329 16.6085C17.184 16.067 17.623 15.4222 17.9248 14.711C18.2266 13.9998 18.3853 13.2362 18.3919 12.4636C18.406 10.9036 17.8005 9.40179 16.7084 8.28779C15.6163 7.17379 14.1268 6.53868 12.5668 6.52189H12.5591ZM12.5398 9.42718C13.3304 9.43608 14.0852 9.75805 14.6389 10.3225C15.1925 10.887 15.4997 11.6479 15.4933 12.4385C15.4898 12.83 15.4091 13.2169 15.2559 13.5771C15.1027 13.9373 14.88 14.2638 14.6004 14.5379C14.3209 14.8119 13.9901 15.0282 13.6269 15.1742C13.2637 15.3203 12.8753 15.3933 12.4839 15.3891L12.4858 15.3882C11.6953 15.381 10.9401 15.0601 10.3862 14.4961C9.8323 13.9321 9.52515 13.1712 9.53231 12.3807C9.53948 11.5902 9.86036 10.8349 10.4244 10.2811C10.9884 9.72717 11.7493 9.42002 12.5398 9.42718Z" fill="white" />
</svg> </i>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="siteFooter__legal">
<div class="wrap">
<ul>
<li>© 2023 The Regents of the University of Michigan</li>
<li><a href="">Non-discrimination Policy</a></li>
<li><a href="">Privacy Policy</a></li>
<li><a href="">U-M Home</a></li>
<li><a href="">Contact & Building Hours</a></li>
<li><a href="">Employment</a></li>
</ul>
</div>
</div>
</footer>
{% set viewMode = 'grid' %}
{% include '@intranet-header' %}
{% include '@page-header--intranet' with {
title: 'Dashboard',
favourite: 'hide',
breadcrumbs: false
} %}
<main id="main-content">
<section class="slab">
<div class="slab__inner">
<div class="wrap">
<div class="grid grid--spaced">
<div class="col-2/3@tablet col-3/4@desktop margin-bottom-4xl">
<section class="moveableSection">
{% include '@moveable-section__header' with {
title: 'My Favorites',
tickertapeTextElement: 'h2',
viewMode: 'edit',
moveable: false,
showSaveButton: true
} %}
{% include '@tile-list' with {
viewMode: 'edit',
tiles: [
{
title: 'Adivisor / Advisee Information',
favorite: true,
},
{
title: 'Language Course Request for Credit',
favorite: true,
theme: 'navy',
},
{
title: 'Really Long Tile Title To See What Happens When We Use an Unusually Extraordinarily Long Title',
favorite: true,
theme: 'pink',
},
{
title: 'Short Title',
favorite: true,
theme: 'blue',
},
{
title: 'Online Educational Agreement',
favorite: true,
theme: 'grey',
},
{
title: 'Supervisor Portal',
favorite: true
},
{
title: 'Accounting Documentation Form',
favorite: true
},
{
title: 'Independent Studies Recording Form',
favorite: true
},
{
title: 'Tools',
favorite: true
},
{
title: 'University of Michigan Google Drive',
favorite: true,
externalLink: true
},
]
} %}
</section>
<section class="moveableSection">
{% include '@moveable-section__header' with {
title: 'My Recently Accessed',
tickertapeTextElement: 'h2',
viewMode: 'edit'
} %}
{% include '@tile-grid' with {
tiles: [
{ title: 'Really Long Tile Title To See What Happens When We Use an Unusually Extraordinarily Long Title' },
{
title: 'Short Title',
favorite: true
},
{ title: 'Tools' },
{
title: 'University of Michigan Google Drive',
externalLink: true
},
]
} %}
</section>
<section class="moveableSection">
{% include '@moveable-section__header' with {
title: 'SSW Frequently Accessed',
tickertapeTextElement: 'h2',
viewMode: 'edit'
} %}
{% include '@tile-grid' with {
tiles: [
{ title: 'Adivisor / Advisee Information' },
{ title: 'Language Course Request for Credit' },
{ title: 'Really Long Tile Title To See What Happens When We Use an Unusually Extraordinarily Long Title' },
{
title: 'Short Title',
favorite: true
},
{ title: 'Online Educational Agreement' },
{ title: 'Supervisor Portal' },
{ title: 'Accounting Documentation Form' },
{ title: 'Independent Studies Recording Form' },
{ title: 'Tools' },
{
title: 'University of Michigan Google Drive',
externalLink: true
},
]
} %}
</section>
</div>
<aside class="col-1/3@tablet col-1/4@desktop margin-bottom-4xl">
<div class="blockLinksGrid">
{% include '@block-links--with-date-list' %}
{% include '@block-links--tertiary' %}
{% include '@block-links' %}
</div>
</aside>
</div>
<section class="size-line-length-max">
<div class="box box--padded box--border-tertiary">
<h2 class="h3 strong">Did you know?</h2>
<p><a href="" class="pointyLink pointyLink--tertiary link--plain">{{ lorem }}</a></p>
<button class="button button--tertiary button--xs">Next</button>
</div>
</section>
</div>
</div>
</section>
</main>
{% include '@site-footer' %}