Hugging Face's logo

Spaces:
SupraLabs
/
Blog
Running

App Files Community
1
LH-Tech-AI commited on
Commit
ef7c52a
·
verified ·
1 Parent(s): e516da6

Create we-released-our-now-model.html

Browse files
Files changed (1) hide show
  1. we-released-our-now-model.html +265 -0
we-released-our-now-model.html ADDED
@@ -0,0 +1,265 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+
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>We released our new model! Try it! | SupraLabs Blog</title>
8
+ <style>
9
+ :root {
10
+ --bg: #0f0f0f;
11
+ --surface: #1a1a1a;
12
+ --border: #333;
13
+ --text: #e0e0e0;
14
+ --accent: #536bfe; /* Supra Blue */
15
+ --muted: #888;
16
+ --font-mono: 'JetBrains Mono', 'Fira Code', monospace;
17
+ }
18
+
19
+ * {
20
+ margin: 0;
21
+ padding: 0;
22
+ box-sizing: border-box;
23
+ }
24
+
25
+ body {
26
+ background-color: var(--bg);
27
+ color: var(--text);
28
+ font-family: 'Inter', -apple-system, sans-serif;
29
+ line-height: 1.6;
30
+ padding: 2rem;
31
+ }
32
+
33
+ code, pre, .mono {
34
+ font-family: var(--font-mono);
35
+ }
36
+
37
+ .container {
38
+ max-width: 900px;
39
+ margin: 0 auto;
40
+ }
41
+
42
+ /* --- Header --- */
43
+ header {
44
+ border-bottom: 2px solid var(--border);
45
+ padding-bottom: 2rem;
46
+ margin-bottom: 3rem;
47
+ display: flex;
48
+ justify-content: space-between;
49
+ align-items: flex-end;
50
+ }
51
+
52
+ .logo-area h1 {
53
+ font-size: 1.2rem;
54
+ text-transform: uppercase;
55
+ letter-spacing: 2px;
56
+ color: var(--accent);
57
+ line-height: 1;
58
+ display: flex;
59
+ align-items: center;
60
+ gap: 10px;
61
+ }
62
+
63
+ .logo-area a {
64
+ text-decoration: none;
65
+ color: inherit;
66
+ }
67
+
68
+ nav a {
69
+ color: var(--text);
70
+ text-decoration: none;
71
+ margin-left: 1.5rem;
72
+ font-size: 0.9rem;
73
+ border-bottom: 1px solid transparent;
74
+ }
75
+
76
+ nav a:hover {
77
+ border-bottom: 1px solid var(--accent);
78
+ }
79
+
80
+ /* --- Blog Post Layout --- */
81
+ .post-header {
82
+ margin-bottom: 3rem;
83
+ }
84
+
85
+ .post-header h2 {
86
+ font-size: 3rem;
87
+ line-height: 1.1;
88
+ margin-bottom: 1rem;
89
+ font-weight: 800;
90
+ }
91
+
92
+ .post-meta {
93
+ font-family: var(--font-mono);
94
+ color: var(--accent);
95
+ font-size: 0.9rem;
96
+ margin-bottom: 2rem;
97
+ }
98
+
99
+ .post-content {
100
+ background: var(--surface);
101
+ border: 1px solid var(--border);
102
+ padding: 3rem;
103
+ margin-bottom: 4rem;
104
+ }
105
+
106
+ .post-content h2 {
107
+ font-size: 1.8rem;
108
+ margin: 2.5rem 0 1rem 0;
109
+ color: var(--accent);
110
+ }
111
+
112
+ .post-content h2:first-child {
113
+ margin-top: 0;
114
+ }
115
+
116
+ .post-content p {
117
+ margin-bottom: 1.5rem;
118
+ font-size: 1.1rem;
119
+ color: var(--text);
120
+ }
121
+
122
+ .post-content ul {
123
+ margin-bottom: 1.5rem;
124
+ padding-left: 1.5rem;
125
+ }
126
+
127
+ .post-content li {
128
+ margin-bottom: 0.5rem;
129
+ }
130
+
131
+ .post-content strong {
132
+ color: #fff;
133
+ }
134
+
135
+ .post-content img.post-logo {
136
+ margin-bottom: 2rem;
137
+ border: 1px solid var(--border);
138
+ }
139
+
140
+ /* --- Tags --- */
141
+ .tags {
142
+ display: flex;
143
+ gap: 0.5rem;
144
+ margin-top: 2rem;
145
+ }
146
+
147
+ .tag {
148
+ font-family: var(--font-mono);
149
+ font-size: 0.7rem;
150
+ padding: 2px 8px;
151
+ border: 1px solid var(--border);
152
+ border-radius: 4px;
153
+ color: var(--muted);
154
+ }
155
+
156
+ /* --- Hardware Stats (Consistent with index) --- */
157
+ .stats-grid {
158
+ display: grid;
159
+ grid-template-columns: 1fr 1fr;
160
+ gap: 1rem;
161
+ margin-top: 4rem;
162
+ border-top: 1px solid var(--border);
163
+ padding-top: 2rem;
164
+ }
165
+
166
+ .stat-box {
167
+ padding: 1rem;
168
+ border-left: 2px solid var(--accent);
169
+ }
170
+
171
+ .stat-box small {
172
+ display: block;
173
+ color: var(--muted);
174
+ font-family: var(--font-mono);
175
+ }
176
+
177
+ footer {
178
+ margin-top: 6rem;
179
+ padding-bottom: 2rem;
180
+ font-size: 0.8rem;
181
+ color: var(--muted);
182
+ text-align: center;
183
+ }
184
+
185
+ @media (max-width: 600px) {
186
+ .post-header h2 { font-size: 2rem; }
187
+ .post-content { padding: 1.5rem; }
188
+ header { flex-direction: column; align-items: flex-start; gap: 1rem; }
189
+ nav a { margin-left: 0; margin-right: 1rem; }
190
+ .stats-grid { grid-template-columns: 1fr; }
191
+ }
192
+
193
+ .logo-area {
194
+ display: flex;
195
+ align-items: center;
196
+ gap: 10px;
197
+ font-weight: bold;
198
+ font-size: 1.2rem;
199
+ }
200
+ </style>
201
+ </head>
202
+ <body>
203
+
204
+ <div class="container">
205
+ <header>
206
+ <div class="logo-area" style="font-size: 1.5em;">
207
+ <a href="./index.html"><h1><img src="./image.png" style="height: 2em"> SupraLabs_</h1></a>
208
+ </div>
209
+ <nav>
210
+ <a href="./index.html#news">News</a>
211
+ <a href="https://huggingface.co/SupraLabs" target="blank">HuggingFace</a>
212
+ <a href="./index.html#hardware">Hardware</a>
213
+ </nav>
214
+ </header>
215
+
216
+ <article>
217
+ <div class="post-header">
218
+ <div class="post-meta">// 2026-05-12 | Model_Announcement</div>
219
+ <h2>We released Supra Mini v2-0.1M,<br>A Tiny Baby 100k parameters model</h2>
220
+ </div>
221
+
222
+ <div class="post-content">
223
+ <p>Welcome Back! Today you're gonna see our new model!</p>
224
+
225
+ <h2>What is Supra Mini v2-0.1M?</h2>
226
+ <p>It is our new model! Trained with love on a single Kaggle T4 GPU! <br><strong>Llama Architecture</strong> <br><strong>100k parameters, optimized training, overtraining, all thinking on your experience!</strong>. </p>
227
+
228
+ <h2>What we did to create this model?</h2>
229
+ <p>We made a first version but we said: "We think we can scale more and more!", and then we got this! We are so happy that SupraLabs and their models are becoming reality!</strong>. </p>
230
+
231
+ <h2>Config</h2>
232
+ <p>
233
+ vocab size = 2048, <br>
234
+ hidden size = 48, <br>
235
+ intermediate size = 96, <br>
236
+ hidden layers = 3, <br>
237
+ num attention heads= 4 <br> </p>
238
+
239
+ <h2>What the model CAN'T do</h2>
240
+ <p>The model can't: <strong>Think, Reason, chat(yet), doesn't have security filters, it is only a base model that predicts the next word!</strong> </p>
241
+
242
+ <h2>Plans for the future</h2>
243
+ <ul>
244
+ <li><strong>Supra-10M</strong> - Base, Chat, Reasoning. Trained on RTX 5060 Ti 16GB, leveraging Nvidia technologies and CUDA.</li>
245
+ <li><strong>Supra-1M</strong> - Base, Chat, Reasoning. Trained on GTX 750Ti 4GB, pushing the limits of optimization.</li>
246
+ </ul>
247
+
248
+ <h2>Fina thought</h2>
249
+ <p><strong>SupraLabs is working the most to create the best open source models to you!</strong>. </p>
250
+
251
+ <div class="tags">
252
+ <span class="tag">#new</span>
253
+ <span class="tag">#model</span>
254
+ <span class="tag">#open-source</span>
255
+ </div>
256
+ </div>
257
+ </article>
258
+
259
+ <footer>
260
+ <p class="mono">&copy; 2026 SupraLabs // Built for the community.</p>
261
+ </footer>
262
+ </div>
263
+
264
+ </body>
265
+ </html>