55 lines
2.1 KiB
HTML
55 lines
2.1 KiB
HTML
|
|
<!DOCTYPE html>
|
|
<html lang="en" class="dark">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Stupid LLM Editor</title>
|
|
<link rel="stylesheet" href="/ui/style.css">
|
|
</head>
|
|
<body>
|
|
<div class="container">
|
|
<header class="header">
|
|
<h1 class="header-title">Stupid LLM Editor</h1>
|
|
<p class="header-subtitle">AI Pair-Programmer for Polish Literature</p>
|
|
</header>
|
|
|
|
<div class="card controls">
|
|
<div class="control-grid">
|
|
<div class="control-group">
|
|
<label for="n-gram">Complexity (N)</label>
|
|
<select id="n-gram" class="input-base">
|
|
<option value="2">2 (Bigram)</option>
|
|
<option value="3" selected>3 (Trigram)</option>
|
|
<option value="4">4 (Tetragram)</option>
|
|
<option value="5">5 (Pentagram)</option>
|
|
</select>
|
|
</div>
|
|
<div class="control-group">
|
|
<label for="temperature">Creativity (Temp): <span id="temp-val">0.7</span></label>
|
|
<input type="range" id="temperature" min="0.1" max="2.0" step="0.1" value="0.7">
|
|
</div>
|
|
<div class="control-group">
|
|
<label for="length">Length (Words): <span id="length-val">5</span></label>
|
|
<input type="range" id="length" min="1" max="20" step="1" value="5">
|
|
</div>
|
|
</div>
|
|
<div class="generate-action">
|
|
<button id="generate-more-btn" class="btn btn-primary">Generate Paragraph</button>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="card editor-wrapper">
|
|
<div id="suggestion-overlay"></div>
|
|
<textarea id="editor" rows="1" spellcheck="false" autofocus placeholder="Start typing... Press Tab to autocomplete."></textarea>
|
|
</div>
|
|
|
|
<footer class="status-bar">
|
|
<span>Status:</span>
|
|
<span id="status">Idle</span>
|
|
</footer>
|
|
</div>
|
|
<script src="/ui/script.js"></script>
|
|
</body>
|
|
</html>
|