Digital

Person profiles

Further Information

The Visual Identity is a part of the UWA Communications Strategy, and its use must be authorised by the University Website Office.


Page layouts


Page elements


Content containers


The "grad-profile" class is used to style profiles of staff or students.

Tthe colour will change to match the colour scheme of the site.

Example

Portrait of Patrick Distel

BSc Earth Science
Environment department

Lorum Ipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In quam justo, feugiat a, aliquam sed, mattis in, diam. Mauris metus lectus, posuere sed, consectetur vitae, mollis a, felis. Mauris nec sapien. Duis id lectus. Nulla scelerisque dolor non tellus. Aenean neque. Morbi pretium consectetur elit. Ut leo magna, semper sit amet, convallis eu, luctus in, purus.

Aliquam vel diam. Nullam blandit, tellus at mollis accumsan, leo orci hendrerit quam, in convallis sem nulla at nisl. Vivamus laoreet sapien eget magna. Sed vestibulum interdum elit. Nullam ornare rhoncus enim. Aliquam viverra justo eu lacus. Vivamus at ante. Ut non eros placerat purus congue interdum. Integer vehicula, dolor a dictum rutrum, felis lorem hendrerit diam, ac pretium nisl lorem et lacus.

Maecenas sodales, elit nec cursus pulvinar, justo felis varius arcu, dapibus congue erat quam eget ligula. Nulla luctus diam non ante. Vestibulum dolor velit, semper vulputate, pharetra et, imperdiet eget, ipsum. Morbi sem. Mauris pharetra, eros non semper consectetur, libero nisi semper arcu, ac molestie turpis ligula id dui. Integer risus. Suspendisse adipiscing mattis sem. Aenean dictum lorem eget lacus. In hac habitasse platea dictumst. Mauris ultricies mauris sit amet massa. Nulla facilisi.

Implementation in MySource Matrix

  1. Create a new div with a Content Type of Snippet and select Grad profile [start] from the snippet drop-down menu after the page has reloaded.
  2. Create a new div (with the default Content Type of WYSIWYG) immediately below the snippet and apply the class grad-profile-photo.
  3. Insert the profile image into the div and enter appropriate text. The first line should be bold.
  4. Create a new div immediately below the image and apply the class grad-profile-text.
  5. Enter appropriate text and apply the introduction class to the first paragraph of the profile description.
  6. Create a new snippet immediately below and select Grad profile [end] from the snippet drop-down menu after the page has reloaded.