<!doctype html>
<html th:lang="${#locale.toLanguageTag}" th:fragment="layout (title,head,body)">
<head>
    <meta charset="UTF-8" />
    <meta content="IE=edge" http-equiv="X-UA-Compatible" />
    <meta content="webkit" name="renderer" />
    <meta
            content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, viewport-fit=cover"
            name="viewport"
    />
    <meta content="noindex,nofollow" name="robots" />
    <title th:text="${title}"></title>
    <link rel="preload" href="/images/wordmark.svg" as="image" type="image/svg+xml" />
    <link rel="preload" href="/images/logo.png" as="image" type="image/png" />
    <link th:unless="${#strings.isEmpty(site.favicon)}" rel="icon" th:href="${site.favicon}" />

    <th:block th:replace="~{gateway_fragments/common::basicStaticResources}"></th:block>

    <style type="text/css">
        body:before {
            position: fixed;
            inset: 0;
            content: "";
            background: url([[${theme.config.login_page.custom_login_background}]]) 50% / cover;
            z-index: -1;
            opacity: .1;
        }
    </style>

    <th:block th:if="${head != null}">
        <th:block th:replace="${head}" />
    </th:block>
</head>
<body class="gateway-page">
<th:block th:replace="${body}" />
</body>
</html>
