6.38 Transcript View in a new window
Transcript trigger and inner.
Twig: components/transcript/transcript.twig
Example
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In nisi tortor, lacinia vel interdum id, porttitor nec est. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Curabitur dolor metus, eleifend quis mattis quis, vulputate vel orci. Pellentesque egestas porta felis, ut mattis lectus maximus nec. Cras porta felis turpis, non accumsan libero tempor eu. Nullam elit urna, rhoncus a sapien non, fringilla rutrum odio. Proin magna urna, viverra sit amet sem nec, ullamcorper auctor arcu. Nullam eu laoreet nisi, quis dignissim lacus. Sed aliquet tortor feugiat, rutrum nibh eget, lobortis mi. Curabitur venenatis, nulla tempus condimentum tempor, felis magna placerat massa, eget sagittis sem arcu nec lorem. Ut viverra vel leo quis scelerisque. Vivamus quis magna ut dui vestibulum ultricies. Duis sagittis libero metus, quis viverra odio lobortis feugiat.
Markup
<div>
<!-- Video or similar goes here -->
<img src="http://lorempixel.com/880/440/animals/" alt="video" />
</div>
<a id="example-dialog-toggle" class="transcript__trigger">Transcript</a>
{% embed '@uts_theme/components/dialog/dialog.twig' with {toggle: 'example-dialog-toggle', label: 'Transcript'} %}
{% block content %}
<div class="transcript__inner">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In nisi tortor, lacinia vel interdum id, porttitor nec est. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Curabitur dolor metus, eleifend quis mattis quis, vulputate vel orci. Pellentesque egestas porta felis, ut mattis lectus maximus nec. Cras porta felis turpis, non accumsan libero tempor eu. Nullam elit urna, rhoncus a sapien non, fringilla rutrum odio. Proin magna urna, viverra sit amet sem nec, ullamcorper auctor arcu. Nullam eu laoreet nisi, quis dignissim lacus. Sed aliquet tortor feugiat, rutrum nibh eget, lobortis mi. Curabitur venenatis, nulla tempus condimentum tempor, felis magna placerat massa, eget sagittis sem arcu nec lorem. Ut viverra vel leo quis scelerisque. Vivamus quis magna ut dui vestibulum ultricies. Duis sagittis libero metus, quis viverra odio lobortis feugiat.
</div>
{% endblock %}
{% endembed %}