Hugging Face's logo

Spaces:
SupraLabs
/
Blog
Running

App Files Community
4
LH-Tech-AI commited on
Commit
4458ca4
·
verified ·
1 Parent(s): eca3371

Create supra-mini-v6.html

Browse files
Files changed (1) hide show
  1. supra-mini-v6.html +269 -0
supra-mini-v6.html ADDED
@@ -0,0 +1,269 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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>Supra Mini v6 1M | SupraLabs Blog</title>
7
+ <style>
8
+ :root {
9
+ --bg: #0f0f0f;
10
+ --surface: #1a1a1a;
11
+ --border: #333;
12
+ --text: #e0e0e0;
13
+ --accent: #536bfe;
14
+ --muted: #888;
15
+ --font-mono: 'JetBrains Mono', 'Fira Code', monospace;
16
+ }
17
+ * { margin: 0; padding: 0; box-sizing: border-box; }
18
+ body {
19
+ background-color: var(--bg);
20
+ color: var(--text);
21
+ font-family: 'Inter', -apple-system, sans-serif;
22
+ line-height: 1.6;
23
+ padding: 2rem;
24
+ }
25
+ code, pre, .mono { font-family: var(--font-mono); }
26
+ .container { max-width: 900px; margin: 0 auto; }
27
+
28
+ header {
29
+ border-bottom: 2px solid var(--border);
30
+ padding-bottom: 2rem;
31
+ margin-bottom: 3rem;
32
+ display: flex;
33
+ justify-content: space-between;
34
+ align-items: flex-end;
35
+ }
36
+ .logo-area h1 {
37
+ font-size: 1.2rem;
38
+ text-transform: uppercase;
39
+ letter-spacing: 2px;
40
+ color: var(--accent);
41
+ line-height: 1;
42
+ display: flex;
43
+ align-items: center;
44
+ gap: 10px;
45
+ }
46
+ .logo-area a { text-decoration: none; color: inherit; }
47
+ .logo-area {
48
+ display: flex;
49
+ align-items: center;
50
+ gap: 10px;
51
+ font-weight: bold;
52
+ font-size: 1.2rem;
53
+ }
54
+ nav a {
55
+ color: var(--text);
56
+ text-decoration: none;
57
+ margin-left: 1.5rem;
58
+ font-size: 0.9rem;
59
+ border-bottom: 1px solid transparent;
60
+ }
61
+ nav a:hover { border-bottom: 1px solid var(--accent); }
62
+
63
+ .post-header { margin-bottom: 3rem; }
64
+ .post-header h2 {
65
+ font-size: 3rem;
66
+ line-height: 1.1;
67
+ margin-bottom: 1rem;
68
+ font-weight: 800;
69
+ }
70
+ .post-meta {
71
+ font-family: var(--font-mono);
72
+ color: var(--accent);
73
+ font-size: 0.9rem;
74
+ margin-bottom: 2rem;
75
+ }
76
+ .post-content {
77
+ background: var(--surface);
78
+ border: 1px solid var(--border);
79
+ padding: 3rem;
80
+ margin-bottom: 4rem;
81
+ }
82
+ .post-content h2 {
83
+ font-size: 1.8rem;
84
+ margin: 2.5rem 0 1rem 0;
85
+ color: var(--accent);
86
+ }
87
+ .post-content h2:first-child { margin-top: 0; }
88
+ .post-content p {
89
+ margin-bottom: 1.5rem;
90
+ font-size: 1.1rem;
91
+ color: var(--text);
92
+ }
93
+ .post-content ul {
94
+ margin-bottom: 1.5rem;
95
+ padding-left: 1.5rem;
96
+ }
97
+ .post-content li { margin-bottom: 0.5rem; font-size: 1.1rem; }
98
+ .post-content strong { color: #fff; }
99
+
100
+ .post-content code {
101
+ background: #111;
102
+ border: 1px solid var(--border);
103
+ padding: 2px 6px;
104
+ border-radius: 3px;
105
+ font-size: 0.95em;
106
+ color: var(--accent);
107
+ }
108
+
109
+ .code-block {
110
+ background: #111;
111
+ border: 1px solid var(--border);
112
+ padding: 1.5rem;
113
+ margin: 2rem 0;
114
+ overflow-x: auto;
115
+ font-family: var(--font-mono);
116
+ font-size: 0.88rem;
117
+ line-height: 1.7;
118
+ color: #ccc;
119
+ }
120
+ .code-block .comment { color: var(--muted); }
121
+ .code-block .keyword { color: var(--accent); }
122
+
123
+ .callout {
124
+ border-left: 3px solid var(--accent);
125
+ background: #111;
126
+ padding: 1rem 1.5rem;
127
+ margin: 2rem 0;
128
+ font-family: var(--font-mono);
129
+ font-size: 0.95rem;
130
+ color: #ccc;
131
+ }
132
+ .callout span {
133
+ display: block;
134
+ color: var(--muted);
135
+ font-size: 0.8rem;
136
+ margin-bottom: 0.4rem;
137
+ }
138
+
139
+ .output-example {
140
+ border: 1px solid var(--border);
141
+ background: #111;
142
+ padding: 1.5rem;
143
+ margin: 1.5rem 0;
144
+ }
145
+ .output-example .prompt-label {
146
+ font-family: var(--font-mono);
147
+ font-size: 0.75rem;
148
+ color: var(--accent);
149
+ margin-bottom: 0.4rem;
150
+ }
151
+ .output-example .prompt-text {
152
+ font-weight: 700;
153
+ color: #fff;
154
+ margin-bottom: 1rem;
155
+ font-size: 1rem;
156
+ }
157
+ .output-example .output-label {
158
+ font-family: var(--font-mono);
159
+ font-size: 0.75rem;
160
+ color: var(--muted);
161
+ margin-bottom: 0.4rem;
162
+ }
163
+ .output-example .output-text {
164
+ color: var(--text);
165
+ font-size: 0.95rem;
166
+ font-style: italic;
167
+ line-height: 1.7;
168
+ }
169
+
170
+ .table-wrap { overflow-x: auto; margin: 2rem 0; }
171
+ table {
172
+ width: 100%;
173
+ border-collapse: collapse;
174
+ font-family: var(--font-mono);
175
+ font-size: 0.9rem;
176
+ }
177
+ th {
178
+ background: #111;
179
+ color: var(--accent);
180
+ padding: 0.75rem 1rem;
181
+ text-align: left;
182
+ border: 1px solid var(--border);
183
+ }
184
+ td {
185
+ padding: 0.7rem 1rem;
186
+ border: 1px solid var(--border);
187
+ color: var(--text);
188
+ }
189
+ tr:nth-child(even) td { background: #111; }
190
+
191
+ .tags { display: flex; gap: 0.5rem; margin-top: 2rem; flex-wrap: wrap; }
192
+ .tag {
193
+ font-family: var(--font-mono);
194
+ font-size: 0.7rem;
195
+ padding: 2px 8px;
196
+ border: 1px solid var(--border);
197
+ border-radius: 4px;
198
+ color: var(--muted);
199
+ }
200
+
201
+ footer {
202
+ margin-top: 6rem;
203
+ padding-bottom: 2rem;
204
+ font-size: 0.8rem;
205
+ color: var(--muted);
206
+ text-align: center;
207
+ }
208
+
209
+ @media (max-width: 600px) {
210
+ .post-header h2 { font-size: 2rem; }
211
+ .post-content { padding: 1.5rem; }
212
+ header { flex-direction: column; align-items: flex-start; gap: 1rem; }
213
+ nav a { margin-left: 0; margin-right: 1rem; }
214
+ }
215
+ </style>
216
+ </head>
217
+ <body>
218
+
219
+ <div class="container">
220
+ <header>
221
+ <div class="logo-area" style="font-size: 1.5em;">
222
+ <a href="./index.html"><h1><img src="./image.png" style="height: 2em"> SupraLabs_</h1></a>
223
+ </div>
224
+ <nav>
225
+ <a href="./index.html#news">News</a>
226
+ <a href="https://huggingface.co/SupraLabs" target="blank">HuggingFace</a>
227
+ <a href="./index.html#hardware">Hardware</a>
228
+ </nav>
229
+ </header>
230
+
231
+ <article>
232
+ <div class="post-header">
233
+ <div class="post-meta">// 2026-05-30 | Release</div>
234
+ <h2>🦅 Supra Mini v6 1M<br>just dropped.</h2>
235
+ </div>
236
+
237
+ <div class="post-content">
238
+
239
+ <p>We are back. <strong>Supra Mini v6 1M</strong> is our sixth release in the Supra Mini series</p>
240
+
241
+ <h2>Yes, today's blog is short.</h2>
242
+ <p>But check this out: https://huggingface.co/spaces/AxiomicLabs/Open_SLM_Leaderboard</p>
243
+
244
+ <div class="callout">
245
+ <span>// links</span>
246
+ Model &nbsp;&nbsp;→ huggingface.co/SupraLabs/Supra-Mini-v6-1M<br>
247
+ License → Apache 2.0<br>
248
+ Series &nbsp;→ Supra Mini collection on HuggingFace
249
+ </div>
250
+
251
+ <div class="tags">
252
+ <span class="tag">#release</span>
253
+ <span class="tag">#supra-mini-v6</span>
254
+ <span class="tag">#tinyml</span>
255
+ <span class="tag">#llama</span>
256
+ <span class="tag">#open-source</span>
257
+ <span class="tag">#fineweb-edu</span>
258
+ <span class="tag">#edge-ai</span>
259
+ </div>
260
+ </div>
261
+ </article>
262
+
263
+ <footer>
264
+ <p class="mono">&copy; 2026 SupraLabs // Built for the community.</p>
265
+ </footer>
266
+ </div>
267
+
268
+ </body>
269
+ </html>