00:00
/
00:00

Flexible Content Module Examples

This is a page that shows many of the available flexible content modules that are currently underpinning each page of Agnes’s website.

N.B. Some modules developed for the Online Exhibition template will not appear here due to inherited stylings/CSS that are template-specific. 

Text Block

Text Block Sub-Heading

This is the regular text block. Can be two columns (text only). Optional divider line above.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus hendrerit diam in orci molestie molestie. Cras ut ante at turpis ultrices ultricies. Nunc sit amet quam vel nulla iaculis venenatis. Aliquam mollis massa augue, tempus congue urna rhoncus et. Maecenas tincidunt ex id ipsum feugiat, nec condimentum metus viverra. Quisque ornare bibendum orci ac volutpat. Curabitur id porttitor turpis.1This is an example of a footnote. It will also appear in a dropdown accordion at the very bottom of the page.

Donec commodocommodo This is the definitions module. dolor nec commodo rhoncus, ante libero blandit diam, ac dictum lacus sapien sed purus. Nam dictum odio eget pellentesque porttitor. Cras faucibus nisi nec lobortis rhoncus. Praesent sollicitudin semper enim in tempor. Nunc justo diam, iaculis et massa sit amet, pellentesque auctor neque. Aenean eu nibh mi.2Another footnote.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus hendrerit diam in orci molestie molestie. Cras ut ante at turpis ultrices ultricies. Nunc sit amet quam vel nulla iaculis venenatis. Aliquam mollis massa augue, tempus congue urna rhoncus et. Maecenas tincidunt ex id ipsum feugiat, nec condimentum metus viverra. Quisque ornare bibendum orci ac volutpat. Curabitur id porttitor turpis. Morbi sed varius tellus, eu iaculis eros.

Donec commodo, dolor nec commodo rhoncus, ante libero blandit diam, ac dictum lacus sapien sed purus. Nam dictum odio eget pellentesque porttitor. Cras faucibus nisi nec lobortis rhoncus. Praesent sollicitudin semper enim in tempor. Nunc justo diam, iaculis et massa sit amet, pellentesque auctor neque. Aenean eu nibh mi. Ut in sapien quam.

Phasellus vitae molestie eros. Aliquam in porttitor lectus, eu hendrerit justo. Donec lorem ante, suscipit eget dignissim et, volutpat ac neque. Nunc viverra at leo quis rhoncus. Morbi convallis magna vel vestibulum pretium. Duis eget nulla sed mi lacinia hendrerit. Pellentesque viverra ultrices lorem. Fusce tempus placerat dolor, nec ullamcorper neque tristique id. Cras imperdiet turpis mauris, a tincidunt metus pretium vel. Aenean feugiat diam placerat bibendum volutpat. Duis condimentum mauris in enim porta, at molestie sapien condimentum. Integer a ullamcorper ex, porttitor facilisis felis. Aliquam ullamcorper convallis laoreet. Integer tincidunt sodales mi sed tristique. Donec tortor ligula, efficitur id nunc quis, tempor faucibus arcu.

Text and Image

Three drag artists wearing re-imagined historical garments.

Dare De LaFemme, Rowena Whey and Tyffanie Morgan. Pc: Bernard Clarke.

Text and Image (Image 2/3rds of page width)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus hendrerit diam in orci molestie molestie. Cras ut ante at turpis ultrices ultricies. Nunc sit amet quam vel nulla iaculis venenatis. Aliquam mollis massa augue, tempus congue urna rhoncus et. Maecenas tincidunt ex id ipsum feugiat, nec condimentum metus viverra. Quisque ornare bibendum orci ac volutpat. Curabitur id porttitor turpis. Morbi sed varius tellus, eu iaculis eros.

Donec commodo, dolor nec commodo rhoncus, ante libero blandit diam, ac dictum lacus sapien sed purus. Nam dictum odio eget pellentesque porttitor. Cras faucibus nisi nec lobortis rhoncus. Praesent sollicitudin semper enim in tempor. Nunc justo diam, iaculis et massa sit amet, pellentesque auctor neque. Aenean eu nibh mi. Ut in sapien quam.

