<section class="banner" role="region" aria-label="banner on top of page">
<div class="video-wrapper">
<div class="video">
<iframe width="560" height="315" src="https://www.youtube.com/embed/79DijItQXMM" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="transcript">
<div class="accordion-item">
<h2 class="accordion-button">
<button aria-expanded="false">
<span>
Transcript
</span>
</button>
</h2>
<div class="accordion-text" hidden>
<p>An old man turned ninety-eight<br /> He won the lottery and died the next day.<br /> It's a black fly in your Chardonnay<br /> It's a death row pardon two minutes too late.<br /> - Alanis Morissette</p>
</div>
</div>
</div>
</div>
</section>
<section class="banner" role="region" aria-label="banner on top of page">
{% include "@video" with {
video: video
} %}
</section>
{
"video": "<iframe width=\"560\" height=\"315\" src=\"https://www.youtube.com/embed/79DijItQXMM\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen></iframe>",
"accordion_heading": "Transcript",
"accordion_content": "An old man turned ninety-eight<br /> He won the lottery and died the next day.<br /> It's a black fly in your Chardonnay<br /> It's a death row pardon two minutes too late.<br /> - Alanis Morissette"
}
.banner {
.video {
padding-bottom: 40%;
}
}
No notes defined.