Hugging Face's logo

Spaces:
pomilon-lab
/
portal
Running

App Files Community
Pomilon commited on
Commit
65407be
·
verified ·
1 Parent(s): a37874e

Create about.html

Browse files
Files changed (1) hide show
  1. about.html +359 -0
about.html ADDED
@@ -0,0 +1,359 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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>Manifesto - Pomilon Intelligence</title>
7
+ <link rel="stylesheet" href="static/css/style.css">
8
+
9
+ <style>
10
+ /* Page Specific Styles */
11
+ .manifesto-container {
12
+ max-width: 1000px;
13
+ margin: 0 auto;
14
+ padding: 4rem 2rem;
15
+ margin-top: 60px; /* Offset for fixed nav */
16
+ }
17
+
18
+ .manifesto-header {
19
+ text-align: center;
20
+ margin-bottom: 5rem;
21
+ position: relative;
22
+ }
23
+
24
+ .manifesto-title {
25
+ font-family: var(--font-mono);
26
+ font-size: 3rem;
27
+ font-weight: 700;
28
+ letter-spacing: -2px;
29
+ background: linear-gradient(to right, #fff, #888);
30
+ -webkit-background-clip: text;
31
+ -webkit-text-fill-color: transparent;
32
+ margin-bottom: 1rem;
33
+ }
34
+
35
+ .manifesto-subtitle {
36
+ color: var(--color-text-muted);
37
+ font-size: 1.1rem;
38
+ max-width: 600px;
39
+ margin: 0 auto;
40
+ }
41
+
42
+ /* --- Project Grid --- */
43
+ .project-grid {
44
+ display: grid;
45
+ grid-template-columns: 1fr 1fr;
46
+ gap: 2rem;
47
+ margin-bottom: 5rem;
48
+ }
49
+
50
+ .project-card {
51
+ border-radius: var(--radius-lg);
52
+ padding: 2rem;
53
+ position: relative;
54
+ overflow: hidden;
55
+ transition: transform 0.3s ease;
56
+ border: 1px solid rgba(255,255,255,0.05);
57
+ display: flex;
58
+ flex-direction: column;
59
+ justify-content: space-between;
60
+ min-height: 350px;
61
+ }
62
+
63
+ .project-card:hover {
64
+ transform: translateY(-5px);
65
+ }
66
+
67
+ /* CRSM Card Specifics */
68
+ .card-crsm {
69
+ background: radial-gradient(circle at 100% 0%, rgba(0, 240, 255, 0.05), #050505);
70
+ border-color: rgba(0, 240, 255, 0.2);
71
+ }
72
+
73
+ .card-crsm h3 {
74
+ color: var(--crsm-primary);
75
+ font-family: var(--font-mono);
76
+ font-size: 1.5rem;
77
+ margin-bottom: 1rem;
78
+ display: flex;
79
+ align-items: center;
80
+ gap: 10px;
81
+ }
82
+
83
+ .status-badge {
84
+ font-size: 0.7rem;
85
+ padding: 4px 8px;
86
+ border-radius: 4px;
87
+ text-transform: uppercase;
88
+ letter-spacing: 1px;
89
+ font-weight: 700;
90
+ display: inline-block;
91
+ }
92
+
93
+ .status-private {
94
+ background: rgba(255, 50, 50, 0.1);
95
+ color: #ff5555;
96
+ border: 1px solid rgba(255, 50, 50, 0.3);
97
+ }
98
+
99
+ .status-public {
100
+ background: rgba(50, 255, 100, 0.1);
101
+ color: #55ff88;
102
+ border: 1px solid rgba(50, 255, 100, 0.3);
103
+ }
104
+
105
+ /* Aetheris Card Specifics */
106
+ .card-aetheris {
107
+ background: radial-gradient(circle at 0% 0%, rgba(177, 156, 217, 0.08), #0a0a0a);
108
+ border-color: rgba(177, 156, 217, 0.2);
109
+ }
110
+
111
+ .card-aetheris h3 {
112
+ color: var(--aetheris-primary);
113
+ font-family: var(--font-display);
114
+ font-size: 1.8rem;
115
+ font-weight: 400;
116
+ margin-bottom: 1rem;
117
+ }
118
+
119
+ .card-desc {
120
+ color: #aaa;
121
+ font-size: 0.95rem;
122
+ line-height: 1.6;
123
+ margin-bottom: 2rem;
124
+ }
125
+
126
+ /* Repo Embed Simulation */
127
+ .repo-embed {
128
+ background: rgba(0,0,0,0.3);
129
+ border-radius: 8px;
130
+ padding: 1rem;
131
+ margin-top: auto;
132
+ }
133
+
134
+ .repo-header {
135
+ display: flex;
136
+ align-items: center;
137
+ gap: 10px;
138
+ margin-bottom: 0.5rem;
139
+ font-family: var(--font-mono);
140
+ font-size: 0.9rem;
141
+ }
142
+
143
+ .repo-stats {
144
+ display: flex;
145
+ gap: 15px;
146
+ font-size: 0.8rem;
147
+ color: #666;
148
+ }
149
+
150
+ .private-placeholder {
151
+ display: flex;
152
+ align-items: center;
153
+ justify-content: center;
154
+ height: 80px;
155
+ background: repeating-linear-gradient(
156
+ 45deg,
157
+ rgba(0,0,0,0.4),
158
+ rgba(0,0,0,0.4) 10px,
159
+ rgba(0,0,0,0.6) 10px,
160
+ rgba(0,0,0,0.6) 20px
161
+ );
162
+ border: 1px dashed #444;
163
+ color: #555;
164
+ font-family: var(--font-mono);
165
+ font-size: 0.85rem;
166
+ text-transform: uppercase;
167
+ letter-spacing: 2px;
168
+ }
169
+
170
+ /* --- Profile Section --- */
171
+ .profile-section {
172
+ margin-top: 5rem;
173
+ border-top: 1px solid var(--border-color);
174
+ padding-top: 3rem;
175
+ }
176
+
177
+ .profile-header {
178
+ font-size: 1.5rem;
179
+ margin-bottom: 2rem;
180
+ font-weight: 600;
181
+ color: #fff;
182
+ }
183
+
184
+ .profile-grid {
185
+ display: grid;
186
+ grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
187
+ gap: 1.5rem;
188
+ }
189
+
190
+ .profile-card {
191
+ background: var(--surface-color);
192
+ border: 1px solid var(--border-color);
193
+ padding: 1.5rem;
194
+ border-radius: 12px;
195
+ display: flex;
196
+ align-items: center;
197
+ gap: 1rem;
198
+ text-decoration: none;
199
+ transition: all 0.2s;
200
+ }
201
+
202
+ .profile-card:hover {
203
+ background: #1a1a1a;
204
+ border-color: #444;
205
+ }
206
+
207
+ .profile-img {
208
+ width: 60px;
209
+ height: 60px;
210
+ border-radius: 50%;
211
+ background: #333;
212
+ }
213
+
214
+ .profile-info h4 {
215
+ color: #fff;
216
+ margin-bottom: 0.2rem;
217
+ }
218
+
219
+ .profile-info span {
220
+ color: #888;
221
+ font-size: 0.9rem;
222
+ }
223
+
224
+ @media (max-width: 768px) {
225
+ .project-grid { grid-template-columns: 1fr; }
226
+ }
227
+ </style>
228
+ </head>
229
+ <body>
230
+
231
+ <nav class="navbar">
232
+ <a href="index.html" class="nav-brand">
233
+ <span style="color: var(--color-text-muted);">&lt;/&gt;</span> POMILON_LABS
234
+ </a>
235
+ <div class="nav-menu">
236
+ <a href="index.html">HUB</a>
237
+ <a href="about.html" class="active">MANIFESTO</a>
238
+ <a href="https://github.com/Pomilon" target="_blank" class="icon-link">
239
+ <svg viewBox="0 0 24 24" fill="currentColor"><path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"/></svg>
240
+ </a>
241
+ </div>
242
+ </nav>
243
+
244
+ <main>
245
+
246
+ <div class="manifesto-container animate-slide-in">
247
+
248
+ <!-- Header -->
249
+ <div class="manifesto-header">
250
+ <h1 class="manifesto-title">The Architect's Log</h1>
251
+ <p class="manifesto-subtitle">
252
+ Exploring the boundaries between structured reasoning and fluid creativity through novel neural architectures.
253
+ </p>
254
+ </div>
255
+
256
+ <!-- Projects -->
257
+ <div class="project-grid">
258
+
259
+ <!-- CRSM Card (Private) -->
260
+ <div class="project-card card-crsm">
261
+ <div>
262
+ <div style="display:flex; justify-content:space-between; align-items:flex-start;">
263
+ <h3>
264
+ <img src="static/assets/CRSM_logo.png" width="24" height="24">
265
+ CRSM
266
+ </h3>
267
+ <span class="status-badge status-private">Classified</span>
268
+ </div>
269
+ <p class="card-desc">
270
+ <strong>[REDACTED]</strong><br>
271
+ Project details are currently classified. Access restricted to authorized personnel only.
272
+ <br><br>
273
+ <em>Optimized for: [REDACTED]</em>
274
+ </p>
275
+ </div>
276
+
277
+ <!-- Private Repo Placeholder -->
278
+ <div class="private-placeholder">
279
+ <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" style="margin-right:8px;"><rect x="3" y="11" width="18" height="11" rx="2" ry="2"></rect><path d="M7 11V7a5 5 0 0 1 10 0v4"></path></svg>
280
+ Repository Access Restricted
281
+ </div>
282
+ </div>
283
+
284
+ <!-- Aetheris Card (Public) -->
285
+ <div class="project-card card-aetheris">
286
+ <div>
287
+ <div style="display:flex; justify-content:space-between; align-items:flex-start;">
288
+ <h3>
289
+ <img src="static/assets/Aetheris_logo.png" width="24" height="24">
290
+ Aetheris
291
+ </h3>
292
+ <span class="status-badge status-public">Open Source</span>
293
+ </div>
294
+ <p class="card-desc">
295
+ <strong>Hybrid Mamba-MoE (294M).</strong><br>
296
+ A "learning by doing" experiment combining Mamba State Space Models with Mixture-of-Experts. It smashes together long-context efficiency with sparse capacity, creating a model that feels fluid, dream-like, and surprisingly coherent for its size.
297
+ <br><br>
298
+ <em>Optimized for: Creative Writing, Roleplay, Abstract Association.</em>
299
+ </p>
300
+ </div>
301
+
302
+ <!-- Public Repo Embed -->
303
+ <div class="repo-embed">
304
+ <a href="https://huggingface.co/Pomilon-Lab/Aetheris" target="_blank" style="text-decoration:none; color:inherit;">
305
+ <div class="repo-header">
306
+ <svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor" style="color: #FFD21E;"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 15h-2v-6h2v6zm0-8h-2V7h2v2z"/></svg>
307
+ Pomilon-Lab/Aetheris
308
+ </div>
309
+ <div class="repo-stats">
310
+ <span>⭐ 42 Stars</span>
311
+ <span>⚡ 294M Params</span>
312
+ <span>MIT License</span>
313
+ </div>
314
+ </a>
315
+ </div>
316
+ </div>
317
+
318
+ </div>
319
+
320
+ <!-- Bio Section -->
321
+ <div style="background: rgba(255,255,255,0.03); border:1px solid #222; padding:2rem; border-radius:12px;">
322
+ <h3 style="color:#fff; margin-bottom:1rem; font-family:var(--font-mono);">// WHO IS POMILON?</h3>
323
+ <p style="color:#aaa; line-height:1.7;">
324
+ I am a researcher and developer obsessed with the "what ifs" of AI. While the industry races towards larger Transformers, I prefer to explore the weird, the efficient, and the hybrid. My work is experimental by nature—breaking architectures to see how they reassemble.
325
+ </p>
326
+ </div>
327
+
328
+ <!-- Profile Links -->
329
+ <div class="profile-section">
330
+ <div class="profile-header">Connect</div>
331
+ <div class="profile-grid">
332
+
333
+ <a href="https://github.com/Pomilon" target="_blank" class="profile-card">
334
+ <img src="https://github.com/Pomilon.png" onerror="this.src='https://github.githubassets.com/images/modules/logos_page/GitHub-Mark.png'" class="profile-img">
335
+ <div class="profile-info">
336
+ <h4>@Pomilon</h4>
337
+ <span>GitHub • Open Source Contributions</span>
338
+ </div>
339
+ </a>
340
+
341
+ <a href="https://huggingface.co/Pomilon" target="_blank" class="profile-card">
342
+ <!-- Using a generic HF logo if user image fails -->
343
+ <div class="profile-img" style="background:#FFD21E; display:flex; align-items:center; justify-content:center; color:#000; font-weight:bold; font-size:1.5rem;">P</div>
344
+ <div class="profile-info">
345
+ <h4>Pomilon</h4>
346
+ <span>Hugging Face • Model Repository</span>
347
+ </div>
348
+ </a>
349
+
350
+ </div>
351
+ </div>
352
+
353
+ </div>
354
+
355
+ </main>
356
+
357
+ <script src="static/js/app.js"></script>
358
+ </body>
359
+ </html>