vbatts/llama.cpp
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

SimpleChat:HTML: Cleanup/structure UI a bit, Add input for system

Browse source
This commit is contained in:
HanishKVC 2024-05-18 01:40:57 +05:30
parent 668b98700c
commit 69817fe1de
1 changed files with 24 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

33
examples/server/public_simplechat/simplechat.html
View file

@ -6,30 +6,45 @@
<meta name="author" content="by Humans for All" /> <meta name="author" content="by Humans for All" />
<script src="simplechat.js"></script> <script src="simplechat.js"></script>
<style> <style>
.heading {
background-color: lightgray;
}
.role-user { .role-user {
background-color: lightgray; background-color: lightgray;
} }
#user { .wideinput {
width: 90vh; width: 90vw;
}
.float-right {
float: right;
}
* {
margin: 0.4vh;
} }
</style> </style>
</head> </head>
<body> <body>
<p> SimpleChat </p>
<label for="api-ep">Mode:</label> <div class="float-right">
<select name="api-ep" id="api-ep"> <label for="api-ep">Mode:</label>
<option value="chat" selected>Chat</option> <select name="api-ep" id="api-ep">
<option value="completion">Completion</option> <option value="chat" selected>Chat</option>
</select> <option value="completion">Completion</option>
</select>
</div>
<p class="heading" > <b> SimpleChat </b> </p>
<div>
<label for="system">System</label>
<input type="text" name="system" id="system" class="wideinput"/>
</div>
<hr> <hr>
<div id="chat"> <div id="chat">
<p> Enter your text to the ai assistant below</p> <p> Enter your text to the ai assistant below</p>
</div> </div>
<hr> <hr>
<input type="text" id="user"/> <input type="text" id="user" class="wideinput" />
<button id="submit">submit</button> <button id="submit">submit</button>
</body> </body>
</html> </html>