0.46.0
Changelog
Menus

Services Menu

Used in the left sidebar on the student websites and staff website only. The below shows a combination of links used in the student menu as well as staff menu.

JavaScript class: .js-services-menu and .js-services-menu__toggle

<nav class="c-services-menu c-services-menu--light js-services-menu" role="navigation" aria-label="Services Menu">
  <div class="c-services-menu__toggle js-services-menu__toggle"><a href="#0" class="c-services-menu__item-link"><i class="ua-icon-menu"></i> Site Menu</a></div>
  <ul class="c-services-menu__list js-services-menu-content">
    <li class="c-services-menu__row is-top">
      <a class="c-services-menu__row-link" href="https://unified.adelaide.edu.au/c/portal/login">
        <p class="c-services-menu__title u-pull-left">Unified</p>
        <button class="c-services-menu__btn c-btn c-btn--danger c-btn--small u-pull-right">Log-in</button>
      </a>
    </li>
    <li class="c-services-menu__row">
      <a class="c-services-menu__row-link" href="https://apps.adelaide.edu.au/gmail/sign_up">
        <span class="c-services-menu__row-link-icon ua-icon-mail"></span>
        Student Mail
      </a>
    </li>
    <li class="c-services-menu__row">
      <a class="c-services-menu__row-link" href="https://myuni.adelaide.edu.au/webapps/login/">
        <span class="c-services-menu__row-link-icon ua-icon-myuni" aria-hidden="true"></span>
        MyUni
      </a>
    </li>
    <li class="c-services-menu__row">
      <a class="c-services-menu__row-link" href="https://mymedia.adelaide.edu.au/">
        <span class="c-services-menu__row-link-icon ua-icon-film" aria-hidden="true"></span>
        MyMedia
      </a>
    </li>
    <li class="c-services-menu__row">
      <a class="c-services-menu__row-link" href="http://www.adelaide.edu.au/library/">
        <span class="c-services-menu__row-link-icon ua-icon-library" aria-hidden="true"></span>
        Library
      </a>
    </li>
    <li class="c-services-menu__row">
      <a class="c-services-menu__row-link" href="https://access.adelaide.edu.au/">
        <span class="c-services-menu__row-link-icon ua-icon-lock" aria-hidden="true"></span>
        Access Adelaide
      </a>
    </li>
    <li class="c-services-menu__row">
      <a class="c-services-menu__row-link" href="https://adapt.adelaide.edu.au/">
        <span class="c-services-menu__row-link-icon ua-icon-adapt" aria-hidden="true"></span>
        ADAPT
      </a>
    </li>
    <li class="c-services-menu__row">
      <a class="c-services-menu__row-link" href="https://shop.adelaide.edu.au/konakart/UOAReLogIn.action?cust-sign-in-method=uoa">
        <span class="c-services-menu__row-link-icon ua-icon-cart" aria-hidden="true"></span>
        Online Shop
      </a>
    </li>
    <li class="c-services-menu__row">
      <a class="c-services-menu__row-link" href="https://adelaide.edu.au/finance/updatebank">
        <span class="c-services-menu__row-link-icon ua-icon-credit-card" aria-hidden="true"></span>
        Bank Details
      </a>
    </li>
    <li class="c-services-menu__row">
      <a class="c-services-menu__row-link" href="https://studyabroad.adelaide.edu.au/">
        <span class="c-services-menu__row-link-icon ua-icon-earth" aria-hidden="true"></span>
        Study Abroad
      </a>
    </li>
    <li class="c-services-menu__row">
      <a class="c-services-menu__row-link" href="https://owa.adelaide.edu.au/">
        <span class="c-services-menu__row-link-icon ua-icon-mail" aria-hidden="true"></span>
        Mail &amp; Calendar
      </a>
    </li>
    <li class="c-services-menu__row">
      <a class="c-services-menu__row-link" href="https://sso.adelaide.edu.au/">
        <span class="c-services-menu__row-link-icon ua-icon-user" aria-hidden="true"></span>
        Staff Services Online
      </a>
    </li>
    <li class="c-services-menu__row">
      <a class="c-services-menu__row-link" href="http://www.adelaide.edu.au/phonebook/">
        <span class="c-services-menu__row-link-icon ua-icon-phone" aria-hidden="true"></span>
        Phonebook
      </a>
    </li>
    <li class="c-services-menu__row">
      <a class="c-services-menu__row-link" href="https://adapt.adelaide.edu.au/">
        <span class="c-services-menu__row-link-icon ua-icon-open-door" aria-hidden="true"></span>
        Hub Room Booking
      </a>
    </li>
    <li class="c-services-menu__row">
      <a class="c-services-menu__row-link" href="https://password.adelaide.edu.au/">
        <span class="c-services-menu__row-link-icon ua-icon-key" aria-hidden="true"></span>
        Password Manager
      </a>
    </li>
    <li class="c-services-menu__row">
      <a class="c-services-menu__row-link" href="https://login.adelaide.edu.au/app-authenticator/AppAuthenticator?appName=csforums">
        <span class="c-services-menu__row-link-icon ua-icon-group" aria-hidden="true"></span>
        CS Forum
      </a>
    </li>
    <li class="c-services-menu__row">
      <a class="c-services-menu__row-link" href="https://serko.campustravel.com.au/cas/UOA">
        <span class="c-services-menu__row-link-icon ua-icon-airplane" aria-hidden="true"></span>
        Campus Travel
      </a>
    </li>
  </ul>
</nav>

Services Menu - megamenu

This should only be used in the megamenu.

<nav class="c-services-menu" role="navigation" aria-label="Services Menu">
  <ul class="c-services-menu__list">
    <li class="c-services-menu__row is-top">
      <a class="c-services-menu__row-link" href="https://unified.adelaide.edu.au/c/portal/login">
        <p class="c-services-menu__title u-pull-left">Unified</p>
        <button class="c-services-menu__btn c-btn c-btn--danger u-pull-right">Log-in</button>
      </a>
    </li>
    <li class="c-services-menu__row">
      <a class="c-services-menu__row-link" href="https://access.adelaide.edu.au/">
        <span class="c-services-menu__row-link-icon ua-icon-lock" aria-hidden="true"></span>
        Access Adelaide
      </a>
    </li>
    <li class="c-services-menu__row">
      <a class="c-services-menu__row-link" href="https://apps.adelaide.edu.au/gmail/sign_up">
        <span class="c-services-menu__row-link-icon ua-icon-mail" aria-hidden="true"></span>
        Mail
      </a>
    </li>
    <li class="c-services-menu__row">
      <a class="c-services-menu__row-link" href="https://myuni.adelaide.edu.au/webapps/login/">
        <span class="c-services-menu__row-link-icon ua-icon-myuni" aria-hidden="true"></span>
        MyUni
      </a>
    </li>
    <li class="c-services-menu__row">
      <a class="c-services-menu__row-link" href="http://www.adelaide.edu.au/library/">
        <span class="c-services-menu__row-link-icon ua-icon-library" aria-hidden="true"></span>
        Library
      </a>
    </li>
    <li class="c-services-menu__row">
      <a class="c-services-menu__row-link" href="https://adapt.adelaide.edu.au/">
        <span class="c-services-menu__row-link-icon ua-icon-adapt" aria-hidden="true"></span>
        ADAPT
      </a>
    </li>
  </ul>
</nav>

© The University of Adelaide