Hugging Face's logo

Spaces:
mgbam
/
builder
Running

App Files Community
mgbam commited on
Commit
d87506b
·
verified ·
1 Parent(s): 25bf9bb

Update static/index.html

Browse files
Files changed (1) hide show
  1. static/index.html +44 -48
static/index.html CHANGED
@@ -1,98 +1,94 @@
1
- <!-- static/index.html (AnyCoder AI – dark theme) -->
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
- <!-- dark‑theme stylesheet -->
11
  <link rel="stylesheet" href="file=/static/style.css" />
12
  </head>
13
  <body>
14
  <header>
15
  <h1>🚀 AnyCoder AI</h1>
16
- <p>Your AI partner for generating, modifying & understanding code.</p>
17
  </header>
18
 
19
  <main>
20
- <!-- 1 · Model -->
21
- <section aria-labelledby="model‑h">
22
- <h2 id="model‑h">1. Select Model</h2>
23
- <label class="visually‑hidden" for="model">AI model</label>
24
- <select id="model"></select>
25
  </section>
26
 
27
- <!-- 2 · Context -->
28
- <section aria-labelledby="context‑h">
29
- <h2 id="context‑h">2. Provide Context</h2>
30
 
31
  <div class="tabs" role="tablist">
32
- <button role="tab" id="tab‑prompt" aria-controls="pane‑prompt" aria-selected="true">Prompt</button>
33
- <button role="tab" id="tab‑file" aria-controls="pane‑file" aria-selected="false">File</button>
34
- <button role="tab" id="tab‑website" aria-controls="pane‑website" aria-selected="false">Website</button>
35
  </div>
36
 
37
- <div role="tabpanel" id="pane‑prompt">
38
- <textarea id="prompt" placeholder="Describe what you want to build…"
39
- aria-label="Prompt"></textarea>
40
  </div>
41
 
42
- <div role="tabpanel" id="pane‑file" hidden>
43
- <label for="reference‑file">Reference file</label>
44
- <input id="reference‑file" type="file" accept=".pdf,.docx,.txt" />
45
  </div>
46
 
47
- <div role="tabpanel" id="pane‑website" hidden>
48
- <label for="website‑url">Website URL</label>
49
- <input id="website‑url" type="url" placeholder="https://example.com" />
50
  </div>
51
  </section>
52
 
53
- <!-- 3 · Output -->
54
- <section aria-labelledby="output‑h">
55
- <h2 id="output‑h">3. Configure Output</h2>
56
- <label for="language">Target language</label>
57
- <select id="language"></select>
58
 
59
- <div class="search‑toggle">
60
- <input id="web‑search" type="checkbox" />
61
- <label for="web‑search">Enable web search</label>
62
  </div>
63
  </section>
64
 
65
- <!-- actions -->
66
  <section class="actions">
67
- <button id="clear" type="button">Clear session</button>
68
- <button id="generate" type="button">Generate code</button>
69
  </section>
70
 
71
- <!-- Output panes -->
72
- <section aria-labelledby="panes‑h">
73
- <h2 id="panes‑h" class="visually‑hidden">Output</h2>
74
 
75
  <div class="tabs" role="tablist">
76
- <button role="tab" id="tab‑code" aria-controls="pane‑code" aria-selected="true">Code</button>
77
- <button role="tab" id="tab‑preview" aria-controls="pane‑preview" aria-selected="false">Live preview</button>
78
- <button role="tab" id="tab‑history" aria-controls="pane‑history" aria-selected="false">History</button>
79
  </div>
80
 
81
- <div role="tabpanel" id="pane‑code">
82
- <pre><code id="code‑out"></code></pre>
83
  </div>
84
 
85
- <div role="tabpanel" id="pane‑preview" hidden>
86
  <iframe id="preview" sandbox="allow-scripts allow-same-origin"></iframe>
87
  </div>
88
 
89
- <div role="tabpanel" id="pane‑history" hidden>
90
- <ul id="history‑list" aria-live="polite"></ul>
91
  </div>
92
  </section>
93
  </main>
94
 
95
- <!-- Front‑end logic -->
96
  <script type="module" src="file=/static/index.js"></script>
97
  </body>
98
  </html>
 
1
+ <!-- static/index.html – AnyCoder AI (dark theme) -->
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 &amp; understanding code.</p>
16
  </header>
17
 
18
  <main>
19
+ <!-- 1 · MODEL -->
20
+ <section aria-labelledby="m‑h">
21
+ <h2 id="m‑h">1. Select Model</h2>
22
+ <select id="model" aria-label="AI Model"></select>
 
23
  </section>
24
 
25
+ <!-- 2 · CONTEXT -->
26
+ <section aria-labelledby="c‑h">
27
+ <h2 id="c‑h">2. Provide Context</h2>
28
 
29
  <div class="tabs" role="tablist">
30
+ <button role="tab" id="t‑prompt" aria-controls="p‑prompt" aria-selected="true">Prompt</button>
31
+ <button role="tab" id="t‑file" aria-controls="p‑file" aria-selected="false">File</button>
32
+ <button role="tab" id="t‑web" aria-controls="p‑web" aria-selected="false">Website</button>
33
  </div>
34
 
35
+ <div role="tabpanel" id="p‑prompt">
36
+ <textarea id="prompt" placeholder="Describe what you want to build…"></textarea>
 
37
  </div>
38
 
39
+ <div role="tabpanel" id="p‑file" hidden>
40
+ <label for="file">Reference file</label>
41
+ <input id="file" type="file" accept=".pdf,.docx,.txt" />
42
  </div>
43
 
44
+ <div role="tabpanel" id="p‑web" hidden>
45
+ <label for="url">Website URL</label>
46
+ <input id="url" type="url" placeholder="https://example.com" />
47
  </div>
48
  </section>
49
 
50
+ <!-- 3 · OUTPUT -->
51
+ <section aria-labelledby="o‑h">
52
+ <h2 id="o‑h">3. Configure Output</h2>
53
+ <label for="lang">Target language</label>
54
+ <select id="lang"></select>
55
 
56
+ <div class="search">
57
+ <input id="search" type="checkbox" />
58
+ <label for="search">Enable web search</label>
59
  </div>
60
  </section>
61
 
62
+ <!-- ACTIONS -->
63
  <section class="actions">
64
+ <button id="clear">Clear session</button>
65
+ <button id="gen">Generate code</button>
66
  </section>
67
 
68
+ <!-- OUTPUT PANES -->
69
+ <section aria-labelledby="out‑h">
70
+ <h2 id="out‑h" class="visually‑hidden">Output</h2>
71
 
72
  <div class="tabs" role="tablist">
73
+ <button role="tab" id="t‑code" aria-controls="p‑code" aria-selected="true">Code</button>
74
+ <button role="tab" id="t‑preview" aria-controls="p‑preview" aria-selected="false">Preview</button>
75
+ <button role="tab" id="t‑hist" aria-controls="p‑hist" aria-selected="false">History</button>
76
  </div>
77
 
78
+ <div role="tabpanel" id="p‑code">
79
+ <pre><code id="code"></code></pre>
80
  </div>
81
 
82
+ <div role="tabpanel" id="p‑preview" hidden>
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>