Joan Scaglione, Shifting Realities (detail), 2023, mixed media. Photo: Paul Litherland

Joan Scaglione, Shifting Realities (detail), 2023, mixed media. Photo: Paul Litherland

Text Grid 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus hendrerit diam in orci molestie molestie. Cras ut ante at turpis ultrices ultricies. Nunc sit amet quam vel nulla iaculis venenatis. Aliquam mollis massa augue, tempus congue urna rhoncus et. Maecenas tincidunt ex id ipsum feugiat, nec condimentum metus viverra. Quisque ornare bibendum orci ac volutpat. Curabitur id porttitor turpis. Morbi sed varius tellus, eu iaculis eros.

Donec commodo, dolor nec commodo rhoncus, ante libero blandit diam, ac dictum lacus sapien sed purus. Nam dictum odio eget pellentesque porttitor. Cras faucibus nisi nec lobortis rhoncus. Praesent sollicitudin semper enim in tempor. Nunc justo diam, iaculis et massa sit amet, pellentesque auctor neque. Aenean eu nibh mi. Ut in sapien quam.

Text Grid 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus hendrerit diam in orci molestie molestie. Cras ut ante at turpis ultrices ultricies. Nunc sit amet quam vel nulla iaculis venenatis. Aliquam mollis massa augue, tempus congue urna rhoncus et. Maecenas tincidunt ex id ipsum feugiat, nec condimentum metus viverra. Quisque ornare bibendum orci ac volutpat. Curabitur id porttitor turpis. Morbi sed varius tellus, eu iaculis eros.

Donec commodo, dolor nec commodo rhoncus, ante libero blandit diam, ac dictum lacus sapien sed purus. Nam dictum odio eget pellentesque porttitor. Cras faucibus nisi nec lobortis rhoncus. Praesent sollicitudin semper enim in tempor. Nunc justo diam, iaculis et massa sit amet, pellentesque auctor neque. Aenean eu nibh mi. Ut in sapien quam.

Text Grid 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus hendrerit diam in orci molestie molestie. Cras ut ante at turpis ultrices ultricies. Nunc sit amet quam vel nulla iaculis venenatis. Aliquam mollis massa augue, tempus congue urna rhoncus et. Maecenas tincidunt ex id ipsum feugiat, nec condimentum metus viverra. Quisque ornare bibendum orci ac volutpat. Curabitur id porttitor turpis. Morbi sed varius tellus, eu iaculis eros.

Donec commodo, dolor nec commodo rhoncus, ante libero blandit diam, ac dictum lacus sapien sed purus. Nam dictum odio eget pellentesque porttitor. Cras faucibus nisi nec lobortis rhoncus. Praesent sollicitudin semper enim in tempor. Nunc justo diam, iaculis et massa sit amet, pellentesque auctor neque. Aenean eu nibh mi. Ut in sapien quam.

Text Grid 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus hendrerit diam in orci molestie molestie. Cras ut ante at turpis ultrices ultricies. Nunc sit amet quam vel nulla iaculis venenatis. Aliquam mollis massa augue, tempus congue urna rhoncus et. Maecenas tincidunt ex id ipsum feugiat, nec condimentum metus viverra. Quisque ornare bibendum orci ac volutpat. Curabitur id porttitor turpis. Morbi sed varius tellus, eu iaculis eros.

Donec commodo, dolor nec commodo rhoncus, ante libero blandit diam, ac dictum lacus sapien sed purus. Nam dictum odio eget pellentesque porttitor. Cras faucibus nisi nec lobortis rhoncus. Praesent sollicitudin semper enim in tempor. Nunc justo diam, iaculis et massa sit amet, pellentesque auctor neque. Aenean eu nibh mi. Ut in sapien quam.

