Hugging Face's logo

Spaces:
mainbrains
/
README
Running

App Files Community
mainbrains commited on
Commit
04b4756
·
verified ·
1 Parent(s): 564401d

Add index.html for static space rendering

Browse files
Files changed (1) hide show
  1. index.html +262 -19
index.html CHANGED
@@ -1,19 +1,262 @@
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
+ <style>
7
+ @import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&family=Inter:wght@400;500;600;700&display=swap');
8
+
9
+ * { margin: 0; padding: 0; box-sizing: border-box; }
10
+
11
+ body {
12
+ font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
13
+ background: #0a0a0f;
14
+ color: #c9d1d9;
15
+ min-height: 100vh;
16
+ padding: 2rem;
17
+ line-height: 1.6;
18
+ }
19
+
20
+ .container {
21
+ max-width: 720px;
22
+ margin: 0 auto;
23
+ }
24
+
25
+ .header {
26
+ display: flex;
27
+ align-items: center;
28
+ gap: 1.5rem;
29
+ margin-bottom: 2rem;
30
+ padding-bottom: 1.5rem;
31
+ border-bottom: 1px solid #1a1a2e;
32
+ }
33
+
34
+ .brain-gif {
35
+ width: 80px;
36
+ height: 80px;
37
+ border-radius: 50%;
38
+ border: 2px solid #58a6ff;
39
+ }
40
+
41
+ .header-text h1 {
42
+ font-size: 1.8rem;
43
+ font-weight: 700;
44
+ color: #e6edf3;
45
+ margin-bottom: 0.2rem;
46
+ }
47
+
48
+ .header-text .subtitle {
49
+ color: #58a6ff;
50
+ font-family: 'JetBrains Mono', monospace;
51
+ font-size: 0.85rem;
52
+ }
53
+
54
+ .badges {
55
+ display: flex;
56
+ gap: 0.5rem;
57
+ margin-top: 0.5rem;
58
+ flex-wrap: wrap;
59
+ }
60
+
61
+ .badge {
62
+ display: inline-flex;
63
+ align-items: center;
64
+ gap: 0.4rem;
65
+ padding: 0.25rem 0.6rem;
66
+ background: #161b22;
67
+ border: 1px solid #30363d;
68
+ border-radius: 6px;
69
+ color: #8b949e;
70
+ font-size: 0.78rem;
71
+ text-decoration: none;
72
+ transition: border-color 0.2s;
73
+ }
74
+
75
+ .badge:hover {
76
+ border-color: #58a6ff;
77
+ color: #c9d1d9;
78
+ }
79
+
80
+ .section {
81
+ margin-bottom: 2rem;
82
+ }
83
+
84
+ .section h2 {
85
+ font-family: 'JetBrains Mono', monospace;
86
+ font-size: 0.9rem;
87
+ font-weight: 500;
88
+ color: #58a6ff;
89
+ margin-bottom: 1rem;
90
+ letter-spacing: 0.05em;
91
+ }
92
+
93
+ .section h2::before {
94
+ content: '$ ';
95
+ color: #484f58;
96
+ }
97
+
98
+ p {
99
+ color: #8b949e;
100
+ margin-bottom: 1rem;
101
+ font-size: 0.95rem;
102
+ }
103
+
104
+ .skills-grid {
105
+ display: grid;
106
+ grid-template-columns: 1fr 1fr;
107
+ gap: 0.75rem;
108
+ }
109
+
110
+ .skill-card {
111
+ padding: 1rem;
112
+ background: #0d1117;
113
+ border: 1px solid #1a1a2e;
114
+ border-radius: 8px;
115
+ transition: border-color 0.2s;
116
+ }
117
+
118
+ .skill-card:hover {
119
+ border-color: #30363d;
120
+ }
121
+
122
+ .skill-card h3 {
123
+ font-size: 0.85rem;
124
+ color: #e6edf3;
125
+ margin-bottom: 0.4rem;
126
+ }
127
+
128
+ .skill-card .tags {
129
+ font-family: 'JetBrains Mono', monospace;
130
+ font-size: 0.72rem;
131
+ color: #484f58;
132
+ }
133
+
134
+ .tech-row {
135
+ display: flex;
136
+ flex-wrap: wrap;
137
+ gap: 0.5rem;
138
+ margin-top: 0.5rem;
139
+ }
140
+
141
+ .tech-tag {
142
+ font-family: 'JetBrains Mono', monospace;
143
+ font-size: 0.75rem;
144
+ padding: 0.2rem 0.5rem;
145
+ background: #161b22;
146
+ border: 1px solid #21262d;
147
+ border-radius: 4px;
148
+ color: #7ee787;
149
+ }
150
+
151
+ .focus-list {
152
+ list-style: none;
153
+ }
154
+
155
+ .focus-list li {
156
+ padding: 0.5rem 0;
157
+ border-bottom: 1px solid #0d1117;
158
+ font-size: 0.9rem;
159
+ color: #8b949e;
160
+ }
161
+
162
+ .focus-list li:last-child {
163
+ border-bottom: none;
164
+ }
165
+
166
+ .focus-list li strong {
167
+ color: #c9d1d9;
168
+ }
169
+
170
+ .footer {
171
+ margin-top: 3rem;
172
+ padding-top: 1rem;
173
+ border-top: 1px solid #1a1a2e;
174
+ font-family: 'JetBrains Mono', monospace;
175
+ font-size: 0.75rem;
176
+ color: #30363d;
177
+ text-align: center;
178
+ }
179
+
180
+ @media (max-width: 600px) {
181
+ .skills-grid { grid-template-columns: 1fr; }
182
+ .header { flex-direction: column; text-align: center; }
183
+ body { padding: 1rem; }
184
+ }
185
+ </style>
186
+ </head>
187
+ <body>
188
+ <div class="container">
189
+
190
+ <div class="header">
191
+ <img class="brain-gif" src="https://user-images.githubusercontent.com/25584861/137609321-0e4265a3-d17d-45f4-ba20-c23ce8bceb5c.gif" alt="brain"/>
192
+ <div class="header-text">
193
+ <h1>Neurologist</h1>
194
+ <div class="subtitle">gradient descent, from ring 0.</div>
195
+ <div class="badges">
196
+ <a class="badge" href="https://github.com/Neurologist" target="_blank">&#128736; GitHub</a>
197
+ <a class="badge" href="https://x.com/CryptCanvasArt" target="_blank">&#120143; @CryptCanvasArt</a>
198
+ <span class="badge">&#128205; Los Angeles</span>
199
+ </div>
200
+ </div>
201
+ </div>
202
+
203
+ <div class="section">
204
+ <h2>about</h2>
205
+ <p>AI/ML engineer and systems programmer working across the full stack &mdash; from PCIe/DMA hardware interfaces to transformer inference and diffusion pipelines. VFX background. I build things that think, then make them run fast on real hardware.</p>
206
+ </div>
207
+
208
+ <div class="section">
209
+ <h2>focus</h2>
210
+ <div class="skills-grid">
211
+ <div class="skill-card">
212
+ <h3>&#129504; LLM Inference</h3>
213
+ <div class="tags">vLLM &middot; llama.cpp &middot; CUDA kernels &middot; KV-cache optimization &middot; speculative decoding</div>
214
+ </div>
215
+ <div class="skill-card">
216
+ <h3>&#127912; Diffusion Models</h3>
217
+ <div class="tags">SDXL &middot; ComfyUI pipelines &middot; LoRA training &middot; VFX integration</div>
218
+ </div>
219
+ <div class="skill-card">
220
+ <h3>&#128295; Systems</h3>
221
+ <div class="tags">DMA/PCIe &middot; memory-mapped I/O &middot; kernel modules &middot; WireGuard mesh</div>
222
+ </div>
223
+ <div class="skill-card">
224
+ <h3>&#129302; Multi-Agent</h3>
225
+ <div class="tags">AutoGen &middot; LangChain &middot; tool-calling &middot; structured output &middot; edge deployment</div>
226
+ </div>
227
+ </div>
228
+ </div>
229
+
230
+ <div class="section">
231
+ <h2>stack</h2>
232
+ <div class="tech-row">
233
+ <span class="tech-tag">Python</span>
234
+ <span class="tech-tag">C++</span>
235
+ <span class="tech-tag">Rust</span>
236
+ <span class="tech-tag">CUDA</span>
237
+ <span class="tech-tag">PyTorch</span>
238
+ <span class="tech-tag">Transformers</span>
239
+ <span class="tech-tag">vLLM</span>
240
+ <span class="tech-tag">TensorRT</span>
241
+ <span class="tech-tag">ONNX</span>
242
+ <span class="tech-tag">ComfyUI</span>
243
+ <span class="tech-tag">Docker</span>
244
+ <span class="tech-tag">Linux</span>
245
+ </div>
246
+ </div>
247
+
248
+ <div class="section">
249
+ <h2>currently</h2>
250
+ <ul class="focus-list">
251
+ <li><strong>neurologist-7b-instruct</strong> &mdash; Fine-tuned Llama for technical reasoning and code generation</li>
252
+ <li><strong>sdxl-vfx-cinematic-lora</strong> &mdash; LoRA trained on VFX reference frames for cinematic generation</li>
253
+ <li><strong>Edge inference</strong> &mdash; Sub-200ms serving on consumer hardware (9950X + RTX)</li>
254
+ <li><strong>Homelab mesh</strong> &mdash; 4-node WireGuard cluster for distributed inference and automation</li>
255
+ </ul>
256
+ </div>
257
+
258
+ <div class="footer">building things that think &middot; los angeles</div>
259
+
260
+ </div>
261
+ </body>
262
+ </html>