Audio Callout with Photo and Text

The Audio Callout with Photo and Text component adds a box to the page, with a user-selected photo occupying one-third of the box and text content taking up the remaining two-thirds. A user-selected audio file is displayed as a small HTML5 audio player, positioned at the bottom of the photo. This component was designed to highlight people and their work.

Demo

Microbiology, Spring 2025

Anne Lemek

My name is Anne Lemek. I am majoring in microbiology. My graduation year is spring of 2025. I am most passionate about disease research and bacterial biology and where those two fields intersect. My plan for after graduation is to pursue a PhD in microbiology.

Instructions for use

While editing a page:

1. Move your cursor to the area of the page you wish to add the component.
2. Click the "Insert Component" button in the editor toolbar.
3. Select the Audio Callout with Photo and Text component from the list.
4. Select the image for use with the component.
5. Select the audio file for use with the component.
6. Enter the position or title of the person being highlighted.
7. Select the heading level - this should be one heading level below the nearest heading above the component.
8. Enter the heading text.
9. Enter optional body text.
10. Click the "Save" button.