Initial commit

src/main/resources/templates/layout.html

@@ -0,0 +1,60 @@
+<!--
+  ~ Copyright (c) 2026.  RedINTER Comunicaciones SA de CV. All rights reserved.
+  ~
+  ~ This source code is the property of RedINTER Comunicaciones SA de CV and constitutes
+  ~ proprietary and confidential software.
+  ~
+  ~ Reproduction, modification, distribution, disclosure, or use of this
+  ~ source code without the copyright holder's prior written authorization
+  ~ is prohibited, except as permitted by applicable law or a valid
+  ~ license agreement.
+  -->
+
+<!DOCTYPE html>
+<html xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
+      xmlns:webpack="http://redinterglobal.com/thymeleaf/webpack">
+<head>
+    <link webpack:entrypoint="${entrypoint}" th:unless="${entrypoint} == null">
+    <link webpack:entrypoint="welcome" th:if="${entrypoint} == null">
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <title layout:title-pattern="$LAYOUT_TITLE - $CONTENT_TITLE">Passwordfree</title>
+    <link rel="icon" type="image/x-icon" th:href="@{/favicon/favicon.ico}">
+    <link rel="icon" type="image/png" sizes="16x16" th:href="@{/favicon/favicon/favicon-16x16.png}">
+    <link rel="icon" type="image/png" sizes="32x32" th:href="@{/favicon/favicon-32x32.png}">
+    <link rel="apple-touch-icon" sizes="180x180" th:href="@{/favicon/apple-touch-icon.png}">
+    <link rel="manifest" th:href="@{/site.webmanifest}">
+    <style>
+        body {
+            background: url("[(@{/img/sdo.svg})]");
+            background-size: cover;
+            background-position: center;
+            background-repeat: no-repeat;
+            background-attachment: fixed;
+        }
+        @media (prefers-color-scheme: dark) {
+            html body {
+                background-color: #07172F;
+                background-image: url("[(@{/img/sdo-dark.svg})]");
+            }
+        }
+    </style>
+</head>
+
+<body>
+
+<header class="customer-logo-header" sec:authorize="isAuthenticated()">
+    <div class="container col-xl-10 col-xxl-8 px-4 pt-5">
+        <div class="customer-logo-panel">
+            <img th:src="@{/logo}" class="customer-logo" alt="Customer logo" sec:authorize="hasRole('ROLE_USER')">
+            <img th:src="@{/monitor/logo}" class="customer-logo" alt="Customer logo" sec:authorize="hasRole('ROLE_MONITOR')">
+        </div>
+    </div>
+</header>
+
+<section class="layout-content" layout:fragment="content">
+</section>
+
+</body>