Hugging Face's logo

Spaces:
mgbam
/
builder
Running

App Files Community
mgbam commited on
Commit
b15f6bf
·
verified ·
1 Parent(s): ea998ae

Update index.html

Browse files
Files changed (1) hide show
  1. index.html +58 -93
index.html CHANGED
@@ -1,103 +1,68 @@
1
- <!-- static/index.html (FULL FILE) -->
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, 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>
16
- <p>Your AI partner for generating, modifying, and understanding code.</p>
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
-
31
- <div class="tabs" role="tablist">
32
- <button role="tab" aria-selected="true"
33
- id="tab-prompt" aria-controls="panel-prompt">Prompt</button>
34
- <button role="tab" aria-selected="false"
35
- id="tab-file" aria-controls="panel-file">File</button>
36
- <button role="tab" aria-selected="false"
37
- id="tab-website" aria-controls="panel-website">Website</button>
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>
 
 
68
 
69
- <!-- actions -->
70
- <section class="actions">
71
- <button id="clear" type="button">Clear Session</button>
72
- <button id="generate" type="button">Generate Code</button>
73
- </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"
81
- id="tab-code" aria-controls="panel-code">Code</button>
82
- <button role="tab" aria-selected="false"
83
- id="tab-preview" aria-controls="panel-preview">Live Preview</button>
84
- <button role="tab" aria-selected="false"
85
- id="tab-history" aria-controls="panel-history">History</button>
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>
 
1
+ <!-- static/index.html – FULL FILE -->
2
+ <!doctype html><html lang="en">
 
3
  <head>
4
+ <meta charset="utf-8">
5
+ <meta name="viewport" content="width=device-width,initial-scale=1">
6
  <title>AnyCoder AI Code Generator</title>
7
+ <meta name="description" content="Generate, modify & understand code with advanced AI models.">
8
+ <link rel="stylesheet" href="/static/style.css">
 
9
  </head>
 
10
  <body>
11
+ <header>
12
+ <h1>🚀 AnyCoder AI</h1>
13
+ <p>Your AI partner for generating, modifying & understanding code.</p>
14
+ </header>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
15
 
16
+ <main>
17
+ <!-- 1 Model -->
18
+ <section>
19
+ <h2>1. Select Model</h2>
20
+ <label class="visually-hidden" for="model">AI Model</label>
21
+ <select id="model"></select>
22
+ </section>
23
 
24
+ <!-- 2 Context -->
25
+ <section>
26
+ <h2>2. Provide Context</h2>
27
+ <div class="tabs" role="tablist">
28
+ <button role="tab" aria-selected="true" id="tab-prompt" aria-controls="p-prompt">Prompt</button>
29
+ <button role="tab" aria-selected="false"id="tab-file" aria-controls="p-file">File</button>
30
+ <button role="tab" aria-selected="false"id="tab-website" aria-controls="p-web">Website</button>
31
+ </div>
32
+ <div id="p-prompt" role="tabpanel"><textarea id="prompt" placeholder="Describe what you want to build…"></textarea></div>
33
+ <div id="p-file" role="tabpanel" hidden><input type="file" id="reference-file" accept=".pdf,.docx,.txt"></div>
34
+ <div id="p-web" role="tabpanel" hidden><input type="url" id="website-url" placeholder="https://example.com"></div>
35
+ </section>
36
 
37
+ <!-- 3 Output -->
38
+ <section>
39
+ <h2>3. Configure Output</h2>
40
+ <label for="language">Target Language</label>
41
+ <select id="language"></select>
42
+ <div class="search-toggle">
43
+ <input type="checkbox" id="web-search"><label for="web-search">Enable Web Search</label>
44
+ </div>
45
+ </section>
46
 
47
+ <!-- actions -->
48
+ <section class="actions">
49
+ <button id="clear" type="button">Clear Session</button>
50
+ <button id="generate"type="button">Generate Code</button>
51
+ </section>
 
 
 
52
 
53
+ <!-- output -->
54
+ <section>
55
+ <h2 class="visually-hidden">Output</h2>
56
+ <div class="tabs" role="tablist">
57
+ <button role="tab" aria-selected="true" id="tab-code" aria-controls="o-code">Code</button>
58
+ <button role="tab" aria-selected="false"id="tab-preview" aria-controls="o-prev">Live Preview</button>
59
+ <button role="tab" aria-selected="false"id="tab-history" aria-controls="o-hist">History</button>
60
+ </div>
61
+ <div id="o-code" role="tabpanel"><pre><code id="code-output" class="language-text"></code></pre></div>
62
+ <div id="o-prev" role="tabpanel" hidden><iframe id="preview" sandbox="allow-scripts allow-same-origin"></iframe></div>
63
+ <div id="o-hist" role="tabpanel" hidden><ul id="history-list" aria-live="polite"></ul></div>
64
+ </section>
65
+ </main>
66
 
67
+ <script type="module" src="/static/index.js"></script>
68
+ </body></html>