-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
60 lines (52 loc) · 2.29 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>g1: Llama-3.1 Reasoning Chains</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div class="container">
<div class="heading">g1: Using Llama-3.1 70b on Groq to create o1-like reasoning chains</div>
<p>This is an early prototype of using prompting to create o1-like reasoning chains to improve output accuracy. It is not perfect and accuracy has yet to be formally evaluated. It is powered by Groq so that the reasoning step is fast!</p>
<button id="toggleSettings">Show Settings</button>
<div id="settings" class="hidden">
<div class="input-group">
<input type="password" id="apiKeyInput" placeholder="Enter your Groq API key">
<button id="saveApiKey">Save API Key</button>
</div>
<div class="input-group">
<input type="text" id="baseUrlInput" placeholder="Enter Base URL (default: https://api.groq.com/openai/v1)">
<button id="saveBaseUrl">Save Base URL</button>
</div>
<div class="input-group">
<input type="text" id="modelInput" placeholder="Enter Model (default: llama-3.1-70b-versatile)">
<button id="saveModel">Save Model</button>
</div>
<div class="input-group">
<input type="number" id="retryAttemptsInput" placeholder="Retry Attempts (default: 3)">
<button id="saveRetryAttempts">Save Retry Attempts</button>
</div>
<div class="input-group">
<input type="number" id="retryDelayInput" placeholder="Retry Delay (seconds, default: 30)">
<button id="saveRetryDelay">Save Retry Delay</button>
</div>
</div>
<div class="input-group">
<textarea id="userQuery" placeholder="e.g., How many 'r's are in the word strawberry?" rows="4"></textarea>
<button id="submitQuery">Submit</button>
</div>
<div id="responseContainer"></div>
<div id="activityLog">
<div class="titleWrapper">
<title>Backend Activity Log</title>
<button class="toggleButton" id="toggleActivityLog">Hide Log</button>
</div>
<div id="activityLogContent"></div>
</div>
<div id="timeContainer"></div>
</div>
<script type="module" src="script.js"></script>
</body>
</html>