Update index.html
Browse files- index.html +16 -18
index.html
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
|
|
| 1 |
<!DOCTYPE html>
|
| 2 |
<html lang="en">
|
| 3 |
<head>
|
|
@@ -6,10 +7,9 @@
|
|
| 6 |
<title>AnyCoder AI Code Generator</title>
|
| 7 |
<meta name="description"
|
| 8 |
content="Generate, modify, and understand code with the most advanced AI models." />
|
| 9 |
-
|
| 10 |
-
<!-- global stylesheet -->
|
| 11 |
<link rel="stylesheet" href="/static/style.css" />
|
| 12 |
</head>
|
|
|
|
| 13 |
<body>
|
| 14 |
<header>
|
| 15 |
<h1>🚀 AnyCoder AI</h1>
|
|
@@ -17,14 +17,14 @@
|
|
| 17 |
</header>
|
| 18 |
|
| 19 |
<main>
|
| 20 |
-
<!-- 1
|
| 21 |
<section aria-labelledby="model-selection">
|
| 22 |
<h2 id="model-selection">1. Select Model</h2>
|
| 23 |
<label for="model" class="visually-hidden">AI Model</label>
|
| 24 |
-
<select id="model"></select>
|
| 25 |
</section>
|
| 26 |
|
| 27 |
-
<!-- 2
|
| 28 |
<section aria-labelledby="context-input">
|
| 29 |
<h2 id="context-input">2. Provide Context</h2>
|
| 30 |
|
|
@@ -38,29 +38,30 @@
|
|
| 38 |
</div>
|
| 39 |
|
| 40 |
<div role="tabpanel" id="panel-prompt">
|
| 41 |
-
<textarea id="prompt" placeholder="Describe what you want to build…"
|
| 42 |
-
aria-label="Prompt input"></textarea>
|
| 43 |
</div>
|
| 44 |
|
| 45 |
<div role="tabpanel" id="panel-file" hidden>
|
| 46 |
<label for="reference-file">Reference File</label>
|
| 47 |
-
<input type="file" id="reference-file" accept=".pdf,.docx,.txt"
|
| 48 |
</div>
|
| 49 |
|
| 50 |
<div role="tabpanel" id="panel-website" hidden>
|
| 51 |
<label for="website-url">Website URL</label>
|
| 52 |
-
<input type="url" id="website-url" placeholder="https://example.com"
|
| 53 |
</div>
|
| 54 |
</section>
|
| 55 |
|
| 56 |
-
<!-- 3
|
| 57 |
<section aria-labelledby="output-config">
|
| 58 |
<h2 id="output-config">3. Configure Output</h2>
|
| 59 |
<label for="language">Target Language</label>
|
| 60 |
-
<select id="language"
|
|
|
|
|
|
|
| 61 |
|
| 62 |
<div class="search-toggle">
|
| 63 |
-
<input type="checkbox" id="web-search"
|
| 64 |
<label for="web-search">Enable Web Search</label>
|
| 65 |
</div>
|
| 66 |
</section>
|
|
@@ -73,7 +74,7 @@
|
|
| 73 |
|
| 74 |
<!-- output -->
|
| 75 |
<section aria-labelledby="output-tabs">
|
| 76 |
-
<h2 id="output-tabs" class="visually-hidden">Output
|
| 77 |
|
| 78 |
<div class="tabs" role="tablist">
|
| 79 |
<button role="tab" aria-selected="true"
|
|
@@ -85,21 +86,18 @@
|
|
| 85 |
</div>
|
| 86 |
|
| 87 |
<div role="tabpanel" id="panel-code">
|
| 88 |
-
<pre><code id="code-output" class="language-
|
| 89 |
</div>
|
| 90 |
-
|
| 91 |
<div role="tabpanel" id="panel-preview" hidden>
|
| 92 |
-
<iframe id="preview" title="Live
|
| 93 |
sandbox="allow-scripts allow-same-origin"></iframe>
|
| 94 |
</div>
|
| 95 |
-
|
| 96 |
<div role="tabpanel" id="panel-history" hidden>
|
| 97 |
<ul id="history-list" aria-live="polite"></ul>
|
| 98 |
</div>
|
| 99 |
</section>
|
| 100 |
</main>
|
| 101 |
|
| 102 |
-
<!-- front‑end logic -->
|
| 103 |
<script type="module" src="/static/index.js"></script>
|
| 104 |
</body>
|
| 105 |
</html>
|
|
|
|
| 1 |
+
<!-- static/index.html (FULL FILE) -->
|
| 2 |
<!DOCTYPE html>
|
| 3 |
<html lang="en">
|
| 4 |
<head>
|
|
|
|
| 7 |
<title>AnyCoder AI Code Generator</title>
|
| 8 |
<meta name="description"
|
| 9 |
content="Generate, modify, and understand code with the most advanced AI models." />
|
|
|
|
|
|
|
| 10 |
<link rel="stylesheet" href="/static/style.css" />
|
| 11 |
</head>
|
| 12 |
+
|
| 13 |
<body>
|
| 14 |
<header>
|
| 15 |
<h1>🚀 AnyCoder AI</h1>
|
|
|
|
| 17 |
</header>
|
| 18 |
|
| 19 |
<main>
|
| 20 |
+
<!-- 1 ▸ Model -->
|
| 21 |
<section aria-labelledby="model-selection">
|
| 22 |
<h2 id="model-selection">1. Select Model</h2>
|
| 23 |
<label for="model" class="visually-hidden">AI Model</label>
|
| 24 |
+
<select id="model" name="model"></select>
|
| 25 |
</section>
|
| 26 |
|
| 27 |
+
<!-- 2 ▸ Context -->
|
| 28 |
<section aria-labelledby="context-input">
|
| 29 |
<h2 id="context-input">2. Provide Context</h2>
|
| 30 |
|
|
|
|
| 38 |
</div>
|
| 39 |
|
| 40 |
<div role="tabpanel" id="panel-prompt">
|
| 41 |
+
<textarea id="prompt" placeholder="Describe what you want to build…" aria-label="Prompt input"></textarea>
|
|
|
|
| 42 |
</div>
|
| 43 |
|
| 44 |
<div role="tabpanel" id="panel-file" hidden>
|
| 45 |
<label for="reference-file">Reference File</label>
|
| 46 |
+
<input type="file" id="reference-file" accept=".pdf,.docx,.txt"/>
|
| 47 |
</div>
|
| 48 |
|
| 49 |
<div role="tabpanel" id="panel-website" hidden>
|
| 50 |
<label for="website-url">Website URL</label>
|
| 51 |
+
<input type="url" id="website-url" placeholder="https://example.com"/>
|
| 52 |
</div>
|
| 53 |
</section>
|
| 54 |
|
| 55 |
+
<!-- 3 ▸ Output -->
|
| 56 |
<section aria-labelledby="output-config">
|
| 57 |
<h2 id="output-config">3. Configure Output</h2>
|
| 58 |
<label for="language">Target Language</label>
|
| 59 |
+
<select id="language">
|
| 60 |
+
<!-- Full list injected by JS so we remain DRY -->
|
| 61 |
+
</select>
|
| 62 |
|
| 63 |
<div class="search-toggle">
|
| 64 |
+
<input type="checkbox" id="web-search"/>
|
| 65 |
<label for="web-search">Enable Web Search</label>
|
| 66 |
</div>
|
| 67 |
</section>
|
|
|
|
| 74 |
|
| 75 |
<!-- output -->
|
| 76 |
<section aria-labelledby="output-tabs">
|
| 77 |
+
<h2 id="output-tabs" class="visually-hidden">Output</h2>
|
| 78 |
|
| 79 |
<div class="tabs" role="tablist">
|
| 80 |
<button role="tab" aria-selected="true"
|
|
|
|
| 86 |
</div>
|
| 87 |
|
| 88 |
<div role="tabpanel" id="panel-code">
|
| 89 |
+
<pre><code id="code-output" class="language-none"></code></pre>
|
| 90 |
</div>
|
|
|
|
| 91 |
<div role="tabpanel" id="panel-preview" hidden>
|
| 92 |
+
<iframe id="preview" title="Live preview"
|
| 93 |
sandbox="allow-scripts allow-same-origin"></iframe>
|
| 94 |
</div>
|
|
|
|
| 95 |
<div role="tabpanel" id="panel-history" hidden>
|
| 96 |
<ul id="history-list" aria-live="polite"></ul>
|
| 97 |
</div>
|
| 98 |
</section>
|
| 99 |
</main>
|
| 100 |
|
|
|
|
| 101 |
<script type="module" src="/static/index.js"></script>
|
| 102 |
</body>
|
| 103 |
</html>
|