<!DOCTYPE html>
<html lang='en'>
    <head>
        <meta charset='utf-8'>
        <meta content='width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no,shrink-to-fit=no' name='viewport'>
        <meta name="theme-color" content="#ffffff">
        <meta name="msapplication-TileColor" content="#da532c">
        <meta name="turbo-refresh-method" content="morph">
        <meta name="turbo-refresh-scroll" content="preserve">
        <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
        <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
        <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
        <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
        <link rel="manifest" href="/site.webmanifest">
        <title><%= Ktistec.settings.site || "Ktistec" %><%= (title = title.presence) && " | #{title}" %></title>
        <link rel="stylesheet" href="/3rd/semantic-2.4.1.min.css"/>
        <script>
          window.Ktistec = {
            csrf: '<%= env.session.string?("csrf") %>'
          }
        </script>
        <script src="/dist/site.bundle.js"></script>
        <%= head %>
    </head>
    <body class="dimmable">
        <%= render "src/views/partials/modals.html.slang" %>
        <%= render "src/views/partials/header.html.slang" %>
        <div class="ui text container">
            <%= content %>
        </div>
        <%= render "src/views/partials/footer.html.slang" %>
    </body>
</html>
