<!DOCTYPE html>
<html lang="{{ .Site.LanguageCode | default "en" }}">
    {{- partial "head.html" . -}}
    <body>
        {{- partial "header.html" . -}}
        <div id="content">
        {{- block "main" . }}{{- end }}
        </div>
        {{- partial "footer.html" . -}}
    </body>
    <script>
        function toggleDescription(id){
            document.querySelector(id).classList.toggle("collapsed");
        }
        function loadPlayer(id, embed_path){
            media = document.querySelector('#media-'+ id)

            var iframe = document.createElement('iframe');
            iframe.src = embed_path + '?autoplay=1&title=0';
            iframe.width = 560;
            iframe.height = 315;
            iframe.frameBorder = 0;
            iframe.sandbox = "allow-same-origin allow-scripts allow-popups" ;
            media.appendChild(iframe);
            document.querySelector('#thumb-'+ id).remove();
        }
    </script>

</html>