Text Grid 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus hendrerit diam in orci molestie molestie. Cras ut ante at turpis ultrices ultricies. Nunc sit amet quam vel nulla iaculis venenatis. Aliquam mollis massa augue, tempus congue urna rhoncus et. Maecenas tincidunt ex id ipsum feugiat, nec condimentum metus viverra. Quisque ornare bibendum orci ac volutpat. Curabitur id porttitor turpis. Morbi sed varius tellus, eu iaculis eros.

Donec commodo, dolor nec commodo rhoncus, ante libero blandit diam, ac dictum lacus sapien sed purus. Nam dictum odio eget pellentesque porttitor. Cras faucibus nisi nec lobortis rhoncus. Praesent sollicitudin semper enim in tempor. Nunc justo diam, iaculis et massa sit amet, pellentesque auctor neque. Aenean eu nibh mi. Ut in sapien quam.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus hendrerit diam in orci molestie molestie. Cras ut ante at turpis ultrices ultricies. Nunc sit amet quam vel nulla iaculis venenatis. Aliquam mollis massa augue, tempus congue urna rhoncus et. Maecenas tincidunt ex id ipsum feugiat, nec condimentum metus viverra. Quisque ornare bibendum orci ac volutpat. Curabitur id porttitor turpis. Morbi sed varius tellus, eu iaculis eros.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus hendrerit diam in orci molestie molestie. Cras ut ante at turpis ultrices ultricies. Nunc sit amet quam vel nulla iaculis venenatis. Aliquam mollis massa augue, tempus congue urna rhoncus et. Maecenas tincidunt ex id ipsum feugiat, nec condimentum metus viverra. Quisque ornare bibendum orci ac volutpat. Curabitur id porttitor turpis. Morbi sed varius tellus, eu iaculis eros.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus hendrerit diam in orci molestie molestie. Cras ut ante at turpis ultrices ultricies. Nunc sit amet quam vel nulla iaculis venenatis. Aliquam mollis massa augue, tempus congue urna rhoncus et. Maecenas tincidunt ex id ipsum feugiat, nec condimentum metus viverra. Quisque ornare bibendum orci ac volutpat. Curabitur id porttitor turpis. Morbi sed varius tellus, eu iaculis eros.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus hendrerit diam in orci molestie molestie. Cras ut ante at turpis ultrices ultricies. Nunc sit amet quam vel nulla iaculis venenatis. Aliquam mollis massa augue, tempus congue urna rhoncus et. Maecenas tincidunt ex id ipsum feugiat, nec condimentum metus viverra. Quisque ornare bibendum orci ac volutpat. Curabitur id porttitor turpis. Morbi sed varius tellus, eu iaculis eros.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus hendrerit diam in orci molestie molestie. Cras ut ante at turpis ultrices ultricies. Nunc sit amet quam vel nulla iaculis venenatis. Aliquam mollis massa augue, tempus congue urna rhoncus et. Maecenas tincidunt ex id ipsum feugiat, nec condimentum metus viverra. Quisque ornare bibendum orci ac volutpat. Curabitur id porttitor turpis. Morbi sed varius tellus, eu iaculis eros.

OE: Text Block+ (Two Column Text)

This text block’s header is slightly bigger than the regular Text Block header used across the website. This is primarily used in Digital Agnes project templates, like the Online Exhibition and Collection Highlight templates.

This text block can have a second column (right/left):

  • Text
  • Image
  • Video

Donec commodo, dolor nec commodo rhoncus, ante libero blandit diam, ac dictum lacus sapien sed purus. Nam dictum odio eget pellentesque porttitor. Cras faucibus nisi nec lobortis rhoncus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus hendrerit diam in orci molestie molestie. Cras ut ante at turpis ultrices ultricies. Nunc sit amet quam vel nulla iaculis venenatis. Aliquam mollis massa augue, tempus congue urna rhoncus et. Maecenas tincidunt ex id ipsum feugiat, nec condimentum metus viverra. Quisque ornare bibendum orci ac volutpat. Curabitur id porttitor turpis. Morbi sed varius tellus, eu iaculis eros.

