Style Guide: A guide to Magic Modules

This page is a work in progress!

The goal of this page is to provide, at minimum, a functional example of each Magic Module.

This page will be lightly maintained.

Think of it as part sandbox, part pocket reference.

Ways you could use this page

Use your browser’s search functionality to quickly find a module.
Edit a section and add your own version of the MM.
Troubleshoot something. Does it work here but not elsewhere? Let us know!

Text modules

TITLE MODULE

Adds a headline to the page. Use this module to title sections of the page or other modules.

Optionally, an icon can be added

Optionally, you can set the title to be part of the "on-page" navigation

My Section Title

My Section with icon

SUBTITLE MODULE

Adds a headline to the page. Use this module to title sub-sections. Does not get added to on-page navigation.

This is what a subtitle module looks like

Maecenas sed diam eget risus varius blandit sit amet non magna. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.

Italic example

Just text here.

Downloads

.mp3

Downloads – this is the resources module

Donate

Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Donec ullamcorper nulla non metus auctor fringilla. Cras mattis consectetur purus sit amet fermentum. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Maecenas faucibus mollis interdum.

This is a caption

Photo: J. Smith

Table Module

My nice table

Cups

20 Plates

3 Forks

0

Video Module

This video embed is copied from Vimeo using the ‘fixed size’ setting. Video is set to full width.

The video embed is copied from Vimeo using the ‘responsive’ setting. Video is not set to full width.