{{ extends "html.jet" }}

{{ block body() . }}
    <!-- pagelayout.jet -->
    {{ include "navbar.jet" . }}
    <div class="content">
    {{ include "flashes.jet" . }}
    {{ block pageContent() . }}default page content{{ end }}
    </div>
    {{ include "footer.jet" . }}
    <style>
        body, html {
            margin: 0;
            padding: 0;
        }
        .content {
            margin-top: 4rem; /* Adjust this value based on your navbar height */
            padding: 1em 0; /* Only top and bottom padding */
            background-color: #f8f9fa; /* Ensure background color spans full width */
            width: 100%; /* Ensure the content spans full width */
            box-sizing: border-box; /* Include padding in the element's total width and height */
        }
    </style>
{{ end }}