52 lines
1.6 KiB
HTML
52 lines
1.6 KiB
HTML
<html>
|
|
<head>
|
|
<title>Simple LlamaCPP Chat</title>
|
|
<meta name="message" content="Save Nature Save Earth" />
|
|
<meta name="description" content="SimpleChat: trigger LLM web service endpoints /chat/completions and /completions, also try chat" />
|
|
<meta name="author" content="by Humans for All" />
|
|
<script src="simplechat.js"></script>
|
|
<style>
|
|
.heading {
|
|
background-color: lightgray;
|
|
}
|
|
.role-user {
|
|
background-color: lightgray;
|
|
}
|
|
.wideinput {
|
|
width: 90vw;
|
|
}
|
|
.float-right {
|
|
float: right;
|
|
}
|
|
* {
|
|
margin: 0.4vh;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
|
|
<div class="float-right">
|
|
<label for="api-ep">Mode:</label>
|
|
<select name="api-ep" id="api-ep">
|
|
<option value="chat" selected>Chat</option>
|
|
<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>
|
|
<div id="chat">
|
|
<p> Enter the system prompt above, before entering/submitting any user query</p>
|
|
<p> Enter your text to the ai assistant below</p>
|
|
</div>
|
|
|
|
<hr>
|
|
<input type="text" id="user" class="wideinput" />
|
|
<button id="submit">submit</button>
|
|
</body>
|
|
</html>
|