{{ define "blogpost.html" }}
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta http-equiv="content-type" content="text/html; charset=UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="stylesheet" href="/api/v1/style/bootstrap.min.css">
        <link rel="stylesheet" href="/api/v1/style/mdb/mdb.min.css">
    </head>
    <body style="background-color: rgb(56, 56, 56);">
        {{ template "navigation.html" .navigation }}
        <div class="container-fluid row">
            <div class="col"></div>
            <div class="col-auto p-3 m-3" style="max-width: 80vw;">
                <div class="row" style="background-color: rgb(22, 22, 22); color: white; height: fit-content; font-family: monospace; white-space: pre-wrap;">
                    <p class="text-center">{{ .Ident }}</p>
                </div>
                <div class="row" style="background-color: rgb(22, 22, 22); color: white; height: fit-content; font-family: monospace; white-space: pre-wrap">
                    <p class="text-left">{{ .Created }}</p>
                </div>
                <div class="row" style="background-color: rgb(22, 22, 22); color: white; height: fit-content; font-family: monospace; white-space: pre-wrap">
                    <p class="text-left">{{ .Body }}</p>
                </div>
            </div>
            <div class="col"></div>
        </div>
        <script type="text/javascript" src="/api/v1/js/bootstrap.bundle.min.js" crossorigin="anonymous"></script>
        <script src="https://unpkg.com/htmx.org@1.9.4"></script>
        <script src="https://unpkg.com/htmx.org/dist/ext/json-enc.js"></script>
    </body>

</html>
{{ end }}