Hugging Face's logo

Spaces:
mgbam
/
builder
Running

App Files Community
mgbam commited on
Commit
1644837
·
verified ·
1 Parent(s): 96267f5

Update static/index.html

Browse files
Files changed (1) hide show
  1. static/index.html +24 -22
static/index.html CHANGED
@@ -1,18 +1,19 @@
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 &amp; 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>
@@ -26,27 +27,27 @@
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>
@@ -64,29 +65,30 @@
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>
 
1
+ <!-- static/index.html – AnyCoder / Shasha AI (2025‑07) -->
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 &amp; understand code with advanced AI models.">
10
+ <!-- Gradio serves local assets through the “file=” scheme -->
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>
 
27
  <section>
28
  <h2>2. Provide Context</h2>
29
  <div class="tabs" role="tablist">
30
+ <button role="tab" id="tab-prompt" aria-controls="pane-prompt" aria-selected="true">Prompt</button>
31
+ <button role="tab" id="tab-file" aria-controls="pane-file" aria-selected="false">File</button>
32
+ <button role="tab" id="tab-website" aria-controls="pane-website" aria-selected="false">Website</button>
33
  </div>
34
 
35
+ <div role="tabpanel" id="pane-prompt">
36
  <textarea id="prompt" placeholder="Describe what you want to build…"></textarea>
37
  </div>
38
 
39
+ <div role="tabpanel" id="pane-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="pane-website" 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>
52
  <h2>3. Configure Output</h2>
53
  <label for="lang">Target language</label>
 
65
  <button id="gen">Generate code</button>
66
  </section>
67
 
68
+ <!-- OUTPUT TABS -->
69
  <section>
70
+ <h2 class="visually-hidden">Output</h2>
71
  <div class="tabs" role="tablist">
72
+ <button role="tab" id="tab-code" aria-controls="pane-code" aria-selected="true">Code</button>
73
+ <button role="tab" id="tab-preview" aria-controls="pane-preview" aria-selected="false">Live Preview</button>
74
+ <button role="tab" id="tab-hist" aria-controls="pane-hist" aria-selected="false">History</button>
75
  </div>
76
 
77
+ <div role="tabpanel" id="pane-code">
78
  <pre><code id="code"></code></pre>
79
  </div>
80
 
81
+ <div role="tabpanel" id="pane-preview" hidden>
82
+ <iframe id="preview" title="Live preview"
83
+ sandbox="allow-scripts allow-same-origin"></iframe>
84
  </div>
85
 
86
+ <div role="tabpanel" id="pane-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>