You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
61 lines
2.2 KiB
61 lines
2.2 KiB
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<!-- <script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"></script> -->
|
|
<link rel="stylesheet" href="stylesheet.css">
|
|
<script src="alpine.min.js"></script>
|
|
<script src="main.js"></script>
|
|
<script src="watchdog.js"></script>
|
|
</head>
|
|
<body>
|
|
<div class="sidebar">
|
|
<h1>Chatbug 🪲</h1>
|
|
<div class="button">🐛 New Chat</div>
|
|
<div class="title">Today</div>
|
|
<div class="button">Building Web UI with Bottle & Alpine.js</div>
|
|
<div class="button">Coding in python</div>
|
|
<div class="title">Last Week</div>
|
|
<div class="title">Older</div>
|
|
</div>
|
|
<div class="mainarea">
|
|
<!-- <h1 x-data="{ message: 'I ❤️ Alpine' }" x-text="message"></h1> -->
|
|
|
|
<div class="message">
|
|
<div class="bubble">Hello world</div>
|
|
</div>
|
|
<div class="response">
|
|
<div class="">Hello! Nice to meet you. What's up?</div>
|
|
</div>
|
|
<div class="message">
|
|
<div class="bubble">ah, just holding an example conversation with you</div>
|
|
</div>
|
|
<div class="response">
|
|
<div class="">Got it! Fun stuff. What kind of projects are you working on these days?</div>
|
|
</div>
|
|
<div class="message">
|
|
<div class="bubble">LLM chatbot named chatbug 🪲</div>
|
|
</div>
|
|
<div class="response">
|
|
<div class="">Cool name! Chatbug sounds like a friendly one. How's it going?</div>
|
|
</div>
|
|
<div class="message">
|
|
<div class="bubble">making a web ui with bottle and alpinejs</div>
|
|
</div>
|
|
|
|
<div class="input">
|
|
<!-- toolbutton for tool submenu, normally hidden unless pressed -->
|
|
<div class="button">+</div>
|
|
<div class="tool list" style="display:none">
|
|
<div class="tool button">attach file</div>
|
|
<div class="tool button">regenerate</div>
|
|
<div class="tool button">undo</div>
|
|
</div>
|
|
<input type="text">
|
|
<!-- send -->
|
|
<div class="button">↗</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|
|
|
|
|
|
|