61 lines
1.3 KiB
HTML
61 lines
1.3 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>JADE 2.0</title>
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@1.0.0/css/bulma.min.css">
|
|
</head>
|
|
|
|
<body>
|
|
{{ template "navbar" . }}
|
|
|
|
{{template "content" .}}
|
|
|
|
<script src="https://unpkg.com/htmx.org@1.9.11"></script>
|
|
<style>
|
|
.column {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.message {
|
|
max-width: 90%;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.user-message {
|
|
align-self: flex-start;
|
|
}
|
|
|
|
.bot-message {
|
|
align-self: flex-end;
|
|
}
|
|
</style>
|
|
|
|
</body>
|
|
|
|
</html>
|
|
|
|
{{define "navbar"}}
|
|
<nav class="navbar is-primary">
|
|
<div class="navbar-brand">
|
|
<a class="navbar-item" href="https://www.bouvai.com">
|
|
<img src="/bouvai.png">
|
|
</a>
|
|
</div>
|
|
<div class="navbar-menu">
|
|
<div class="navbar-start">
|
|
<a class="navbar-item" href="/">
|
|
Home
|
|
</a>
|
|
<a class="navbar-item" href="/chat">
|
|
Chat
|
|
</a>
|
|
</div>
|
|
<div class="navbar-end">
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
{{end}} |