Open today 10am — 5:45pm Buy Tickets »
Open today 10am – 5:45pm
« Back to Modules Index

Transcript

Options

This is an element, meaning it is used within other modules but not as a standalone module.

Variants
  • Default
  • Condensed
    • Use .amnh-transcript--condensed.
  • Dark
    • Add, or @extend the class .amnh-dark on the parent.
Rules
  • If the transcript is to be used, there must be a button accompanying it with the class .open-transcript.
  • Both the button (.open-transcript) and the transcript block (.amnh-transcript) must be wrapped in a container with the class .container-with-transcript. This ensures the button and block have a common ancestor so the correct transcript block will open on click.
  • The .container-with-transcript container does not have to be an entirely new div/block. The class can just be added to a common ancestor.
  • If the transcript is used in a dark section, the dark variant must be used.
Notes/Recommendations
  • We strongly recommend using the button provided below which allows for a toggle between + Show transcript and - Hide transcript but technically, the transcript will be toggled on any button or link click with the class .open-transcript.
Transcript
Transcript (condensed)
Transcript (dark)
Transcript (condensed & dark)