FrenzyBiscuit commited on
Commit
7d0cacc
·
verified ·
1 Parent(s): b651936

Create README.md

Browse files
Files changed (1) hide show
  1. README.md +414 -0
README.md ADDED
@@ -0,0 +1,414 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ ---
2
+ base_model:
3
+ - Darkhn/M3.2-24B-Animus-V7.1
4
+ base_model_relation: quantized
5
+ quantized_by: frenzybiscuit
6
+ tags:
7
+ - mistral-3.2
8
+ - finetune
9
+ - roleplay
10
+ - chat
11
+ - wings-of-fire
12
+ - dungeon-master
13
+ - EXL2
14
+ license: apache-2.0
15
+ ---
16
+ <style>
17
+ body {
18
+ font-family: 'Quicksand', sans-serif;
19
+ background: linear-gradient(135deg, #e0e0e0 0%, #f0f0f0 100%);
20
+ color: #333 !important;
21
+ text-shadow: 0 0 3px rgba(224, 224, 224, 0.7);
22
+ margin: 0;
23
+ padding: 20px;
24
+ transition: all 0.5s ease;
25
+ }
26
+
27
+ .container {
28
+ min-width: 100%;
29
+ margin: 0 auto;
30
+ max-width: 1200px;
31
+ background: rgba(240, 240, 240, 0.95);
32
+ border-radius: 12px;
33
+ padding: 30px;
34
+ box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1), 0 0 30px rgba(200, 200, 200, 0.5);
35
+ border: 1px solid rgba(200, 200, 200, 0.2);
36
+ position: relative;
37
+ overflow: hidden;
38
+ }
39
+
40
+ .container::before {
41
+ content: '';
42
+ position: absolute;
43
+ top: -1px;
44
+ left: -1px;
45
+ right: -1px;
46
+ bottom: -1px;
47
+ border: 1px solid rgba(200, 200, 200, 0.5);
48
+ border-radius: 12px;
49
+ pointer-events: none;
50
+ animation: borderGlow 3s ease-in-out infinite alternate;
51
+ }
52
+
53
+ @keyframes borderGlow {
54
+ 0% {
55
+ box-shadow: 0 0 5px rgba(200, 200, 200, 0.3);
56
+ border-color: rgba(200, 200, 200, 0.5);
57
+ }
58
+ 50% {
59
+ box-shadow: 0 0 15px rgba(170, 170, 170, 0.3);
60
+ border-color: rgba(170, 170, 170, 0.5);
61
+ }
62
+ 100% {
63
+ box-shadow: 0 0 5px rgba(200, 200, 200, 0.3);
64
+ border-color: rgba(200, 200, 200, 0.5);
65
+ }
66
+ }
67
+
68
+ .header {
69
+ text-align: center;
70
+ margin-bottom: 30px;
71
+ position: relative;
72
+ }
73
+
74
+ .header::after {
75
+ content: '';
76
+ position: absolute;
77
+ bottom: -15px;
78
+ left: 25%;
79
+ right: 25%;
80
+ height: 1px;
81
+ background: linear-gradient(90deg, transparent, rgba(200, 200, 200, 0.5), transparent);
82
+ animation: scanline 8s linear infinite;
83
+ }
84
+
85
+ .model-name {
86
+ color: #333;
87
+ font-size: 2.5em;
88
+ text-shadow: 0 0 15px rgba(200, 200, 200, 0.5);
89
+ margin: 0;
90
+ letter-spacing: -1px;
91
+ animation: textGlow 4s ease-in-out infinite alternate;
92
+ }
93
+
94
+ @keyframes textGlow {
95
+ 0% { text-shadow: 0 0 15px rgba(200, 200, 200, 0.5); }
96
+ 50% { text-shadow: 0 0 20px rgba(170, 170, 170, 0.5); }
97
+ 100% { text-shadow: 0 0 15px rgba(200, 200, 200, 0.5); }
98
+ }
99
+
100
+ .subtitle {
101
+ color: #444;
102
+ font-size: 1.2em;
103
+ margin-top: 10px;
104
+ animation: subtitleFade 6s ease-in-out infinite;
105
+ }
106
+
107
+ .waifu-container {
108
+ margin: 20px -30px;
109
+ width: calc(100% + 60px);
110
+ overflow: hidden;
111
+ border-radius: 8px;
112
+ border: 1px solid rgba(200, 200, 200, 0.3);
113
+ position: relative;
114
+ }
115
+
116
+ .waifu-container::before {
117
+ content: '';
118
+ position: absolute;
119
+ top: 0;
120
+ left: 0;
121
+ right: 0;
122
+ bottom: 0;
123
+ background: linear-gradient(45deg,
124
+ rgba(200, 200, 200, 0.1) 0%,
125
+ transparent 20%,
126
+ transparent 80%,
127
+ rgba(170, 170, 170, 0.1) 100%);
128
+ pointer-events: none;
129
+ animation: gradientSlide 10s linear infinite;
130
+ }
131
+
132
+ .waifu-img {
133
+ width: 100%;
134
+ height: auto;
135
+ border-radius: 0;
136
+ border: none;
137
+ box-shadow: 0 0 40px rgba(200, 200, 200, 0.2);
138
+ transition: transform 0.5s ease;
139
+ }
140
+
141
+ .waifu-img:hover {
142
+ transform: scale(1.01);
143
+ }
144
+
145
+ .section {
146
+ color: #444;
147
+ margin: 25px 0;
148
+ padding: 20px;
149
+ background: rgba(230, 230, 230, 0.9);
150
+ border-radius: 8px;
151
+ border: 1px solid rgba(200, 200, 200, 0.15);
152
+ position: relative;
153
+ transition: all 0.3s ease;
154
+ }
155
+
156
+ .section:hover {
157
+ border-color: rgba(170, 170, 170, 0.3);
158
+ box-shadow: 0 0 15px rgba(200, 200, 200, 0.1);
159
+ }
160
+
161
+ .section::before {
162
+ content: '';
163
+ position: absolute;
164
+ top: -1px;
165
+ left: -1px;
166
+ right: -1px;
167
+ bottom: -1px;
168
+ border: 1px solid rgba(200, 200, 200, 0.3);
169
+ border-radius: 8px;
170
+ pointer-events: none;
171
+ animation: sectionPulse 5s ease-in-out infinite;
172
+ }
173
+
174
+ @keyframes sectionPulse {
175
+ 0%, 100% { opacity: 0.7; }
176
+ 50% { opacity: 0.3; }
177
+ }
178
+
179
+ .section-title {
180
+ color: #333;
181
+ font-size: 1.8em;
182
+ margin-top: 0;
183
+ text-shadow: 0 0 5px rgba(200, 200, 200, 0.3);
184
+ position: relative;
185
+ display: inline-block;
186
+ }
187
+
188
+ .section-title::after {
189
+ content: '';
190
+ position: absolute;
191
+ bottom: -5px;
192
+ left: 0;
193
+ width: 100%;
194
+ height: 1px;
195
+ background: linear-gradient(90deg, rgba(200, 200, 200, 0.5), rgba(170, 170, 170, 0.5));
196
+ transform: scaleX(0);
197
+ transform-origin: left;
198
+ transition: transform 0.3s ease;
199
+ }
200
+
201
+ .section:hover .section-title::after {
202
+ transform: scaleX(1);
203
+ }
204
+
205
+ .quant-links {
206
+ display: grid;
207
+ grid-template-columns: repeat(3, 1fr);
208
+ gap: 15px;
209
+ margin: 20px 0;
210
+ }
211
+
212
+ .link-card {
213
+ padding: 15px;
214
+ background: rgba(220, 220, 220, 0.95);
215
+ border-radius: 8px;
216
+ transition: all 0.3s ease;
217
+ border: 1px solid rgba(200, 200, 200, 0.1);
218
+ position: relative;
219
+ overflow: hidden;
220
+ text-decoration: none;
221
+ color: inherit;
222
+ }
223
+
224
+ .link-card::before {
225
+ content: '';
226
+ position: absolute;
227
+ top: 0;
228
+ left: 0;
229
+ right: 0;
230
+ height: 2px;
231
+ background: linear-gradient(90deg, rgba(200, 200, 200, 0.5), rgba(170, 170, 170, 0.5));
232
+ animation: cardScan 4s linear infinite;
233
+ }
234
+
235
+ @keyframes cardScan {
236
+ 0% { transform: translateX(-100%); }
237
+ 100% { transform: translateX(100%); }
238
+ }
239
+
240
+ .link-card:hover {
241
+ transform: translateY(-3px);
242
+ box-shadow: 0 5px 15px rgba(200, 200, 200, 0.2);
243
+ border-color: rgba(170, 170, 170, 0.3);
244
+ }
245
+
246
+ .link-card h3 {
247
+ margin-top: 0;
248
+ color: #444 !important;
249
+ }
250
+
251
+ .link-button {
252
+ display: inline-flex;
253
+ align-items: center;
254
+ background: rgba(200, 200, 200, 0.1);
255
+ color: #444 !important;
256
+ padding: 8px 15px;
257
+ border-radius: 6px;
258
+ text-decoration: none;
259
+ border: 1px solid rgba(200, 200, 200, 0.3);
260
+ margin: 5px 0;
261
+ transition: all 0.3s ease;
262
+ font-size: 0.95em;
263
+ position: relative;
264
+ overflow: hidden;
265
+ }
266
+
267
+ .link-button::before {
268
+ content: '';
269
+ position: absolute;
270
+ top: 0;
271
+ left: -100%;
272
+ width: 100%;
273
+ height: 100%;
274
+ background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
275
+ transition: all 0.5s ease;
276
+ }
277
+
278
+ .link-button:hover {
279
+ background: rgba(170, 170, 170, 0.2);
280
+ border-color: rgba(170, 170, 170, 0.5);
281
+ transform: translateY(-2px);
282
+ box-shadow: 0 4px 12px rgba(200, 200, 200, 0.2);
283
+ }
284
+
285
+ .link-button::after {
286
+ content: '→';
287
+ margin-left: 8px;
288
+ opacity: 0.7;
289
+ transition: all 0.3s ease;
290
+ }
291
+
292
+ .link-button:hover::after {
293
+ transform: translateX(3px);
294
+ opacity: 1;
295
+ }
296
+
297
+ .button-group {
298
+ display: flex;
299
+ flex-wrap: wrap;
300
+ gap: 10px;
301
+ margin: 15px 0;
302
+ }
303
+
304
+ .disclaimer {
305
+ color: #555;
306
+ border-left: 3px solid #555;
307
+ padding-left: 15px;
308
+ margin: 20px 0;
309
+ position: relative;
310
+ }
311
+
312
+ .disclaimer::before {
313
+ content: '⚠️';
314
+ position: absolute;
315
+ left: -10px;
316
+ top: 0;
317
+ transform: translateX(-100%);
318
+ animation: pulse 2s ease-in-out infinite;
319
+ }
320
+
321
+ @keyframes pulse {
322
+ 0%, 100% { opacity: 1; }
323
+ 50% { opacity: 0.5; }
324
+ }
325
+
326
+ .badge {
327
+ display: inline-block;
328
+ padding: 5px 10px;
329
+ border-radius: 5px;
330
+ background: rgba(200, 200, 200, 0.1);
331
+ border: 1px solid #ccc;
332
+ margin: 5px;
333
+ font-size: 0.9em;
334
+ animation: badgePulse 3s ease-in-out infinite;
335
+ }
336
+
337
+ @keyframes badgePulse {
338
+ 0%, 100% { box-shadow: 0 0 5px rgba(200, 200, 200, 0.3); }
339
+ 50% { box-shadow: 0 0 10px rgba(200, 200, 200, 0.5); }
340
+ }
341
+
342
+ @media (prefers-color-scheme: light) {
343
+ .container {
344
+ background: rgba(255, 255, 255, 0.95);
345
+ border-color: rgba(170, 170, 170, 0.3);
346
+ }
347
+
348
+ .model-name, .section-title, .subtitle {
349
+ color: #333;
350
+ text-shadow: 0 0 5px rgba(170, 170, 170, 0.3);
351
+ }
352
+
353
+ .section {
354
+ background: rgba(255, 255, 255, 0.9);
355
+ border-color: rgba(170, 170, 170, 0.2);
356
+ color: #333;
357
+ }
358
+
359
+ .section p,
360
+ .section ul li,
361
+ .section > p > strong {
362
+ color: #333 !important;
363
+ }
364
+
365
+ .link-card {
366
+ background: rgba(255, 255, 255, 0.95);
367
+ border-color: rgba(170, 170, 170, 0.2);
368
+ }
369
+
370
+ .link-card h3 {
371
+ color: #333 !important;
372
+ }
373
+
374
+ .link-button {
375
+ background: rgba(170, 170, 170, 0.1);
376
+ color: #333 !important;
377
+ border-color: rgba(170, 170, 170, 0.3);
378
+ }
379
+
380
+ .link-button:hover {
381
+ background: rgba(170, 170, 170, 0.2);
382
+ border-color: rgba(170, 170, 170, 0.5);
383
+ }
384
+
385
+ .disclaimer {
386
+ color: #333;
387
+ border-color: #333;
388
+ }
389
+
390
+ .badge {
391
+ border-color: #333;
392
+ background: rgba(170, 170, 170, 0.1);
393
+ }
394
+ }
395
+ </style>
396
+
397
+ <div class="container">
398
+ <div class="header">
399
+ <h1 class="model-name">M3.2-24B-Animus-V7.1-EXL2</h1>
400
+ <p class="subtitle">Released by Darkhn</p>
401
+ <p class="subtitle">Quant(s) by FrenzyBiscuit</p>
402
+ <p class="subtitle">4.0 BPW H6 - Fits in 24GB VRAM with 48k FP16 context</p>
403
+ <p class="subtitle">5.0 BPW H6 - Fits in 72GB VRAM with 32k FP16 context</p>
404
+ <p class="subtitle">6.0 BPW H6 - *shrug*</p>
405
+ <p class="subtitle">8.0 BPW H6 - *shrug*</p>
406
+ <img src="https://huggingface.co/ReadyArt/Darkhn-L3-3-70B-Animus-V7.0-EXL2/resolve/main/model-image.jpeg"></img>
407
+ <p class="subtitle">Recommended Samplers (For optimal performance):</p>
408
+ <p class="subtitle">Temp: 0.8-1.1</p>
409
+ <p class="subtitle">Min_P: 0.02</p>
410
+ <p class="subtitle">DRY Multipler: 0.8</p>
411
+ <p class="subtitle">DRY Allowed Length: 4</p>
412
+ <p class="subtitle">DRY Base: 1.75</p>
413
+ </div>
414
+ </div>