rentease/internal/view/layout/base.templ
Ruidy 620465f206
RE20 github link footer (#21)
* add a github logo link to the repository in the footer

* update deps

* remove useless css loading
2024-11-14 22:14:20 +01:00

50 lines
1.8 KiB
Text

package layout
templ BaseLayout() {
<!DOCTYPE html>
<html lang="en">
<head>
<title>RentEase | Your Property Management System</title>
<meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<meta name="description" content="Property Management System"/>
<link rel="icon" href="/static/icons/favicon-main.png"/>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@picocss/pico@2/css/pico.purple.min.css"/>
<script src="/static/js/htmx.js" defer></script>
<script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.14.0/dist/cdn.min.js"></script>
<script>
document.addEventListener("DOMContentLoaded", () => {
document.addEventListener("htmx:beforeSwap", (e) => {
if([422,401].includes(e.detail.xhr.status)) {
e.detail.shouldSwap = true
e.detail.isError = false
}
})
})
</script>
</head>
<body hx-boost="true" style="display: flex; flex-direction: column; min-height: 100vh;">
<nav class="container">
<ul>
<li><a href="/"><b>🏨 RentEase </b> </a></li>
</ul>
<ul>
<li><a href="/bookings">Bookings</a></li>
<li><a href="/reports">Reports</a></li>
<li><a href="/bookings/new" role="button">New Booking</a></li>
</ul>
</nav>
<main class="container" style="flex: 1 0 auto;">
{ children... }
</main>
<footer class="container">
<small>
🏨 RentEase &copy 2024 -
<a href="https://github.com/rjNemo/rentease" target="_blank" rel="noopener noreferrer">
<img src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/github/github-original.svg" height="16" width="16"/>
</a>
</small>
</footer>
</body>
</html>
}