Hugging Face's logo

Spaces:
orch-ai
/
README
Running

App Files Community
raihan-js commited on
Commit
7fee62e
路
verified 路
1 Parent(s): 2fa779b

Add organization card HTML

Browse files
Files changed (1) hide show
  1. index.html +210 -18
index.html CHANGED
@@ -1,19 +1,211 @@
1
- <!doctype html>
2
- <html>
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width" />
6
- <title>My static Space</title>
7
- <link rel="stylesheet" href="style.css" />
8
- </head>
9
- <body>
10
- <div class="card">
11
- <h1>Welcome to your static Space!</h1>
12
- <p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
13
- <p>
14
- Also don't forget to check the
15
- <a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
16
- </p>
17
- </div>
18
- </body>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
19
  </html>
 
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>ORCH AI - Autonomous Code Generation</title>
7
+ <style>
8
+ * {
9
+ margin: 0;
10
+ padding: 0;
11
+ box-sizing: border-box;
12
+ }
13
+
14
+ body {
15
+ font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
16
+ background: linear-gradient(135deg, #1a1512 0%, #0f0d0b 100%);
17
+ min-height: 100vh;
18
+ color: #E8DED5;
19
+ display: flex;
20
+ flex-direction: column;
21
+ align-items: center;
22
+ padding: 2rem;
23
+ }
24
+
25
+ .container {
26
+ max-width: 900px;
27
+ width: 100%;
28
+ }
29
+
30
+ .header {
31
+ text-align: center;
32
+ padding: 3rem 0;
33
+ }
34
+
35
+ .logo {
36
+ width: 120px;
37
+ height: 120px;
38
+ border-radius: 24px;
39
+ margin-bottom: 1.5rem;
40
+ }
41
+
42
+ h1 {
43
+ font-size: 3rem;
44
+ font-weight: 700;
45
+ background: linear-gradient(135deg, #D4A574 0%, #A67C52 100%);
46
+ -webkit-background-clip: text;
47
+ -webkit-text-fill-color: transparent;
48
+ background-clip: text;
49
+ margin-bottom: 0.5rem;
50
+ }
51
+
52
+ .tagline {
53
+ color: #9C8B7A;
54
+ font-size: 1rem;
55
+ letter-spacing: 2px;
56
+ text-transform: uppercase;
57
+ margin-bottom: 0.5rem;
58
+ }
59
+
60
+ .subtitle {
61
+ color: #E8DED5;
62
+ font-size: 1.25rem;
63
+ margin-bottom: 2rem;
64
+ }
65
+
66
+ .badges {
67
+ display: flex;
68
+ gap: 1rem;
69
+ justify-content: center;
70
+ flex-wrap: wrap;
71
+ margin-bottom: 3rem;
72
+ }
73
+
74
+ .badge {
75
+ display: inline-flex;
76
+ align-items: center;
77
+ gap: 0.5rem;
78
+ padding: 0.75rem 1.5rem;
79
+ border-radius: 12px;
80
+ text-decoration: none;
81
+ font-weight: 600;
82
+ transition: transform 0.2s ease, box-shadow 0.2s ease;
83
+ }
84
+
85
+ .badge:hover {
86
+ transform: translateY(-2px);
87
+ }
88
+
89
+ .badge-primary {
90
+ background: linear-gradient(135deg, #D4A574 0%, #A67C52 100%);
91
+ color: #1a1512;
92
+ box-shadow: 0 4px 12px rgba(212, 165, 116, 0.3);
93
+ }
94
+
95
+ .badge-secondary {
96
+ background: #2d2420;
97
+ color: #D4A574;
98
+ border: 1px solid #5D4E37;
99
+ }
100
+
101
+ .section {
102
+ background: #2d2420;
103
+ border: 1px solid #5D4E37;
104
+ border-radius: 16px;
105
+ padding: 2rem;
106
+ margin-bottom: 1.5rem;
107
+ }
108
+
109
+ .section h2 {
110
+ color: #D4A574;
111
+ font-size: 1.5rem;
112
+ margin-bottom: 1rem;
113
+ }
114
+
115
+ .section p {
116
+ color: #9C8B7A;
117
+ line-height: 1.7;
118
+ }
119
+
120
+ .features {
121
+ display: grid;
122
+ grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
123
+ gap: 1rem;
124
+ }
125
+
126
+ .feature {
127
+ background: #1a1512;
128
+ border: 1px solid #5D4E37;
129
+ border-radius: 12px;
130
+ padding: 1.5rem;
131
+ }
132
+
133
+ .feature h3 {
134
+ color: #D4A574;
135
+ font-size: 1rem;
136
+ margin-bottom: 0.5rem;
137
+ }
138
+
139
+ .feature p {
140
+ color: #9C8B7A;
141
+ font-size: 0.9rem;
142
+ }
143
+
144
+ .footer {
145
+ text-align: center;
146
+ padding: 2rem 0;
147
+ color: #9C8B7A;
148
+ font-size: 0.9rem;
149
+ }
150
+
151
+ .footer a {
152
+ color: #D4A574;
153
+ text-decoration: none;
154
+ }
155
+ </style>
156
+ </head>
157
+ <body>
158
+ <div class="container">
159
+ <header class="header">
160
+ <img src="https://huggingface.co/orch-ai/ORCH-7B/resolve/main/logo.png" alt="ORCH" class="logo">
161
+ <h1>ORCH AI</h1>
162
+ <p class="tagline">Orchestrated Recursive Code Hierarchy</p>
163
+ <p class="subtitle">Autonomous Code Generation for Everyone</p>
164
+
165
+ <div class="badges">
166
+ <a href="https://huggingface.co/spaces/raihan-js/orch-studio" class="badge badge-primary">
167
+ Try ORCH Studio
168
+ </a>
169
+ <a href="https://huggingface.co/orch-ai/ORCH-7B" class="badge badge-secondary">
170
+ ORCH-7B Model
171
+ </a>
172
+ </div>
173
+ </header>
174
+
175
+ <section class="section">
176
+ <h2>Our Mission</h2>
177
+ <p>Make autonomous code generation accessible on consumer hardware. Generate complete, production-ready Next.js applications from natural language prompts - not just code snippets, but entire project structures ready to deploy.</p>
178
+ </section>
179
+
180
+ <section class="section">
181
+ <h2>Key Features</h2>
182
+ <div class="features">
183
+ <div class="feature">
184
+ <h3>Full Projects</h3>
185
+ <p>Complete Next.js 14 applications from a single prompt</p>
186
+ </div>
187
+ <div class="feature">
188
+ <h3>Production Ready</h3>
189
+ <p>TypeScript, Tailwind, Prisma, authentication included</p>
190
+ </div>
191
+ <div class="feature">
192
+ <h3>Consumer Hardware</h3>
193
+ <p>Runs on RTX 3060 12GB with INT8 quantization</p>
194
+ </div>
195
+ <div class="feature">
196
+ <h3>Autonomous</h3>
197
+ <p>Single prompt to deployable app, no iteration needed</p>
198
+ </div>
199
+ </div>
200
+ </section>
201
+
202
+ <footer class="footer">
203
+ <p><strong>ORCH</strong> - Building the future of autonomous code generation</p>
204
+ <p style="margin-top: 0.5rem;">
205
+ <a href="https://huggingface.co/orch-ai/ORCH-7B">ORCH-7B</a> 路
206
+ <a href="https://huggingface.co/spaces/raihan-js/orch-studio">Demo</a>
207
+ </p>
208
+ </footer>
209
+ </div>
210
+ </body>
211
  </html>