41 lines
1015 B
HTML
41 lines
1015 B
HTML
<!doctype html>
|
|
<html xmlns:th="http://www.thymeleaf.org" th:lang="${#locale.language}">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title th:text="${title}">{{title}}</title>
|
|
<th:block th:include="~{fragments/meta :: meta}"></th:block>
|
|
<link rel="stylesheet" href="/persona.min.css" />
|
|
<script>
|
|
let toggle = function () {
|
|
const elem = document.querySelector(".layout");
|
|
elem.classList.toggle("closed");
|
|
};
|
|
</script>
|
|
</head>
|
|
<body>
|
|
<div class="layout">
|
|
<div class="sidebar">
|
|
<nav class="nav">
|
|
<ul>
|
|
|
|
</ul>
|
|
</nav>
|
|
</div>
|
|
<header class="header">
|
|
<span class="icon-button material-icons" onclick="toggle();">menu</span>
|
|
<h1 class="grow" th:text="${title}">{{title}}</h1>
|
|
</header>
|
|
<div class="main">
|
|
<main>
|
|
<p th:text="#{hello.text}">{{#i18n}}hello.text{{/i18n}}</p>
|
|
|
|
<p>...</p>
|
|
</main>
|
|
<footer th:replace="~{fragments/footer :: footer}">
|
|
</footer>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|