Update static/index.html
Browse files- static/index.html +70 -72
static/index.html
CHANGED
|
@@ -1,94 +1,92 @@
|
|
| 1 |
-
<!-- static/index.html
|
| 2 |
<!DOCTYPE html>
|
| 3 |
<html lang="en">
|
| 4 |
<head>
|
| 5 |
-
<meta charset="UTF-8"
|
| 6 |
-
<meta name="viewport" content="width=device-width,initial-scale=1.0"
|
| 7 |
<title>AnyCoder AI Code Generator</title>
|
| 8 |
<meta name="description"
|
| 9 |
-
content="Generate, modify
|
| 10 |
-
<link rel="stylesheet" href="file=/static/style.css"
|
| 11 |
</head>
|
| 12 |
<body>
|
| 13 |
-
|
| 14 |
-
|
| 15 |
-
|
| 16 |
-
|
| 17 |
|
| 18 |
-
|
| 19 |
-
|
| 20 |
-
|
| 21 |
-
|
| 22 |
-
|
| 23 |
-
|
| 24 |
|
| 25 |
-
|
| 26 |
-
|
| 27 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 28 |
|
| 29 |
-
|
| 30 |
-
|
| 31 |
-
|
| 32 |
-
<button role="tab" id="t‑web" aria-controls="p‑web" aria-selected="false">Website</button>
|
| 33 |
-
</div>
|
| 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 |
-
|
| 61 |
|
| 62 |
-
|
| 63 |
-
|
| 64 |
-
|
| 65 |
-
|
| 66 |
-
</
|
|
|
|
|
|
|
|
|
|
| 67 |
|
| 68 |
-
|
| 69 |
-
|
| 70 |
-
|
| 71 |
|
| 72 |
-
|
| 73 |
-
|
| 74 |
-
|
| 75 |
-
<button role="tab" id="t‑hist" aria-controls="p‑hist" aria-selected="false">History</button>
|
| 76 |
-
</div>
|
| 77 |
|
| 78 |
-
|
| 79 |
-
|
| 80 |
-
|
|
|
|
|
|
|
| 81 |
|
| 82 |
-
|
| 83 |
-
<iframe id="preview" sandbox="allow-scripts allow-same-origin"></iframe>
|
| 84 |
-
</div>
|
| 85 |
-
|
| 86 |
-
<div role="tabpanel" id="p‑hist" hidden>
|
| 87 |
-
<ul id="hist" aria-live="polite"></ul>
|
| 88 |
-
</div>
|
| 89 |
-
</section>
|
| 90 |
-
</main>
|
| 91 |
-
|
| 92 |
-
<script type="module" src="file=/static/index.js"></script>
|
| 93 |
</body>
|
| 94 |
</html>
|
|
|
|
| 1 |
+
<!-- static/index.html — AnyCoder / Shasha AI -->
|
| 2 |
<!DOCTYPE html>
|
| 3 |
<html lang="en">
|
| 4 |
<head>
|
| 5 |
+
<meta charset="UTF-8">
|
| 6 |
+
<meta name="viewport" content="width=device-width,initial-scale=1.0">
|
| 7 |
<title>AnyCoder AI Code Generator</title>
|
| 8 |
<meta name="description"
|
| 9 |
+
content="Generate, modify & understand code with the most advanced AI models.">
|
| 10 |
+
<link rel="stylesheet" href="file=/static/style.css">
|
| 11 |
</head>
|
| 12 |
<body>
|
| 13 |
+
<header>
|
| 14 |
+
<h1>🚀 AnyCoder AI</h1>
|
| 15 |
+
<p>Your AI partner for generating, modifying & understanding code.</p>
|
| 16 |
+
</header>
|
| 17 |
|
| 18 |
+
<main>
|
| 19 |
+
<!-- 1 · MODEL -->
|
| 20 |
+
<section>
|
| 21 |
+
<h2>1. Select Model</h2>
|
| 22 |
+
<select id="model" aria-label="AI Model"></select>
|
| 23 |
+
</section>
|
| 24 |
|
| 25 |
+
<!-- 2 · CONTEXT -->
|
| 26 |
+
<section>
|
| 27 |
+
<h2>2. Provide Context</h2>
|
| 28 |
+
<div class="tabs" role="tablist">
|
| 29 |
+
<button role="tab" id="tab‑prompt" aria-controls="panel‑prompt" aria-selected="true">Prompt</button>
|
| 30 |
+
<button role="tab" id="tab‑file" aria-controls="panel‑file" aria-selected="false">File</button>
|
| 31 |
+
<button role="tab" id="tab‑web" aria-controls="panel‑web" aria-selected="false">Website</button>
|
| 32 |
+
</div>
|
| 33 |
|
| 34 |
+
<div role="tabpanel" id="panel‑prompt">
|
| 35 |
+
<textarea id="prompt" placeholder="Describe what you want to build…"></textarea>
|
| 36 |
+
</div>
|
|
|
|
|
|
|
| 37 |
|
| 38 |
+
<div role="tabpanel" id="panel‑file" hidden>
|
| 39 |
+
<label for="file">Reference file</label>
|
| 40 |
+
<input id="file" type="file" accept=".pdf,.docx,.txt">
|
| 41 |
+
</div>
|
| 42 |
|
| 43 |
+
<div role="tabpanel" id="panel‑web" hidden>
|
| 44 |
+
<label for="url">Website URL</label>
|
| 45 |
+
<input id="url" type="url" placeholder="https://example.com">
|
| 46 |
+
</div>
|
| 47 |
+
</section>
|
| 48 |
|
| 49 |
+
<!-- 3 · OUTPUT CONFIG -->
|
| 50 |
+
<section>
|
| 51 |
+
<h2>3. Configure Output</h2>
|
| 52 |
+
<label for="lang">Target language</label>
|
| 53 |
+
<select id="lang"></select>
|
| 54 |
|
| 55 |
+
<div class="search">
|
| 56 |
+
<input id="search" type="checkbox">
|
| 57 |
+
<label for="search">Enable web search</label>
|
| 58 |
+
</div>
|
| 59 |
+
</section>
|
| 60 |
|
| 61 |
+
<!-- ACTIONS -->
|
| 62 |
+
<section class="actions">
|
| 63 |
+
<button id="clear">Clear session</button>
|
| 64 |
+
<button id="gen">Generate code</button>
|
| 65 |
+
</section>
|
| 66 |
|
| 67 |
+
<!-- OUTPUT -->
|
| 68 |
+
<section>
|
| 69 |
+
<h2 class="visually‑hidden">Output</h2>
|
| 70 |
+
<div class="tabs" role="tablist">
|
| 71 |
+
<button role="tab" id="tab‑code" aria-controls="panel‑code" aria-selected="true">Code</button>
|
| 72 |
+
<button role="tab" id="tab‑preview" aria-controls="panel‑preview" aria-selected="false">Live Preview</button>
|
| 73 |
+
<button role="tab" id="tab‑hist" aria-controls="panel‑hist" aria-selected="false">History</button>
|
| 74 |
+
</div>
|
| 75 |
|
| 76 |
+
<div role="tabpanel" id="panel‑code">
|
| 77 |
+
<pre><code id="code"></code></pre>
|
| 78 |
+
</div>
|
| 79 |
|
| 80 |
+
<div role="tabpanel" id="panel‑preview" hidden>
|
| 81 |
+
<iframe id="preview" sandbox="allow-scripts allow-same-origin"></iframe>
|
| 82 |
+
</div>
|
|
|
|
|
|
|
| 83 |
|
| 84 |
+
<div role="tabpanel" id="panel‑hist" hidden>
|
| 85 |
+
<ul id="hist" aria-live="polite"></ul>
|
| 86 |
+
</div>
|
| 87 |
+
</section>
|
| 88 |
+
</main>
|
| 89 |
|
| 90 |
+
<script type="module" src="file=/static/index.js"></script>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 91 |
</body>
|
| 92 |
</html>
|