nsemhoun commited on
Commit
da01373
·
verified ·
1 Parent(s): e488ee4

Delete Claire.html

Browse files
Files changed (1) hide show
  1. Claire.html +0 -465
Claire.html DELETED
@@ -1,465 +0,0 @@
1
- ---
2
- base_model: HuggingFaceTB/SmolLM3-3B-Base
3
- tags:
4
- - text-generation-inference
5
- - unsloth
6
- - smollm3
7
- license: apache-2.0
8
- language:
9
- - fr
10
- datasets:
11
- - CATIE-AQ/french_books
12
- - CATIE-AQ/smoltalk2_aya_think_dataset_french_split
13
- - CATIE-AQ/smoltalk2_smolagents_toolcalling_french
14
- - CATIE-AQ/facebook-community-alignment-dataset_french_conversation
15
- - CATIE-AQ/everyday-conversations-llama3.1-2k-in-french
16
- - CATIE-AQ/aya_french_dpo
17
- - CATIE-AQ/facebook-community-alignment-dataset_french_dpo
18
- - CATIE-AQ/facebook_menlo_french_dpo
19
- pipeline_tag: text-generation
20
- ---
21
-
22
- <style>
23
- strong {
24
- color: #551493 !important;
25
- }
26
- body {
27
- font-family: 'Quicksand', sans-serif;
28
- background: linear-gradient(135deg, #55d6e7 0%, #55c0cb 100%);
29
- color: #550077 !important;
30
- text-shadow: 0 0 3px rgba(85, 192, 203, 0.7);
31
- margin: 0;
32
- padding: 20px;
33
- transition: all 0.5s ease;
34
- }
35
-
36
- @media (prefers-color-scheme: light) {
37
- body {
38
- background: linear-gradient(135deg, #55e6ee 0%, #55d1dc 100%);
39
- color: #005ed4 !important;
40
- text-shadow: 0 0 3px rgba(255, 255, 255, 0.7);
41
- }
42
- }
43
-
44
- .container {
45
- min-width: 100%;
46
- margin: 0 auto;
47
- max-width: 1200px;
48
- background: rgba(85, 220, 235, 0.95);
49
- border-radius: 12px;
50
- padding: 30px;
51
- box-shadow: 0 0 20px rgba(85, 105, 180, 0.2);
52
- border: 1px solid rgba(85, 20, 147, 0.2);
53
- position: relative;
54
- overflow: hidden;
55
- }
56
-
57
- .container::before {
58
- content: '';
59
- position: absolute;
60
- top: -1px;
61
- left: -1px;
62
- right: -1px;
63
- bottom: -1px;
64
- border: 1px solid rgba(85, 105, 180, 0.5);
65
- border-radius: 12px;
66
- pointer-events: none;
67
- animation: borderGlow 3s ease-in-out infinite alternate;
68
- }
69
-
70
- @keyframes borderGlow {
71
- 0% {
72
- box-shadow: 0 0 5px rgba(85, 105, 180, 0.3);
73
- border-color: rgba(85, 105, 180, 0.5);
74
- }
75
- 50% {
76
- box-shadow: 0 0 15px rgba(85, 0, 127, 0.3);
77
- border-color: rgba(85, 0, 127, 0.5);
78
- }
79
- 100% {
80
- box-shadow: 0 0 5px rgba(85, 105, 180, 0.3);
81
- border-color: rgba(85, 105, 180, 0.5);
82
- }
83
- }
84
-
85
- .header {
86
- text-align: center;
87
- margin-bottom: 30px;
88
- position: relative;
89
- }
90
-
91
- .header::after {
92
- content: '';
93
- position: absolute;
94
- bottom: -15px;
95
- left: 25%;
96
- right: 25%;
97
- height: 1px;
98
- background: linear-gradient(90deg, transparent, rgba(85, 20, 147, 0.5), transparent);
99
- animation: scanline 8s linear infinite;
100
- }
101
-
102
- @keyframes scanline {
103
- 0% { background-position: -100% 0; }
104
- 100% { background-position: 200% 0; }
105
- }
106
-
107
- .model-name {
108
- color: #551493;
109
- font-size: 2.5em;
110
- text-shadow: 0 0 15px rgba(85, 20, 147, 0.5);
111
- margin: 0;
112
- letter-spacing: -1px;
113
- animation: textGlow 4s ease-in-out infinite alternate;
114
- }
115
-
116
- @keyframes textGlow {
117
- 0% { text-shadow: 0 0 15px rgba(85, 20, 147, 0.5); }
118
- 50% { text-shadow: 0 0 20px rgba(85, 0, 127, 0.5); }
119
- 100% { text-shadow: 0 0 15px rgba(85, 20, 147, 0.5); }
120
- }
121
-
122
- .subtitle {
123
- color: #5569b4;
124
- font-size: 1.2em;
125
- margin-top: 10px;
126
- animation: subtitleFade 6s ease-in-out infinite;
127
- }
128
-
129
- @keyframes subtitleFade {
130
- 0%, 100% { opacity: 0.8; }
131
- 50% { opacity: 1; }
132
- }
133
-
134
- .waifu-container {
135
- margin: 20px -30px;
136
- width: calc(100% + 60px);
137
- overflow: hidden;
138
- border-radius: 8px;
139
- border: 1px solid rgba(85, 105, 180, 0.3);
140
- position: relative;
141
- }
142
-
143
- .waifu-container::before {
144
- content: '';
145
- position: absolute;
146
- top: 0;
147
- left: 0;
148
- right: 0;
149
- bottom: 0;
150
- background: linear-gradient(45deg,
151
- rgba(85, 105, 180, 0.2) 0%,
152
- transparent 20%,
153
- transparent 80%,
154
- rgba(85, 0, 127, 0.2) 100%);
155
- pointer-events: none;
156
- animation: gradientSlide 10s linear infinite;
157
- }
158
-
159
- @keyframes gradientSlide {
160
- 0% { background-position: 0% 0%; }
161
- 100% { background-position: 100% 100%; }
162
- }
163
-
164
- .waifu-img {
165
- width: 100%;
166
- height: auto;
167
- border-radius: 0;
168
- border: none;
169
- box-shadow: 0 0 40px rgba(85, 20, 147, 0.2);
170
- transition: transform 0.5s ease;
171
- }
172
-
173
- .waifu-img:hover {
174
- transform: scale(1.01);
175
- }
176
-
177
- .section {
178
- color: #005ed4;
179
- margin: 25px 0;
180
- padding: 20px;
181
- background: rgba(85, 228, 240, 0.9);
182
- border-radius: 8px;
183
- border: 1px solid rgba(85, 105, 180, 0.25);
184
- position: relative;
185
- transition: all 0.3s ease;
186
- }
187
-
188
- .section:hover {
189
- border-color: rgba(85, 0, 127, 0.3);
190
- box-shadow: 0 0 15px rgba(85, 20, 147, 0.2);
191
- }
192
-
193
- .section::before {
194
- content: '';
195
- position: absolute;
196
- top: -1px;
197
- left: -1px;
198
- right: -1px;
199
- bottom: -1px;
200
- border: 1px solid rgba(85, 105, 180, 0.3);
201
- border-radius: 8px;
202
- pointer-events: none;
203
- animation: sectionPulse 5s ease-in-out infinite;
204
- }
205
-
206
- @keyframes sectionPulse {
207
- 0%, 100% { opacity: 0.7; }
208
- 50% { opacity: 0.3; }
209
- }
210
-
211
- .section-title {
212
- color: #551493;
213
- font-size: 1.8em;
214
- margin-top: 0;
215
- text-shadow: 0 0 5px rgba(85, 20, 147, 0.3);
216
- position: relative;
217
- display: inline-block;
218
- }
219
-
220
- .section-title::after {
221
- content: '';
222
- position: absolute;
223
- bottom: -5px;
224
- left: 0;
225
- width: 100%;
226
- height: 1px;
227
- background: linear-gradient(90deg, rgba(85, 20, 147, 0.5), rgba(85, 0, 127, 0.5));
228
- transform: scaleX(0);
229
- transform-origin: left;
230
- transition: transform 0.3s ease;
231
- }
232
-
233
- .section:hover .section-title::after {
234
- transform: scaleX(1);
235
- }
236
-
237
- .quant-links {
238
- display: grid;
239
- grid-template-columns: repeat(1, 1fr);
240
- gap: 15px;
241
- margin: 20px 0;
242
- }
243
-
244
- .link-card {
245
- padding: 15px;
246
- background: rgba(85, 228, 240, 0.95);
247
- border-radius: 8px;
248
- transition: all 0.3s ease;
249
- border: 1px solid rgba(85, 105, 180, 0.2);
250
- position: relative;
251
- overflow: hidden;
252
- }
253
-
254
- .link-card::before {
255
- content: '';
256
- position: absolute;
257
- top: 0;
258
- left: 0;
259
- right: 0;
260
- height: 2px;
261
- background: linear-gradient(90deg, rgba(85, 20, 147, 0.5), rgba(85, 0, 127, 0.5));
262
- animation: cardScan 4s linear infinite;
263
- }
264
-
265
- @keyframes cardScan {
266
- 0% { transform: translateX(-100%); }
267
- 100% { transform: translateX(100%); }
268
- }
269
-
270
- .link-card:hover {
271
- transform: translateY(-3px);
272
- box-shadow: 0 5px 15px rgba(85, 20, 147, 0.2);
273
- border-color: rgba(85, 0, 127, 0.3);
274
- }
275
-
276
- .link-card h3 {
277
- margin-top: 0;
278
- color: #005ed4 !important;
279
- }
280
-
281
- .link-button {
282
- display: inline-flex;
283
- align-items: center;
284
- background: rgba(85, 20, 147, 0.2);
285
- color: #005ed4 !important;
286
- padding: 8px 15px;
287
- border-radius: 6px;
288
- text-decoration: none;
289
- border: 1px solid rgba(85, 20, 147, 0.3);
290
- margin: 5px 0;
291
- transition: all 0.3s ease;
292
- font-size: 0.95em;
293
- position: relative;
294
- overflow: hidden;
295
- }
296
-
297
- .link-button::before {
298
- content: '';
299
- position: absolute;
300
- top: 0;
301
- left: -100%;
302
- width: 100%;
303
- height: 100%;
304
- background: linear-gradient(90deg, transparent, rgba(85, 255, 255, 0.2), transparent);
305
- transition: all 0.5s ease;
306
- }
307
-
308
- .link-button:hover {
309
- background: rgba(85, 20, 147, 0.2);
310
- border-color: rgba(85, 20, 147, 0.5);
311
- transform: translateY(-2px);
312
- box-shadow: 0 4px 12px rgba(85, 20, 147, 0.2);
313
- }
314
-
315
- .link-button:hover::before {
316
- left: 100%;
317
- }
318
-
319
- .link-button::after {
320
- content: '→';
321
- margin-left: 8px;
322
- opacity: 0.7;
323
- transition: all 0.3s ease;
324
- }
325
-
326
- .link-button:hover::after {
327
- transform: translateX(3px);
328
- opacity: 1;
329
- }
330
-
331
- .button-group {
332
- display: flex;
333
- flex-wrap: wrap;
334
- gap: 10px;
335
- margin: 15px 0;
336
- }
337
-
338
- .disclaimer {
339
- color: #85c715;
340
- border-left: 3px solid #85c715;
341
- padding-left: 15px;
342
- margin: 20px 0;
343
- position: relative;
344
- }
345
-
346
- .disclaimer::before {
347
- content: '⚠️';
348
- position: absolute;
349
- left: -10px;
350
- top: 0;
351
- transform: translateX(-100%);
352
- animation: pulse 2s ease-in-out infinite;
353
- }
354
-
355
- @keyframes pulse {
356
- 0%, 100% { opacity: 1; }
357
- 50% { opacity: 0.5; }
358
- }
359
-
360
- .badge {
361
- display: inline-block;
362
- padding: 5px 10px;
363
- border-radius: 5px;
364
- background: rgba(85, 20, 147, 0.2);
365
- border: 1px solid #551493;
366
- margin: 5px;
367
- font-size: 0.9em;
368
- animation: badgePulse 3s ease-in-out infinite;
369
- }
370
-
371
- @keyframes badgePulse {
372
- 0%, 100% { box-shadow: 0 0 5px rgba(85, 20, 147, 0.3); }
373
- 50% { box-shadow: 0 0 10px rgba(85, 20, 147, 0.5); }
374
- }
375
- </style>
376
-
377
- <div class="container">
378
-
379
- <div class="header">
380
- <h1 class="model-name">Claire 0.2</h1>
381
- </div>
382
-
383
- <div class="waifu-container">
384
- <img src="./claire.png" class="waifu-img" alt="Claire Waifu">
385
- </div>
386
-
387
- <div class="section">
388
- <h2 class="section-title">🧠 History</h2>
389
- <p>0.2 :</p>
390
- <ul>
391
- <li>​🌏​ <strong>french ebook</strong></li>
392
- <li>​🌏​ <strong>french facebook community conversations</strong></li>
393
- </ul>
394
- <p>0.l :</p>
395
- <ul>
396
- <li>​🌏​ <strong>french thinking</strong> - model think in french not in english</li>
397
- <li>​🌏​ <strong>french toolcalling</strong> </li>
398
- </ul>
399
- </div>
400
-
401
- <div class="section">
402
- <h2 class="section-title">⚙️ Technical Specifications</h2>
403
- <p><strong>Key Training Details:</strong></p>
404
- <ul>
405
- <li>Base Model: HuggingFaceTB/SmolLM3-3B</li>
406
- <li>Training Method: LoRA with Unsloth</li>
407
- </ul>
408
- <p><strong>Dataset used:</strong></p>
409
- <ul>
410
- <li>CATIE-AQ/french_books</li>
411
- <li>CATIE-AQ/smoltalk2_aya_think_dataset_french_split</li>
412
- <li>CATIE-AQ/smoltalk2_smolagents_toolcalling_french</li>
413
- <li>CATIE-AQ/facebook-community-alignment-dataset_french_conversation</li>
414
- <li>CATIE-AQ/everyday-conversations-llama3.1-2k-in-french</li>
415
- <li>CATIE-AQ/aya_french_dpo</li>
416
- <li>CATIE-AQ/facebook-community-alignment-dataset_french_dpo</li>
417
- <li>CATIE-AQ/facebook_menlo_french_dpo</li>
418
- <li>CATIE-AQ/smoltalk2_smolagents_toolcalling_french</li>
419
- </ul>
420
- </div>
421
-
422
- <div class="section">
423
- <div class="quant-links">
424
- <div class="link-card">
425
- <h3>GGUF</h3>
426
- <div class="button-group" style="display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px;">
427
- <a href="https://huggingface.co/nsemhoun/Claire-3B-v0.2-GGUF/resolve/main/Claire-3B-v0.2-Q4_0.gguf" class="link-button">Q4_0 (1.81GB)</a>
428
- <a href="https://huggingface.co/nsemhoun/Claire-3B-v0.2-GGUF/resolve/main/Claire-3B-v0.2-Q4_K_M.gguf" class="link-button">Q4_K_M (1.92GB)</a>
429
- <a href="https://huggingface.co/nsemhoun/Claire-3B-v0.2-GGUF/resolve/main/Claire-3B-v0.2-Q5_K_M.gguf" class="link-button">Q5_K_M (2.21GB)</a>
430
- <a href="https://huggingface.co/nsemhoun/Claire-3B-v0.2-GGUF/resolve/main/Claire-3B-v0.2-Q8_0.gguf" class="link-button">Q8_0 (3.28GB)</a>
431
- </div>
432
- </div>
433
- </div>
434
-
435
- </div>
436
-
437
- <div class="section">
438
- <h2 class="section-title">⚠️ Ethical Considerations</h2>
439
- <div class="disclaimer">
440
- <p>Like is parent model, this model as no censorship</p>
441
- </div>
442
- </div>
443
-
444
- <div class="section">
445
- <h2 class="section-title">🧑‍🔬 Model Author</h2>
446
- <ul>
447
- <li>nsemhoun (Fine-Tuning)</li>
448
- </ul>
449
- </div>
450
-
451
- <div class="section">
452
- <h2 class="section-title">☕ Support the Creators</h2> <!-- SECTION RENAMED -->
453
- <div class="button-group">
454
- <a href="https://buymeacoffee.com/semhoun" class="link-button">Buy me a cofee</a>
455
- </div>
456
- </div>
457
-
458
- <div class="section">
459
- <h2 class="section-title">🔖 License</h2>
460
- <p>By using this model, you agree:</p>
461
- <ul>
462
- <li>To accept full responsibility for all generated content</li>
463
- </ul>
464
- </div>
465
- </div>