{% extends 'base.html' %}


{% partialdef viewer %}
    <div style="height: 100vh; width: 95%, mangin: 0; padding: 0; overflow: hidden;">


        <iframe  crossorigin="anonymous" allow='cross-origin-isolated' class="embedded-viewer" src="{{viewer_link}}" width="100%" height="95%" style="border:none;"></iframe>

    </div>

    <style>
        .embedded-viewer {
            border: none;
            pointer-events: auto;
            margin: 0; height: 100%; overflow: hidden
        }
    </style>

{% endpartialdef %}

{% partialdef embed %}
    Close

    {% partial viewer %}

{% endpartialdef %}


{% block content %}
    {% partial viewer %}

{% endblock content %}


{% block css %}

{% endblock css %}