<!DOCTYPE html> <html>
<head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <title>{{ page.title }}</title> <link href="./assets/css/main.css" rel="stylesheet" /> <script src="{{ page.jsfile }}"></script> </head> <body class="flex flex-col h-screen overflow-hidden"> <div class="bg-gray-800 text-white text-xl font-medium py-4 px-2"> {{ page.title}} </div> {% include navigation.html %} <div class="flex-grow flex overflow-hidden"> <div class="w-1/3 bg-gray-200 p-4 overflow-scroll"> <div class="my-2 text-gray-700 prose"> {{ content }} </div> </div> <div class="flex-grow flex w-2/3"> <div id="elm-app-is-loaded-here"></div> </div> </div> {% include footer.html sponsor=page.sponsor %} <script> var app = Elm.{{ page.elm }}.init({ node: document.getElementById("elm-app-is-loaded-here"), }); </script> {% include cookie-consent.html %} </body>
</html>