2025-08-05 03:56:23 +02:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html lang="en">
|
|
|
|
|
<head>
|
|
|
|
|
<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 />
|
2025-08-09 22:14:35 +02:00
|
|
|
<link href="https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet" />
|
2025-08-05 03:56:23 +02:00
|
|
|
|
2025-08-09 21:16:24 +02:00
|
|
|
<link href="css/catppuccin.css" rel="stylesheet" />
|
2025-08-09 22:14:35 +02:00
|
|
|
<link href="css/dropdown.css" rel="stylesheet" />
|
2025-08-09 21:16:24 +02:00
|
|
|
<link href="css/markdown.css" rel="stylesheet" />
|
|
|
|
|
<link href="css/chat.css" rel="stylesheet" />
|
2025-08-05 03:56:23 +02:00
|
|
|
|
|
|
|
|
<title>chat</title>
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<div id="page">
|
|
|
|
|
<div id="messages"></div>
|
|
|
|
|
<div id="chat">
|
|
|
|
|
<button id="bottom" class="hidden" title="Scroll to bottom"></button>
|
|
|
|
|
|
2025-08-09 21:16:24 +02:00
|
|
|
<textarea id="message" placeholder="Type something..." autocomplete="off"></textarea>
|
2025-08-05 03:56:23 +02:00
|
|
|
|
|
|
|
|
<button id="add" title="Add message"></button>
|
|
|
|
|
<button id="send" title="Add message and start completion"></button>
|
|
|
|
|
|
|
|
|
|
<div class="options">
|
|
|
|
|
<div class="option">
|
|
|
|
|
<label for="role" title="Role"></label>
|
|
|
|
|
<select id="role">
|
|
|
|
|
<option value="user" selected>User</option>
|
|
|
|
|
<option value="assistant">Assistant</option>
|
|
|
|
|
<option value="system">System</option>
|
|
|
|
|
</select>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="option">
|
|
|
|
|
<label for="model" title="Model"></label>
|
2025-08-09 22:14:35 +02:00
|
|
|
<select id="model" data-searchable></select>
|
2025-08-05 03:56:23 +02:00
|
|
|
</div>
|
2025-08-07 22:09:08 +02:00
|
|
|
<div class="option">
|
|
|
|
|
<label for="prompt" title="Prompt"></label>
|
|
|
|
|
<select id="prompt">
|
|
|
|
|
<option value="" selected>No Prompt</option>
|
|
|
|
|
<option value="normal">Assistant</option>
|
|
|
|
|
</select>
|
|
|
|
|
</div>
|
2025-08-05 03:56:23 +02:00
|
|
|
<div class="option">
|
|
|
|
|
<label for="temperature" title="Temperature (0 - 1)"></label>
|
|
|
|
|
<input id="temperature" type="number" min="0" max="1" step="0.05" value="0.85" />
|
|
|
|
|
</div>
|
2025-08-09 21:16:24 +02:00
|
|
|
<div class="option">
|
|
|
|
|
<button id="scrolling" title="Turn on auto-scrolling"></button>
|
|
|
|
|
</div>
|
2025-08-05 03:56:23 +02:00
|
|
|
<div class="option">
|
|
|
|
|
<button id="clear" title="Clear the entire chat"></button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
2025-08-09 21:16:24 +02:00
|
|
|
<script src="lib/highlight.min.js"></script>
|
|
|
|
|
<script src="lib/marked.min.js"></script>
|
2025-08-10 15:53:30 +02:00
|
|
|
<script src="lib/morphdom.min.js"></script>
|
2025-08-09 21:16:24 +02:00
|
|
|
<script src="js/lib.js"></script>
|
|
|
|
|
<script src="js/markdown.js"></script>
|
|
|
|
|
<script src="js/dropdown.js"></script>
|
|
|
|
|
<script src="js/chat.js"></script>
|
2025-08-05 03:56:23 +02:00
|
|
|
</body>
|
|
|
|
|
</html>
|
