<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8"/>
    <link rel="icon" type="image/png" href="/curling_logo.png"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <title>Curling E-Portfolio</title>
</head>
<body class="bg-primary flex flex-col min-h-screen">

{{> nav impressionsActive=true}}

<div class="home grow">

    <h1 class="flex justify-center">Impressionen</h1>

    <div class="flex justify-center">
        <iframe class="w-10/12 md:w-1/2 aspect-video" src="https://www.youtube.com/embed/bruNTJCsZPM?controls=0"
                title="YouTube video player"
                allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
                allowfullscreen></iframe>
    </div>

    <div class="flex flex-col items-center">
        <img class="w-10/12 md:w-1/2 m-10"
             src="https://res.cloudinary.com/dgyrt6b4m/image/upload/v1671645823/stones_colored.jpg"/>
        <img class="w-10/12 md:w-1/2 m-10"
             src="https://res.cloudinary.com/dgyrt6b4m/image/upload/v1671645801/no_advertisements.jpg"/>
        <img class="w-10/12 md:w-1/2 m-10"
             src="https://res.cloudinary.com/dgyrt6b4m/image/upload/v1671645802/anti_glare.jpg"/>
    </div>
</div>

{{> footer }}
<script type="module" src="/main.js"></script>
</body>
</html>