{% load i18n static %}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>{{ presentation.title }} — PDF Export</title>
    <link rel="stylesheet" href="{% static 'vendor/fonts/inter/latin.css' %}">
    <link rel="stylesheet" href="{% static 'css/presentations/slide-theme.css' %}">
    <style>
        @page {
            size: 1920px 1080px;
            margin: 0;
        }
        body {
            margin: 0;
            padding: 0;
        }
        .export-page {
            width: 1920px;
            height: 1080px;
            page-break-after: always;
            overflow: hidden;
            position: relative;
        }
        .export-page:last-child {
            page-break-after: auto;
        }
    </style>
</head>
<body>
    {% for page in pages %}
    <div class="export-page">
        {{ page|safe }}
    </div>
    {% endfor %}
</body>
</html>
