Hugging Face's logo

Spaces:
pomilon-lab
/
portal
Running

App Files Community
Pomilon commited on
Commit
ad62558
·
verified ·
1 Parent(s): d13eef4

Update about.html

Browse files
Files changed (1) hide show
  1. about.html +370 -330
about.html CHANGED
@@ -1,240 +1,255 @@
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
- }
16
-
17
- .manifesto-header {
18
- text-align: center;
19
- margin-bottom: 5rem;
20
- position: relative;
21
- }
22
-
23
- .manifesto-title {
24
- font-family: var(--font-mono);
25
- font-size: 3rem;
26
- font-weight: 700;
27
- letter-spacing: -2px;
28
- background: linear-gradient(to right, #fff, #888);
29
- -webkit-background-clip: text;
30
- -webkit-text-fill-color: transparent;
31
- margin-bottom: 1rem;
32
- }
33
-
34
- .manifesto-subtitle {
35
- color: var(--color-text-muted);
36
- font-size: 1.1rem;
37
- max-width: 600px;
38
- margin: 0 auto;
39
- }
40
-
41
- /* --- Project Grid --- */
42
- .project-grid {
43
- display: grid;
44
- grid-template-columns: 1fr 1fr;
45
- gap: 2rem;
46
- margin-bottom: 5rem;
47
- }
48
-
49
- .project-card {
50
- border-radius: var(--radius-lg);
51
- padding: 2rem;
52
- position: relative;
53
- overflow: hidden;
54
- transition: transform 0.3s ease;
55
- border: 1px solid rgba(255,255,255,0.05);
56
- display: flex;
57
- flex-direction: column;
58
- justify-content: space-between;
59
- min-height: 350px;
60
- }
61
-
62
- .project-card:hover {
63
- transform: translateY(-5px);
64
- }
65
-
66
- /* CRSM Card Specifics */
67
- .card-crsm {
68
- background: radial-gradient(circle at 100% 0%, rgba(0, 240, 255, 0.05), #050505);
69
- border-color: rgba(0, 240, 255, 0.2);
70
- }
71
-
72
- .card-crsm h3 {
73
- color: var(--crsm-primary);
74
- font-family: var(--font-mono);
75
- font-size: 1.5rem;
76
- margin-bottom: 1rem;
77
- display: flex;
78
- align-items: center;
79
- gap: 10px;
80
- }
81
-
82
- .status-badge {
83
- font-size: 0.7rem;
84
- padding: 4px 8px;
85
- border-radius: 4px;
86
- text-transform: uppercase;
87
- letter-spacing: 1px;
88
- font-weight: 700;
89
- display: inline-block;
90
- }
91
-
92
- .status-private {
93
- background: rgba(255, 50, 50, 0.1);
94
- color: #ff5555;
95
- border: 1px solid rgba(255, 50, 50, 0.3);
96
- }
97
-
98
- .status-public {
99
- background: rgba(50, 255, 100, 0.1);
100
- color: #55ff88;
101
- border: 1px solid rgba(50, 255, 100, 0.3);
102
- }
103
-
104
- /* Aetheris Card Specifics */
105
- .card-aetheris {
106
- background: radial-gradient(circle at 0% 0%, rgba(177, 156, 217, 0.08), #0a0a0a);
107
- border-color: rgba(177, 156, 217, 0.2);
108
- }
109
-
110
- .card-aetheris h3 {
111
- color: var(--aetheris-primary);
112
- font-family: var(--font-display);
113
- font-size: 1.8rem;
114
- font-weight: 400;
115
- margin-bottom: 1rem;
116
- }
117
-
118
- .card-desc {
119
- color: #aaa;
120
- font-size: 0.95rem;
121
- line-height: 1.6;
122
- margin-bottom: 2rem;
123
- }
124
-
125
- /* Repo Embed Simulation */
126
- .repo-embed {
127
- background: rgba(0,0,0,0.3);
128
- border-radius: 8px;
129
- padding: 1rem;
130
- margin-top: auto;
131
- }
132
-
133
- .repo-header {
134
- display: flex;
135
- align-items: center;
136
- gap: 10px;
137
- margin-bottom: 0.5rem;
138
- font-family: var(--font-mono);
139
- font-size: 0.9rem;
140
- }
141
-
142
- .repo-stats {
143
- display: flex;
144
- gap: 15px;
145
- font-size: 0.8rem;
146
- color: #666;
147
- }
148
-
149
- .private-placeholder {
150
- display: flex;
151
- align-items: center;
152
- justify-content: center;
153
- height: 80px;
154
- background: repeating-linear-gradient(
155
- 45deg,
156
- rgba(0,0,0,0.4),
157
- rgba(0,0,0,0.4) 10px,
158
- rgba(0,0,0,0.6) 10px,
159
- rgba(0,0,0,0.6) 20px
160
- );
161
- border: 1px dashed #444;
162
- color: #555;
163
- font-family: var(--font-mono);
164
- font-size: 0.85rem;
165
- text-transform: uppercase;
166
- letter-spacing: 2px;
167
- }
168
-
169
- /* --- Profile Section --- */
170
- .profile-section {
171
- margin-top: 5rem;
172
- border-top: 1px solid var(--border-color);
173
- padding-top: 3rem;
174
- }
175
-
176
- .profile-header {
177
- font-size: 1.5rem;
178
- margin-bottom: 2rem;
179
- font-weight: 600;
180
- color: #fff;
181
- }
182
-
183
- .profile-grid {
184
- display: grid;
185
- grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
186
- gap: 1.5rem;
187
- }
188
-
189
- .profile-card {
190
- background: var(--surface-color);
191
- border: 1px solid var(--border-color);
192
- padding: 1.5rem;
193
- border-radius: 12px;
194
- display: flex;
195
- align-items: center;
196
- gap: 1rem;
197
- text-decoration: none;
198
- transition: all 0.2s;
199
- }
200
-
201
- .profile-card:hover {
202
- background: #1a1a1a;
203
- border-color: #444;
204
- }
205
-
206
- .profile-img {
207
- width: 60px;
208
- height: 60px;
209
- border-radius: 50%;
210
- background: #333;
211
- }
212
-
213
- .profile-info h4 {
214
- color: #fff;
215
- margin-bottom: 0.2rem;
216
- }
217
-
218
- .profile-info span {
219
- color: #888;
220
- font-size: 0.9rem;
221
- }
222
-
223
- /* --- Mobile Responsiveness --- */
224
- @media (max-width: 768px) {
225
- .manifesto-container { padding: 6rem 1rem 2rem 1rem; }
226
- .manifesto-title { font-size: 2rem; }
227
- .manifesto-subtitle { font-size: 0.95rem; }
228
-
229
- .project-grid { grid-template-columns: 1fr; }
230
-
231
- .profile-grid { grid-template-columns: 1fr; }
232
- .profile-card { padding: 1rem; }
233
- }
 
 
 
 
 
 
 
 
 
 
 
 
 
234
  </style>
235
  </head>
 
236
  <body>
237
-
238
  <nav class="navbar">
239
  <a href="index.html" class="nav-brand">
240
  <span style="color: var(--color-text-muted);">&lt;/&gt;</span> POMILON_LABS
@@ -243,133 +258,158 @@
243
  <a href="index.html">HUB</a>
244
  <a href="about.html" class="active">MANIFESTO</a>
245
  <a href="https://github.com/Pomilon" target="_blank" class="icon-link">
246
- <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>
 
 
 
247
  </a>
248
  </div>
249
  </nav>
250
 
251
  <main>
252
-
253
- <div class="manifesto-container animate-slide-in">
254
-
255
- <!-- Header -->
256
- <div class="manifesto-header">
257
- <h1 class="manifesto-title">The Architect's Log</h1>
258
- <p class="manifesto-subtitle">
259
- Exploring the boundaries between [REDACTED] and fluid creativity through novel neural architectures.
260
- </p>
261
- </div>
262
 
263
- <!-- Projects -->
264
- <div class="project-grid">
265
-
266
- <!-- CRSM Card (Public) -->
267
- <div class="project-card card-crsm">
268
- <div>
269
- <div style="display:flex; justify-content:space-between; align-items:flex-start;">
270
- <h3>
271
- <img src="static/assets/CRSM_logo.png" width="24" height="24">
272
- CRSM
273
- </h3>
274
- <span class="status-badge status-public">Open Source</span>
275
- </div>
276
- <p class="card-desc">
277
- <strong>Continuous Reasoning State Model.</strong><br>
278
- An experimental architecture decoupling generation from deep planning. It combines a Mamba backbone with an asynchronous MCTS planner.
279
- <br><br>
280
- <em>Optimized for: Complex Reasoning, Autonomous Agents, Low-Latency Planning.</em>
281
- </p>
282
- </div>
283
-
284
- <!-- Public Repo Embed -->
285
- <div class="repo-embed">
286
- <a href="https://github.com/Pomilon-Intelligence-Lab/CRSM" target="_blank" style="text-decoration:none; color:inherit;">
287
- <div class="repo-header">
288
- <svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor" style="color: #00f0ff;"><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>
289
- Pomilon-Intelligence-Lab/CRSM
290
- </div>
291
- <div class="repo-stats">
292
- <span>⭐ ?? Stars</span> <!-- Placeholder for stars -->
293
- <span>⚡ Experimental</span>
294
- <span>MIT License</span>
295
- </div>
296
- </a>
297
- </div>
298
  </div>
299
 
300
- <!-- Aetheris Card (Public) -->
301
- <div class="project-card card-aetheris">
302
- <div>
303
- <div style="display:flex; justify-content:space-between; align-items:flex-start;">
304
- <h3>
305
- <img src="static/assets/Aetheris_logo.png" width="24" height="24">
306
- Aetheris
307
- </h3>
308
- <span class="status-badge status-public">Open Source</span>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
309
  </div>
310
- <p class="card-desc">
311
- <strong>Hybrid Mamba-MoE (294M).</strong><br>
312
- A "learning by doing" experiment combining Mamba State Space Models with Mixture-of-Experts. It is currently in an early "infant" stage and does not yet produce coherent sentences, serving primarily as a testbed for this novel architecture.
313
- <br><br>
314
- <em>Optimized for: Creative Writing, Roleplay, Abstract Association.</em>
315
- </p>
316
  </div>
317
 
318
- <!-- Public Repo Embed -->
319
- <div class="repo-embed">
320
- <a href="https://huggingface.co/pomilon-lab/Aetheris-MoE-300M-A125M-base" target="_blank" style="text-decoration:none; color:inherit;">
321
- <div class="repo-header">
322
- <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>
323
- Pomilon-Lab/Aetheris
 
 
 
324
  </div>
325
- <div class="repo-stats">
326
- <span>⭐ 0 Stars</span>
327
- <span>⚡ 294M Params</span>
328
- <span>MIT License</span>
329
- </div>
330
- </a>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
331
  </div>
 
332
  </div>
333
 
334
- </div>
 
 
 
 
 
 
 
 
335
 
336
- <!-- Bio Section -->
337
- <div style="background: rgba(255,255,255,0.03); border:1px solid #222; padding:2rem; border-radius:12px;">
338
- <h3 style="color:#fff; margin-bottom:1rem; font-family:var(--font-mono);">// WHO IS POMILON?</h3>
339
- <p style="color:#aaa; line-height:1.7;">
340
- I am a 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.
341
- </p>
342
- </div>
 
 
 
 
 
 
 
343
 
344
- <!-- Profile Links -->
345
- <div class="profile-section">
346
- <div class="profile-header">Connect</div>
347
- <div class="profile-grid">
348
-
349
- <a href="https://github.com/Pomilon" target="_blank" class="profile-card">
350
- <img src="https://github.com/Pomilon.png" onerror="this.src='https://github.githubassets.com/images/modules/logos_page/GitHub-Mark.png'" class="profile-img">
351
- <div class="profile-info">
352
- <h4>@Pomilon</h4>
353
- <span>GitHub • Open Source Contributions</span>
354
- </div>
355
- </a>
356
-
357
- <a href="https://huggingface.co/Pomilon" target="_blank" class="profile-card">
358
- <!-- Using a generic HF logo if user image fails -->
359
- <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>
360
- <div class="profile-info">
361
- <h4>Pomilon</h4>
362
- <span>Hugging Face • Model Repository</span>
363
- </div>
364
- </a>
365
 
 
366
  </div>
367
- </div>
368
 
369
- </div>
370
 
371
  </main>
372
 
373
  <script src="static/js/app.js"></script>
374
  </body>
 
375
  </html>
 
1
  <!DOCTYPE html>
2
  <html lang="en">
3
+
4
  <head>
5
  <meta charset="UTF-8">
6
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
  <title>Manifesto - Pomilon Intelligence</title>
8
  <link rel="stylesheet" href="static/css/style.css">
9
+
10
  <style>
11
+ /* Page Specific Styles */
12
+ .manifesto-container {
13
+ max-width: 1000px;
14
+ margin: 0 auto;
15
+ padding: 4rem 2rem;
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(45deg,
156
+ rgba(0, 0, 0, 0.4),
157
+ rgba(0, 0, 0, 0.4) 10px,
158
+ rgba(0, 0, 0, 0.6) 10px,
159
+ rgba(0, 0, 0, 0.6) 20px);
160
+ border: 1px dashed #444;
161
+ color: #555;
162
+ font-family: var(--font-mono);
163
+ font-size: 0.85rem;
164
+ text-transform: uppercase;
165
+ letter-spacing: 2px;
166
+ }
167
+
168
+ /* --- Profile Section --- */
169
+ .profile-section {
170
+ margin-top: 5rem;
171
+ border-top: 1px solid var(--border-color);
172
+ padding-top: 3rem;
173
+ }
174
+
175
+ .profile-header {
176
+ font-size: 1.5rem;
177
+ margin-bottom: 2rem;
178
+ font-weight: 600;
179
+ color: #fff;
180
+ }
181
+
182
+ .profile-grid {
183
+ display: grid;
184
+ grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
185
+ gap: 1.5rem;
186
+ }
187
+
188
+ .profile-card {
189
+ background: var(--surface-color);
190
+ border: 1px solid var(--border-color);
191
+ padding: 1.5rem;
192
+ border-radius: 12px;
193
+ display: flex;
194
+ align-items: center;
195
+ gap: 1rem;
196
+ text-decoration: none;
197
+ transition: all 0.2s;
198
+ }
199
+
200
+ .profile-card:hover {
201
+ background: #1a1a1a;
202
+ border-color: #444;
203
+ }
204
+
205
+ .profile-img {
206
+ width: 60px;
207
+ height: 60px;
208
+ border-radius: 50%;
209
+ background: #333;
210
+ }
211
+
212
+ .profile-info h4 {
213
+ color: #fff;
214
+ margin-bottom: 0.2rem;
215
+ }
216
+
217
+ .profile-info span {
218
+ color: #888;
219
+ font-size: 0.9rem;
220
+ }
221
+
222
+ /* --- Mobile Responsiveness --- */
223
+ @media (max-width: 768px) {
224
+ .manifesto-container {
225
+ padding: 6rem 1rem 2rem 1rem;
226
+ }
227
+
228
+ .manifesto-title {
229
+ font-size: 2rem;
230
+ }
231
+
232
+ .manifesto-subtitle {
233
+ font-size: 0.95rem;
234
+ }
235
+
236
+ .project-grid {
237
+ grid-template-columns: 1fr;
238
+ }
239
+
240
+ .profile-grid {
241
+ grid-template-columns: 1fr;
242
+ }
243
+
244
+ .profile-card {
245
+ padding: 1rem;
246
+ }
247
+ }
248
  </style>
249
  </head>
250
+
251
  <body>
252
+
253
  <nav class="navbar">
254
  <a href="index.html" class="nav-brand">
255
  <span style="color: var(--color-text-muted);">&lt;/&gt;</span> POMILON_LABS
 
258
  <a href="index.html">HUB</a>
259
  <a href="about.html" class="active">MANIFESTO</a>
260
  <a href="https://github.com/Pomilon" target="_blank" class="icon-link">
261
+ <svg viewBox="0 0 24 24" fill="currentColor">
262
+ <path
263
+ 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" />
264
+ </svg>
265
  </a>
266
  </div>
267
  </nav>
268
 
269
  <main>
 
 
 
 
 
 
 
 
 
 
270
 
271
+ <div class="manifesto-container animate-slide-in">
272
+
273
+ <!-- Header -->
274
+ <div class="manifesto-header">
275
+ <h1 class="manifesto-title">The Architect's Log</h1>
276
+ <p class="manifesto-subtitle">
277
+ Exploring the boundaries between structured reasoning and fluid creativity through novel neural
278
+ architectures.
279
+ </p>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
280
  </div>
281
 
282
+ <!-- Projects -->
283
+ <div class="project-grid">
284
+
285
+ <!-- CRSM Card (Public) -->
286
+ <div class="project-card card-crsm">
287
+ <div>
288
+ <div style="display:flex; justify-content:space-between; align-items:flex-start;">
289
+ <h3>
290
+ <img src="static/assets/CRSM_logo.png" width="24" height="24">
291
+ CRSM
292
+ </h3>
293
+ <span class="status-badge status-public">Open Source</span>
294
+ </div>
295
+ <p class="card-desc">
296
+ <strong>Continuous Reasoning State Model.</strong><br>
297
+ A non-transformer architecture designed to separate "thinking" from "speaking". It
298
+ introduces a latent deliberation loop that allows the model to explore logical branches
299
+ internally before committing to an output token.
300
+ <br><br>
301
+ <em>Optimized for: Logic, Code, Causal Analysis.</em>
302
+ </p>
303
+ </div>
304
+
305
+ <!-- Public Repo Embed -->
306
+ <div class="repo-embed">
307
+ <a href="https://github.com/Pomilon-Intelligence-Lab/CRSM" target="_blank"
308
+ style="text-decoration:none; color:inherit;">
309
+ <div class="repo-header">
310
+ <svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor"
311
+ style="color: #00f0ff;">
312
+ <path
313
+ 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" />
314
+ </svg>
315
+ Pomilon-Intelligence-Lab/CRSM
316
+ </div>
317
+ <div class="repo-stats">
318
+ <span>⭐ ?? Stars</span> <!-- Placeholder for stars -->
319
+ <span>⚡ Experimental</span>
320
+ <span>MIT License</span>
321
+ </div>
322
+ </a>
323
  </div>
 
 
 
 
 
 
324
  </div>
325
 
326
+ <!-- Aetheris Card (Public) -->
327
+ <div class="project-card card-aetheris">
328
+ <div>
329
+ <div style="display:flex; justify-content:space-between; align-items:flex-start;">
330
+ <h3>
331
+ <img src="static/assets/Aetheris_logo.png" width="24" height="24">
332
+ Aetheris
333
+ </h3>
334
+ <span class="status-badge status-public">Open Source</span>
335
  </div>
336
+ <p class="card-desc">
337
+ <strong>Hybrid Mamba-MoE (294M).</strong><br>
338
+ A "learning by doing" experiment combining Mamba State Space Models with Mixture-of-Experts.
339
+ It is currently in an early "infant" stage and does not yet produce coherent sentences,
340
+ serving primarily as a testbed for this novel architecture.
341
+ <br><br>
342
+ <em>Optimized for: Creative Writing, Roleplay, Abstract Association.</em>
343
+ </p>
344
+ </div>
345
+
346
+ <!-- Public Repo Embed -->
347
+ <div class="repo-embed">
348
+ <a href="https://huggingface.co/pomilon-lab/Aetheris-MoE-300M-A125M-base" target="_blank"
349
+ style="text-decoration:none; color:inherit;">
350
+ <div class="repo-header">
351
+ <svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor"
352
+ style="color: #FFD21E;">
353
+ <path
354
+ 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" />
355
+ </svg>
356
+ Pomilon-Lab/Aetheris
357
+ </div>
358
+ <div class="repo-stats">
359
+ <span>⭐ 0 Stars</span>
360
+ <span>⚡ 294M Params</span>
361
+ <span>MIT License</span>
362
+ </div>
363
+ </a>
364
+ </div>
365
  </div>
366
+
367
  </div>
368
 
369
+ <!-- Bio Section -->
370
+ <div style="background: rgba(255,255,255,0.03); border:1px solid #222; padding:2rem; border-radius:12px;">
371
+ <h3 style="color:#fff; margin-bottom:1rem; font-family:var(--font-mono);">// WHO IS POMILON?</h3>
372
+ <p style="color:#aaa; line-height:1.7;">
373
+ I am a developer obsessed with the "what ifs" of AI. While the industry races towards larger
374
+ Transformers, I prefer to explore the weird, the efficient, and the hybrid. My work is experimental
375
+ by nature—breaking architectures to see how they reassemble.
376
+ </p>
377
+ </div>
378
 
379
+ <!-- Profile Links -->
380
+ <div class="profile-section">
381
+ <div class="profile-header">Connect</div>
382
+ <div class="profile-grid">
383
+
384
+ <a href="https://github.com/Pomilon" target="_blank" class="profile-card">
385
+ <img src="https://github.com/Pomilon.png"
386
+ onerror="this.src='https://github.githubassets.com/images/modules/logos_page/GitHub-Mark.png'"
387
+ class="profile-img">
388
+ <div class="profile-info">
389
+ <h4>@Pomilon</h4>
390
+ <span>GitHub • Open Source Contributions</span>
391
+ </div>
392
+ </a>
393
 
394
+ <a href="https://huggingface.co/Pomilon" target="_blank" class="profile-card">
395
+ <!-- Using a generic HF logo if user image fails -->
396
+ <div class="profile-img"
397
+ style="background:#FFD21E; display:flex; align-items:center; justify-content:center; color:#000; font-weight:bold; font-size:1.5rem;">
398
+ P</div>
399
+ <div class="profile-info">
400
+ <h4>Pomilon</h4>
401
+ <span>Hugging Face • Model Repository</span>
402
+ </div>
403
+ </a>
 
 
 
 
 
 
 
 
 
 
 
404
 
405
+ </div>
406
  </div>
 
407
 
408
+ </div>
409
 
410
  </main>
411
 
412
  <script src="static/js/app.js"></script>
413
  </body>
414
+
415
  </html>