---
title: "Presentations"
format: html
---
<div class="iframe-container" aria-label="Embedded Presentation: Training Session">
<iframe
id="training-iframe"
src="assets/training_session.html"
allowfullscreen
title="Training Session">
</iframe>
</div>
<div class="presentation-controls">
<button
class="btn-presentation"
onclick="openPresentationInNewWindow()"
aria-label="Open Training Session in Full Screen">
Open Full Screen
</button>
</div>
<script>
function openPresentationInNewWindow() {
const url = document.getElementById('training-iframe').getAttribute('src');
window.open(url, '_blank', 'noopener');
}
</script>
<style>
.iframe-container { position: relative; width: 100%; padding-top: 56.25%; }
.iframe-container iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.presentation-controls { margin: .75rem 0 1.5rem; }
</style>