OE: Text Block+ (Two Column Image)

This text block’s header is slightly bigger than the regular Text Block header used across the website. This is primarily used in Digital Agnes project templates, like the Online Exhibition and Collection Highlight templates.

This text block can have a second column (right/left):

  • Text
  • Image
  • Video
image
Behind-the-scenes filming with Untold Storytelling and Winsom Winsom. Courtesy of Untold Storytelling.

OE: Text Block+ (Two Column Video)

This text block’s header is slightly bigger than the regular Text Block header used across the website. This is primarily used in Digital Agnes project templates, like the Online Exhibition and Collection Highlight templates.

This text block can have a second column (right/left):

  • Text
  • Image
  • Video

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus hendrerit diam in orci molestie molestie. Cras ut ante at turpis ultrices ultricies. Nunc sit amet quam vel nulla iaculis venenatis.

Queen's logo
Logo: Kingston Arts Council
Logo: Canada Council for the Arts
Logo: Ontario Arts Council
Logo: City of Kingston
Accordion Panel 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus hendrerit diam in orci molestie molestie. Cras ut ante at turpis ultrices ultricies. Nunc sit amet quam vel nulla iaculis venenatis. Aliquam mollis massa augue, tempus congue urna rhoncus et. Maecenas tincidunt ex id ipsum feugiat, nec condimentum metus viverra. Quisque ornare bibendum orci ac volutpat. Curabitur id porttitor turpis. Morbi sed varius tellus, eu iaculis eros.

Donec commodo, dolor nec commodo rhoncus, ante libero blandit diam, ac dictum lacus sapien sed purus. Nam dictum odio eget pellentesque porttitor. Cras faucibus nisi nec lobortis rhoncus. Praesent sollicitudin semper enim in tempor. Nunc justo diam, iaculis et massa sit amet, pellentesque auctor neque. Aenean eu nibh mi. Ut in sapien quam.

Accordion Panel 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus hendrerit diam in orci molestie molestie. Cras ut ante at turpis ultrices ultricies. Nunc sit amet quam vel nulla iaculis venenatis. Aliquam mollis massa augue, tempus congue urna rhoncus et. Maecenas tincidunt ex id ipsum feugiat, nec condimentum metus viverra. Quisque ornare bibendum orci ac volutpat. Curabitur id porttitor turpis. Morbi sed varius tellus, eu iaculis eros.

Donec commodo, dolor nec commodo rhoncus, ante libero blandit diam, ac dictum lacus sapien sed purus. Nam dictum odio eget pellentesque porttitor. Cras faucibus nisi nec lobortis rhoncus. Praesent sollicitudin semper enim in tempor. Nunc justo diam, iaculis et massa sit amet, pellentesque auctor neque. Aenean eu nibh mi. Ut in sapien quam.

Artist Abby Nowakowski tattoos a rose on Rowena Whey at Agnes.
Artist Abby Nowakowski tattoos a rose on Rowena Whey at Agnes. Photo: Garrett Elliott
Joan Scaglione, Shifting Realities (detail), 2023, mixed media. Photo: Tim Forbes
Joan Scaglione, Shifting Realities (detail), 2023, mixed media. Photo: Tim Forbes
Exhibition Celebration, 2023
Exhibition Celebration, 2023
Derya Akay, process image, 2023. Courtesy of the artist.

Derya Akay, process image, 2023. Courtesy of the artist.

Derya Akay, process image, 2023. Photo: Tim Forbes

Derya Akay, process image, 2023. Photo: Tim Forbes

Help Listening

< Back

Play Online

  1. Use the links on this page to choose which track you would like to listen to
  2. Press the “Play” button to begin

Listen In-Gallery

  1. Visit agnes.queensu.ca/digital-agnes
  2. Select the audio track you would like to listen to and press “Play”
    Listening to this content will require a Wi-Fi connection or a data plan.
    Some charges may apply, please consult your mobile provider)

Other Ways to Listen

Tap or click on “Transcript” under each track to read or download the full transcript of each audio commentary.

