<!doctype html>
<html lang="de-de">
    <html>
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <link rel="stylesheet" href="assets/css/notebook.css" />
        <title>Mein Berichtsheft</title>
    </head>
    <body>
        <div id="overlay" onclick="hideOverlay();" ondrop="ignoreData(event);" ondragover="ignoreData(event);">
            <div class="box" onclick="ignoreData(event)">
                <div id="import" ondrop="importData(event);" ondragover="ignoreData(event);"></div>
            </div>
        </div>
        <div class="sticky">
            <button onclick='pageAdd("title")'>Neue Titelseite</button>
            <button onclick='pageAdd("blank")'>Neue leere Seite</button>
            <button onclick='pageAdd("report")'>Neue Berichtsseite</button>
            <button onclick='showImport()'>Import</button>
            <button onclick='exportData()'>Export</button>
        </div>

        <main id="appContent"></main>
    </body>
    <footer>
        <script src="assets/js/notebook.js"></script>
        <script>init();</script>
    </footer>
</html>