{{ define "home.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">
        {{ range .listings }}
            <div class="col-sm hover-overlay" data-mdb-ripple-init data-mdb-ripple-color="light">
                <div class="col-auto">
                {{ template "listing.html" . }}
                </div>
            </div>
        {{ end }}
        </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 }}