Audio Playlist

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus hendrerit diam in orci molestie molestie. Cras ut ante at turpis ultrices ultricies. Nunc sit amet quam vel nulla iaculis venenatis.

Fictioning Marginalia
Episode 1 | Vibe Check with Neven Lochhead
00:00

Transcript

Fictioning Marginalia
Episode 1 | Vibe Check with Neven Lochhead
Artist Statement: Tyffanie Morgan
Tyffanie Morgan speaks about her Teagown.
00:00

Transcript

Artist Statement: Tyffanie Morgan
Tyffanie Morgan speaks about her Teagown.
Drawing Power From Poetry
In this episode, poet Juliane Okot Bitek shares how stories have the power to transform who we are and how we situate ourselves in the world.
00:00

Transcript

Drawing Power From Poetry
In this episode, poet Juliane Okot Bitek shares how stories have the power to transform who we are and how we situate ourselves in the world.

Video Playlist

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus hendrerit diam in orci molestie molestie. Cras ut ante at turpis ultrices ultricies. Nunc sit amet quam vel nulla iaculis venenatis.

Video clip is 6:31
Portrait of Tranna Wintour in Agnes Gets Hysterical.
Agnes Gets Hysterical, featuring Tranna Wintour

Transcript

Agnes Gets Hysterical, featuring Tranna Wintour
Video clip is 11:33
Screenshot from "Chaka Chikodzi," a film by Naomi Okabe and Tess Girard and commssioned by Agnes Etherington Art Centre, 2022.
Chaka Chikodzi
Chaka Chikodzi meditates on his artistic process and what it means to converse in geological time. Watch the award-winning short film.

Transcript

Chaka Chikodzi
Chaka Chikodzi meditates on his artistic process and what it means to converse in geological time. Watch the award-winning short film.
Video clip is 2:05
Installation view of Collection Count + Care.
Collection Count + Care with Previously Known Makers

Transcript

Collection Count + Care with Previously Known Makers

Featured Artworks

Footnotes
Image Credits
Queen’s University
36 University Avenue
Kingston, Ontario
Canada K7L 3N6
T (613) 533.2190
aeac@queensu.ca
Agnes Etherington Art Centre is situated on the territory of the Haudenosaunee and Anishinaabek.

Anishinaabemowin (Ojibway): Gimaakwe Gchi-gkinoomaagegamig atemagad Naadowe miinwaa Anishinaabe aking.

Kanyen’keha (Mohawk): Ne Agnes Etherington Art Centre e’tho nońwe nikanónhsote tsi nońwe ne Haudenasaunee tánon Anishinaabek tehatihsnónhsahere ne óhontsa.

Agnes is committed to anti-racism. We work to eradicate institutional biases and develop accountable programs that support and centre the artistic expression and lived experience of Black, Indigenous and People of Colour. Agnes promotes 2SLGBTQIAP+ positive spaces.

© Agnes Etherington Art Centre 2024

Queen’s University
36 University Avenue
Kingston, Ontario
Canada K7L 3N6
T (613) 533.2190
F (613) 533.6765
aeac@queensu.ca
Agnes Etherington Art Centre is situated on the territory of the Haudenosaunee and Anishinaabek.

Anishinaabemowin (Ojibway): Gimaakwe Gchi-gkinoomaagegamig atemagad Naadowe miinwaa Anishinaabe aking.

Kanyen’keha (Mohawk): Ne Agnes Etherington Art Centre e’tho nońwe nikanónhsote tsi nońwe ne Haudenasaunee tánon Anishinaabek tehatihsnónhsahere ne óhontsa.

Agnes is committed to anti-racism. We work to eradicate institutional biases and develop accountable programs that support and centre the artistic expression and lived experience of Black, Indigenous and People of Colour. Agnes promotes 2SLGBTQIAP+ positive spaces.
© Agnes Etherington Art Centre 2024

Subscribe to our “This Week at Agnes” e-newsletter to stay abreast of events, news and opportunities at the art museum.