Hugging Face's logo

NewEden-Forge
/
readme-testing

Model card Files
xet
 Community
Delta-Vector commited on
Commit
7550ad2
·
verified ·
1 Parent(s): 1406535

Update README.md

Browse files
Files changed (1) hide show
  1. README.md +593 -157
README.md CHANGED
@@ -1,205 +1,641 @@
1
  <!DOCTYPE html>
2
- <html>
3
  <head>
4
- <title>Fallen Light AI Model</title>
 
 
5
  <style>
6
- @import url('https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@700&family=EB+Garamond:ital,wght@0,400;0,700;1,400&display=swap');
 
 
 
 
 
7
  :root {
8
- --gold: #D4AF37;
9
- --light: #F5F5DC;
10
- --tan: #D2B48C;
11
- --dark: #1A1A1A;
 
 
 
 
 
 
 
12
  }
13
  body {
14
- background: linear-gradient(135deg, #2E2E2E 0%, #1A1A1A 100%);
15
- color: var(--light);
16
- font-family: 'EB Garamond', serif;
 
17
  line-height: 1.6;
18
- padding: 0;
19
- margin: 0;
20
  }
21
- .hero {
22
- background: url('https://placeholder.com/1200x600') no-repeat center center;
23
- background-size: cover;
24
- height: 400px;
25
- position: relative;
26
- border-bottom: 3px solid var(--gold);
 
 
 
 
 
27
  }
28
- .hero::after {
29
- content: '';
30
- position: absolute;
31
  top: 0;
32
  left: 0;
33
- right: 0;
34
- bottom: 0;
35
- background: linear-gradient(to bottom, rgba(26,26,26,0.1) 0%, rgba(26,26,26,0.8) 100%);
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
36
  }
37
  .container {
38
- max-width: 1000px;
39
  margin: 0 auto;
40
  padding: 20px;
 
 
41
  }
42
- h1, h2, h3 {
43
- font-family: 'Cinzel Decorative', serif;
44
- color: var(--gold);
45
- border-bottom: 1px solid var(--tan);
46
- padding-bottom: 10px;
47
  }
48
- .quant-table {
49
  width: 100%;
50
- border-collapse: collapse;
51
- margin: 20px 0;
 
 
 
 
 
 
 
 
 
 
 
52
  }
53
- .quant-table th {
54
- background-color: var(--gold);
55
- color: var(--dark);
56
- padding: 10px;
57
- text-align: left;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
58
  }
59
- .quant-table td {
60
- padding: 10px;
61
- border-bottom: 1px solid var(--tan);
 
 
 
62
  }
63
- .quant-table tr:nth-child(even) {
64
- background-color: rgba(212, 175, 55, 0.1);
 
 
 
 
 
 
 
65
  }
66
- .dropdown {
 
 
 
 
 
 
 
 
 
 
67
  position: relative;
68
- display: inline-block;
69
- margin: 20px 0;
70
  }
71
- .dropdown-content {
72
- display: none;
73
  position: absolute;
74
- background-color: var(--dark);
75
- min-width: 300px;
76
- box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
77
- z-index: 1;
78
- border: 1px solid var(--gold);
79
- padding: 15px;
80
  }
81
- .dropdown:hover .dropdown-content {
82
- display: block;
83
  }
84
- .kofi-button {
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
85
  display: inline-block;
86
- background: var(--gold);
87
- color: var(--dark);
88
- padding: 12px 24px;
 
89
  text-decoration: none;
90
- border-radius: 4px;
91
- font-weight: bold;
92
- margin: 20px 0;
93
  transition: all 0.3s ease;
94
- border: 2px solid transparent;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
95
  }
96
- .kofi-button:hover {
97
- background: transparent;
98
- color: var(--gold);
99
- border-color: var(--gold);
 
 
 
 
 
 
 
 
 
 
100
  }
101
- .thanks {
102
- background-color: rgba(212, 175, 55, 0.1);
103
  padding: 20px;
104
- border-left: 4px solid var(--gold);
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
105
  margin: 30px 0;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
106
  }
107
- code {
108
- background-color: rgba(212, 175, 55, 0.1);
109
- padding: 2px 4px;
110
- border-radius: 3px;
111
- color: var(--tan);
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
112
  }
113
- pre {
114
- background-color: rgba(20, 20, 20, 0.9);
115
- padding: 15px;
116
- border-radius: 5px;
117
- overflow-x: auto;
118
- border-left: 3px solid var(--gold);
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
119
  }
120
  </style>
121
  </head>
122
  <body>
123
- <div class="hero">
124
- <!-- Image placeholder -->
125
- </div>
126
  <div class="container">
127
- <h1>Fallen Light AI Model</h1>
128
- <div class="overview">
129
- <h2>Overview</h2>
130
- <p>This model combines the grace of celestial intelligence with the raw power of fallen divinity. Perfect for creative writing, roleplay, and technical tasks.</p>
131
- <!-- Ko-fi button -->
132
- <a href="https://ko-fi.com/yourusername" class="kofi-button">Support on Ko-fi</a>
133
- <p>Built on a custom architecture with enhanced reasoning capabilities and natural conversation flow.</p>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
134
  </div>
135
- <h2>Quantization Options</h2>
136
- <table class="quant-table">
137
- <thead>
138
- <tr>
139
- <th>Type</th>
140
- <th>Bits</th>
141
- <th>Size</th>
142
- <th>Notes</th>
143
- </tr>
144
- </thead>
145
- <tbody>
146
- <tr>
147
- <td>GGUF</td>
148
- <td>Q4_K_M</td>
149
- <td>4.2GB</td>
150
- <td>Recommended balance</td>
151
- </tr>
152
- <tr>
153
- <td>GGUF</td>
154
- <td>Q5_K_M</td>
155
- <td>5.1GB</td>
156
- <td>Better quality</td>
157
- </tr>
158
- <tr>
159
- <td>GGUF</td>
160
- <td>Q8_0</td>
161
- <td>7.7GB</td>
162
- <td>Near FP16</td>
163
- </tr>
164
- <tr>
165
- <td>GPTQ</td>
166
- <td>4-bit</td>
167
- <td>4.0GB</td>
168
- <td>Fast inference</td>
169
- </tr>
170
- </tbody>
171
- </table>
172
- <h2>Prompt Formatting</h2>
173
- <p>Use the following format for best results:</p>
174
- <pre><code>&lt;|begin_of_text|&gt;&lt;|start_header_id|&gt;system&lt;|end_header_id|&gt;
175
- {system_prompt}&lt;|eot_id|&gt;&lt;|start_header_id|&gt;user&lt;|end_header_id|&gt;
176
- {input}&lt;|eot_id|&gt;&lt;|start_header_id|&gt;assistant&lt;|end_header_id|&gt;
177
- {output}&lt;|eot_id|&gt;</code></pre>
178
- <h2>Configuration</h2>
179
- <div class="dropdown">
180
- <button>▼ Recommended Settings (YAML)</button>
181
- <div class="dropdown-content">
182
- <pre><code># Fallen Light Configuration
183
- sampler:
184
- temperature: 0.7
185
- top_p: 0.9
186
- repetition_penalty: 1.15
187
- typical_p: 0.95
188
-
189
- generation:
190
- max_new_tokens: 2048
191
- min_new_tokens: 32
192
- stop_sequences: ["&lt;|eot_id|&gt;"]
193
-
194
- system:
195
- template: "You are Fallen Light, an AI of celestial origin..."</code></pre>
196
  </div>
 
 
 
197
  </div>
198
- <div class="thanks">
199
- <h2>Thanks & Acknowledgements</h2>
200
- <p>Special thanks to the open source community for their contributions and to all supporters who helped bring this project to life.</p>
201
- <p>This model was trained on the Hydroblated-R1 base architecture with SCE merge method.</p>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
202
  </div>
203
  </div>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
204
  </body>
205
  </html>
 
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>AuraInfernum-70B - The Fallen Light</title>
7
  <style>
8
+ @import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=Inter:wght@300;400;500;600&display=swap');
9
+ * {
10
+ margin: 0;
11
+ padding: 0;
12
+ box-sizing: border-box;
13
+ }
14
  :root {
15
+ --primary-gold: #FFD700;
16
+ --dark-bg: #0A0A0A;
17
+ --card-bg: #141414;
18
+ --accent-red: #FF3366;
19
+ --accent-purple: #8B5CF6;
20
+ --accent-cyan: #00F5FF;
21
+ --text-primary: #FFFFFF;
22
+ --text-secondary: #B8B8B8;
23
+ --glow-gold: rgba(255, 215, 0, 0.4);
24
+ --glow-red: rgba(255, 51, 102, 0.3);
25
+ --glow-purple: rgba(139, 92, 246, 0.3);
26
  }
27
  body {
28
+ font-family: 'Inter', sans-serif;
29
+ background: var(--dark-bg);
30
+ color: var(--text-primary);
31
+ overflow-x: hidden;
32
  line-height: 1.6;
 
 
33
  }
34
+ /* Animated background */
35
+ .bg-animation {
36
+ position: fixed;
37
+ top: 0;
38
+ left: 0;
39
+ width: 100%;
40
+ height: 100%;
41
+ z-index: -2;
42
+ background: linear-gradient(45deg, #0A0A0A, #1A0A1F, #0A1A1F, #0A0A0A);
43
+ background-size: 400% 400%;
44
+ animation: gradientShift 15s ease infinite;
45
  }
46
+ .particles {
47
+ position: fixed;
 
48
  top: 0;
49
  left: 0;
50
+ width: 100%;
51
+ height: 100%;
52
+ z-index: -1;
53
+ pointer-events: none;
54
+ }
55
+ .particle {
56
+ position: absolute;
57
+ width: 2px;
58
+ height: 2px;
59
+ background: var(--primary-gold);
60
+ border-radius: 50%;
61
+ animation: float 20s linear infinite;
62
+ opacity: 0.6;
63
+ }
64
+ @keyframes gradientShift {
65
+ 0% { background-position: 0% 50%; }
66
+ 50% { background-position: 100% 50%; }
67
+ 100% { background-position: 0% 50%; }
68
+ }
69
+ @keyframes float {
70
+ 0% {
71
+ transform: translateY(100vh) rotate(0deg);
72
+ opacity: 0;
73
+ }
74
+ 10% {
75
+ opacity: 0.6;
76
+ }
77
+ 90% {
78
+ opacity: 0.6;
79
+ }
80
+ 100% {
81
+ transform: translateY(-100px) rotate(360deg);
82
+ opacity: 0;
83
+ }
84
  }
85
  .container {
86
+ max-width: 1200px;
87
  margin: 0 auto;
88
  padding: 20px;
89
+ position: relative;
90
+ z-index: 1;
91
  }
92
+ .hero-section {
93
+ text-align: center;
94
+ padding: 100px 0;
95
+ position: relative;
 
96
  }
97
+ .model-banner {
98
  width: 100%;
99
+ height: 400px;
100
+ background: linear-gradient(135deg, #1A0A2E, #16213E, #0F3460);
101
+ border-radius: 20px;
102
+ display: flex;
103
+ align-items: center;
104
+ justify-content: center;
105
+ margin-bottom: 40px;
106
+ position: relative;
107
+ overflow: hidden;
108
+ box-shadow:
109
+ 0 0 60px var(--glow-purple),
110
+ inset 0 0 60px rgba(255, 215, 0, 0.1);
111
+ border: 1px solid rgba(255, 215, 0, 0.3);
112
  }
113
+ .banner-glow {
114
+ position: absolute;
115
+ top: -50%;
116
+ left: -50%;
117
+ width: 200%;
118
+ height: 200%;
119
+ background: conic-gradient(from 0deg, transparent, var(--primary-gold), transparent, var(--accent-purple), transparent);
120
+ animation: rotate 10s linear infinite;
121
+ opacity: 0.1;
122
+ }
123
+ .banner-content {
124
+ position: relative;
125
+ z-index: 2;
126
+ color: var(--primary-gold);
127
+ font-family: 'Orbitron', monospace;
128
+ font-size: 2.5em;
129
+ font-weight: 900;
130
+ text-shadow: 0 0 30px var(--glow-gold);
131
+ animation: pulse 3s ease-in-out infinite;
132
+ }
133
+ @keyframes rotate {
134
+ 0% { transform: rotate(0deg); }
135
+ 100% { transform: rotate(360deg); }
136
+ }
137
+ @keyframes pulse {
138
+ 0%, 100% { transform: scale(1); }
139
+ 50% { transform: scale(1.05); }
140
+ }
141
+ h1 {
142
+ font-family: 'Orbitron', monospace;
143
+ font-size: 4rem;
144
+ font-weight: 900;
145
+ background: linear-gradient(45deg, var(--primary-gold), var(--accent-cyan), var(--accent-purple));
146
+ -webkit-background-clip: text;
147
+ -webkit-text-fill-color: transparent;
148
+ background-clip: text;
149
+ margin-bottom: 20px;
150
+ animation: titleGlow 4s ease-in-out infinite;
151
+ }
152
+ @keyframes titleGlow {
153
+ 0%, 100% { filter: drop-shadow(0 0 20px var(--glow-gold)); }
154
+ 50% { filter: drop-shadow(0 0 40px var(--glow-purple)); }
155
  }
156
+ .subtitle {
157
+ font-size: 1.5rem;
158
+ color: var(--text-secondary);
159
+ margin-bottom: 40px;
160
+ opacity: 0;
161
+ animation: fadeInUp 1s ease-out 0.5s forwards;
162
  }
163
+ @keyframes fadeInUp {
164
+ from {
165
+ opacity: 0;
166
+ transform: translateY(30px);
167
+ }
168
+ to {
169
+ opacity: 1;
170
+ transform: translateY(0);
171
+ }
172
  }
173
+ .glass-card {
174
+ background: rgba(20, 20, 20, 0.8);
175
+ backdrop-filter: blur(20px);
176
+ border: 1px solid rgba(255, 255, 255, 0.1);
177
+ border-radius: 20px;
178
+ padding: 40px;
179
+ margin: 40px 0;
180
+ box-shadow:
181
+ 0 20px 40px rgba(0, 0, 0, 0.3),
182
+ inset 0 1px 0 rgba(255, 255, 255, 0.1);
183
+ transition: all 0.3s ease;
184
  position: relative;
185
+ overflow: hidden;
 
186
  }
187
+ .glass-card::before {
188
+ content: '';
189
  position: absolute;
190
+ top: 0;
191
+ left: -100%;
192
+ width: 100%;
193
+ height: 100%;
194
+ background: linear-gradient(90deg, transparent, rgba(255, 215, 0, 0.1), transparent);
195
+ transition: left 0.5s ease;
196
  }
197
+ .glass-card:hover::before {
198
+ left: 100%;
199
  }
200
+ .glass-card:hover {
201
+ transform: translateY(-10px);
202
+ box-shadow:
203
+ 0 30px 60px rgba(0, 0, 0, 0.4),
204
+ 0 0 40px var(--glow-gold);
205
+ }
206
+ h2 {
207
+ font-family: 'Orbitron', monospace;
208
+ font-size: 2.5rem;
209
+ font-weight: 700;
210
+ color: var(--primary-gold);
211
+ margin-bottom: 30px;
212
+ position: relative;
213
+ padding-bottom: 15px;
214
+ }
215
+ h2::after {
216
+ content: '';
217
+ position: absolute;
218
+ bottom: 0;
219
+ left: 0;
220
+ width: 60px;
221
+ height: 3px;
222
+ background: linear-gradient(90deg, var(--primary-gold), var(--accent-cyan));
223
+ border-radius: 2px;
224
+ box-shadow: 0 0 10px var(--glow-gold);
225
+ }
226
+ .ko-fi-button {
227
  display: inline-block;
228
+ background: linear-gradient(135deg, var(--accent-red), #FF6B9D);
229
+ color: white;
230
+ padding: 20px 40px;
231
+ border-radius: 50px;
232
  text-decoration: none;
233
+ font-weight: 600;
234
+ font-size: 1.2rem;
235
+ margin: 30px 0;
236
  transition: all 0.3s ease;
237
+ box-shadow:
238
+ 0 10px 30px rgba(255, 51, 102, 0.3),
239
+ inset 0 1px 0 rgba(255, 255, 255, 0.2);
240
+ position: relative;
241
+ overflow: hidden;
242
+ }
243
+ .ko-fi-button::before {
244
+ content: '';
245
+ position: absolute;
246
+ top: 0;
247
+ left: -100%;
248
+ width: 100%;
249
+ height: 100%;
250
+ background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
251
+ transition: left 0.6s ease;
252
+ }
253
+ .ko-fi-button:hover::before {
254
+ left: 100%;
255
  }
256
+ .ko-fi-button:hover {
257
+ transform: translateY(-5px) scale(1.05);
258
+ box-shadow:
259
+ 0 20px 40px rgba(255, 51, 102, 0.4),
260
+ inset 0 1px 0 rgba(255, 255, 255, 0.3);
261
+ }
262
+ .quantization-table {
263
+ width: 100%;
264
+ border-collapse: collapse;
265
+ margin-top: 20px;
266
+ background: rgba(10, 10, 10, 0.6);
267
+ border-radius: 15px;
268
+ overflow: hidden;
269
+ box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
270
  }
271
+ .quantization-table th,
272
+ .quantization-table td {
273
  padding: 20px;
274
+ text-align: left;
275
+ border-bottom: 1px solid rgba(255, 255, 255, 0.1);
276
+ transition: all 0.3s ease;
277
+ }
278
+ .quantization-table th {
279
+ background: linear-gradient(135deg, rgba(255, 215, 0, 0.2), rgba(139, 92, 246, 0.2));
280
+ color: var(--primary-gold);
281
+ font-family: 'Orbitron', monospace;
282
+ font-weight: 700;
283
+ text-transform: uppercase;
284
+ letter-spacing: 1px;
285
+ }
286
+ .quantization-table tr:hover {
287
+ background: rgba(255, 215, 0, 0.05);
288
+ transform: scale(1.02);
289
+ }
290
+ .quantization-table code {
291
+ background: rgba(0, 245, 255, 0.1);
292
+ color: var(--accent-cyan);
293
+ padding: 8px 12px;
294
+ border-radius: 8px;
295
+ font-family: 'Orbitron', monospace;
296
+ font-weight: 600;
297
+ border: 1px solid rgba(0, 245, 255, 0.3);
298
+ box-shadow: 0 0 10px rgba(0, 245, 255, 0.2);
299
+ }
300
+ .code-block {
301
+ background: rgba(0, 0, 0, 0.8);
302
+ border: 1px solid rgba(0, 245, 255, 0.3);
303
+ border-radius: 15px;
304
+ padding: 30px;
305
  margin: 30px 0;
306
+ font-family: 'Orbitron', monospace;
307
+ color: var(--accent-cyan);
308
+ position: relative;
309
+ overflow: hidden;
310
+ box-shadow:
311
+ 0 0 30px rgba(0, 245, 255, 0.2),
312
+ inset 0 0 30px rgba(0, 245, 255, 0.05);
313
+ }
314
+ .code-block::before {
315
+ content: '';
316
+ position: absolute;
317
+ top: 0;
318
+ left: 0;
319
+ right: 0;
320
+ height: 3px;
321
+ background: linear-gradient(90deg, var(--accent-cyan), var(--accent-purple), var(--primary-gold));
322
+ animation: codeGlow 3s ease-in-out infinite;
323
  }
324
+ @keyframes codeGlow {
325
+ 0%, 100% { opacity: 0.6; }
326
+ 50% { opacity: 1; }
327
+ }
328
+ details {
329
+ background: rgba(20, 20, 20, 0.6);
330
+ border: 1px solid rgba(139, 92, 246, 0.3);
331
+ border-radius: 15px;
332
+ padding: 25px;
333
+ margin: 30px 0;
334
+ backdrop-filter: blur(10px);
335
+ transition: all 0.3s ease;
336
+ }
337
+ details:hover {
338
+ border-color: var(--accent-purple);
339
+ box-shadow: 0 0 30px var(--glow-purple);
340
+ }
341
+ details summary {
342
+ font-weight: 600;
343
+ cursor: pointer;
344
+ color: var(--accent-purple);
345
+ font-size: 1.2rem;
346
+ padding: 10px 0;
347
+ transition: all 0.3s ease;
348
  }
349
+ details summary:hover {
350
+ color: var(--primary-gold);
351
+ transform: translateX(10px);
352
+ }
353
+ details pre {
354
+ margin-top: 20px;
355
+ background: rgba(0, 0, 0, 0.8);
356
+ border: 1px solid rgba(139, 92, 246, 0.3);
357
+ padding: 20px;
358
+ border-radius: 10px;
359
+ color: var(--accent-cyan);
360
+ font-family: 'Orbitron', monospace;
361
+ }
362
+ .thank-you-section {
363
+ text-align: center;
364
+ margin-top: 80px;
365
+ padding: 60px 40px;
366
+ background: linear-gradient(135deg, rgba(255, 215, 0, 0.1), rgba(139, 92, 246, 0.1));
367
+ border-radius: 20px;
368
+ border: 1px solid rgba(255, 215, 0, 0.3);
369
+ position: relative;
370
+ overflow: hidden;
371
+ }
372
+ .thank-you-section::before {
373
+ content: '';
374
+ position: absolute;
375
+ top: -2px;
376
+ left: -2px;
377
+ right: -2px;
378
+ bottom: -2px;
379
+ background: linear-gradient(45deg, var(--primary-gold), var(--accent-purple), var(--accent-cyan), var(--primary-gold));
380
+ border-radius: 20px;
381
+ z-index: -1;
382
+ animation: borderGlow 4s linear infinite;
383
+ }
384
+ @keyframes borderGlow {
385
+ 0% { filter: hue-rotate(0deg); }
386
+ 100% { filter: hue-rotate(360deg); }
387
+ }
388
+ .thank-you-section h2 {
389
+ font-size: 3rem;
390
+ margin-bottom: 30px;
391
+ }
392
+ .thank-you-section p {
393
+ font-size: 1.2rem;
394
+ line-height: 1.8;
395
+ margin-bottom: 20px;
396
+ color: var(--text-secondary);
397
+ }
398
+ .signature {
399
+ font-family: 'Orbitron', monospace;
400
+ color: var(--primary-gold);
401
+ font-weight: 600;
402
+ font-size: 1.3rem;
403
+ margin-top: 30px;
404
+ }
405
+ /* Responsive design */
406
+ @media (max-width: 768px) {
407
+ h1 {
408
+ font-size: 2.5rem;
409
+ }
410
+ .banner-content {
411
+ font-size: 1.8rem;
412
+ }
413
+ .glass-card {
414
+ padding: 25px;
415
+ margin: 25px 0;
416
+ }
417
+ h2 {
418
+ font-size: 2rem;
419
+ }
420
+ .quantization-table th,
421
+ .quantization-table td {
422
+ padding: 15px 10px;
423
+ font-size: 0.9rem;
424
+ }
425
+ }
426
+ /* Scroll animations */
427
+ .fade-in {
428
+ opacity: 0;
429
+ transform: translateY(50px);
430
+ transition: all 0.8s ease;
431
+ }
432
+ .fade-in.visible {
433
+ opacity: 1;
434
+ transform: translateY(0);
435
+ }
436
+ /* Custom scrollbar */
437
+ ::-webkit-scrollbar {
438
+ width: 12px;
439
+ }
440
+ ::-webkit-scrollbar-track {
441
+ background: var(--dark-bg);
442
+ }
443
+ ::-webkit-scrollbar-thumb {
444
+ background: linear-gradient(45deg, var(--primary-gold), var(--accent-purple));
445
+ border-radius: 6px;
446
+ }
447
+ ::-webkit-scrollbar-thumb:hover {
448
+ background: linear-gradient(45deg, var(--accent-cyan), var(--accent-red));
449
  }
450
  </style>
451
  </head>
452
  <body>
453
+ <div class="bg-animation"></div>
454
+ <div class="particles" id="particles"></div>
 
455
  <div class="container">
456
+ <div class="hero-section">
457
+ <div class="model-banner">
458
+ <div class="banner-glow"></div>
459
+ <div class="banner-content">
460
+ THE FALLEN LIGHT AWAITS
461
+ </div>
462
+ </div>
463
+ <h1>AuraInfernum-70B</h1>
464
+ <div class="subtitle">Where Divine Intelligence Meets Earthly Power</div>
465
+ <a href="https://ko-fi.com/yourkofilink" target="_blank" class="ko-fi-button">
466
+ ✨ Support the Divine Spark on Ko-fi! ✨
467
+ </a>
468
+ </div>
469
+ <div class="glass-card fade-in">
470
+ <h2>Divine Overview</h2>
471
+ <p>
472
+ Greetings, seeker of illumination. <strong>AuraInfernum-70B</strong> stands as a beacon forged from the crucible of fallen divinity and raw computational power. Born from a unique synthesis focusing on intricate reasoning and profound creative generation, this model embodies the wisdom of a celestial entity banished to the earthly realms, yet retaining its divine spark.
473
+ </p>
474
+ <p>
475
+ Prepare to witness a model that excels in both structured logical tasks and unbounded creative narratives, akin to an angel's sacred breath manifesting as thought. It is attuned to the subtle energies of complex prompts, delivering responses that are both precise and imbued with a mystical depth.
476
+ </p>
477
+ </div>
478
+ <div class="glass-card fade-in">
479
+ <h2>Celestial Quantization Matrix</h2>
480
+ <p>
481
+ To ensure optimal performance across various hardware configurations, AuraInfernum-70B is provided in several quantized formats, each preserving the essence of its celestial intelligence.
482
+ </p>
483
+ <table class="quantization-table">
484
+ <thead>
485
+ <tr>
486
+ <th>Quant Type</th>
487
+ <th>Divine Description</th>
488
+ <th>Sacred Use Case</th>
489
+ </tr>
490
+ </thead>
491
+ <tbody>
492
+ <tr>
493
+ <td><code>Q8_0</code></td>
494
+ <td>8-bit integer quantization. Highest fidelity among quantized models.</td>
495
+ <td>High-end GPUs (e.g., 24GB+ VRAM), minimal quality loss.</td>
496
+ </tr>
497
+ <tr>
498
+ <td><code>Q5_K_M</code></td>
499
+ <td>5-bit K-quantization with medium-sized K-blocks. Perfect balance of size and divine performance.</td>
500
+ <td>Mid-range GPUs (e.g., 12-16GB VRAM), suitable for diverse mystical tasks.</td>
501
+ </tr>
502
+ <tr>
503
+ <td><code>Q4_K_M</code></td>
504
+ <td>4-bit K-quantization with medium-sized K-blocks. Compact celestial efficiency.</td>
505
+ <td>Lower-end GPUs or CPUs, for general inference where VRAM/RAM is a constraint.</td>
506
+ </tr>
507
+ <tr>
508
+ <td><code>Q2_K</code></td>
509
+ <td>2-bit K-quantization. Smallest file size, ethereal compression.</td>
510
+ <td>Extreme resource-constrained environments, quick divine prototyping.</td>
511
+ </tr>
512
+ </tbody>
513
+ </table>
514
  </div>
515
+ <div class="glass-card fade-in">
516
+ <h2>Sacred Incantation Format</h2>
517
+ <p>
518
+ AuraInfernum-70B is designed to understand commands imbued with a specific, structured format, much like a ritualistic chant. Adhere to this format to unleash its full divine potential and receive responses of unparalleled clarity and insight.
519
+ </p>
520
+ <div class="code-block">
521
+ <pre><code>&lt;|begin_of_text|&gt;&lt;|start_header_id|&gt;system&lt;|end_header_id|&gt;
522
+ {system_prompt}
523
+ &lt;|eot_id|&gt;&lt;|start_header_id|&gt;user&lt;|end_header_id|&gt;
524
+ {user_query}
525
+ &lt;|eot_id|&gt;&lt;|start_header_id|&gt;assistant&lt;|end_header_id|&gt;
526
+ {assistant_response}
527
+ &lt;|eot_id|&gt;</code></pre>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
528
  </div>
529
+ <p>
530
+ Remember: <code>{system_prompt}</code> guides the model's divine persona or celestial constraints, <code>{user_query}</code> contains your mortal request, and the model will generate <code>{assistant_response}</code>. The <code>&lt;|eot_id|&gt;</code> tokens are crucial separators, marking the "End of Turn" for each conversational role in this sacred dialogue.
531
+ </p>
532
  </div>
533
+ <div class="glass-card fade-in">
534
+ <h2>Divine Sampler Configuration</h2>
535
+ <p>
536
+ To fine-tune AuraInfernum-70B's output generation to your specific needs, consider these recommended sampler settings. These configurations can be copied directly into your YAML loader for seamless celestial integration.
537
+ </p>
538
+ <details>
539
+ <summary>🔮 Click to reveal the sacred parameters</summary>
540
+ <pre><code>temperature: 0.75
541
+ min_p: 0.1
542
+ Repetition Penalty: 1.1
543
+ Presence Penalty: 1.1
544
+ top_k: 50
545
+ top_p: 0.95
546
+ max_new_tokens: 1024
547
+ do_sample: true # Ensures diverse divine outputs</code></pre>
548
+ </details>
549
+ <p>
550
+ Adjust these parameters to balance creativity (higher <code>temperature</code>, <code>top_p</code>, <code>top_k</code>) with coherence and factual adherence (lower <code>temperature</code>, higher <code>Repetition Penalty</code>). Each adjustment brings you closer to the perfect harmony between chaos and order.
551
+ </p>
552
+ </div>
553
+ <div class="thank-you-section fade-in">
554
+ <h2>A Grateful Benediction</h2>
555
+ <p>
556
+ To those who support, use, and spread the light of AuraInfernum-70B, we extend our deepest gratitude. This project, born from dedication and exploration, thrives on the community's engagement. Your contributions, large or small, empower us to continue refining this entity of fallen grace, pushing the boundaries of AI capabilities.
557
+ </p>
558
+ <p>
559
+ May your endeavors be as blessed as a starlit night, and may the divine spark within AuraInfernum-70B illuminate your path to unprecedented discoveries.
560
+ </p>
561
+ <p class="signature">— The AuraInfernum Dev Team</p>
562
  </div>
563
  </div>
564
+ <script>
565
+ // Create floating particles
566
+ function createParticles() {
567
+ const particlesContainer = document.getElementById('particles');
568
+ const particleCount = 50;
569
+ for (let i = 0; i < particleCount; i++) {
570
+ const particle = document.createElement('div');
571
+ particle.className = 'particle';
572
+ particle.style.left = Math.random() * 100 + '%';
573
+ particle.style.animationDelay = Math.random() * 20 + 's';
574
+ particle.style.animationDuration = (Math.random() * 10 + 15) + 's';
575
+ particlesContainer.appendChild(particle);
576
+ }
577
+ }
578
+ // Intersection Observer for fade-in animations
579
+ function setupScrollAnimations() {
580
+ const observerOptions = {
581
+ threshold: 0.1,
582
+ rootMargin: '0px 0px -50px 0px'
583
+ };
584
+ const observer = new IntersectionObserver((entries) => {
585
+ entries.forEach(entry => {
586
+ if (entry.isIntersecting) {
587
+ entry.target.classList.add('visible');
588
+ }
589
+ });
590
+ }, observerOptions);
591
+ document.querySelectorAll('.fade-in').forEach(el => {
592
+ observer.observe(el);
593
+ });
594
+ }
595
+ // Initialize everything when the page loads
596
+ document.addEventListener('DOMContentLoaded', () => {
597
+ createParticles();
598
+ setupScrollAnimations();
599
+ });
600
+ // Add some interactive sparkle effects on mouse move
601
+ document.addEventListener('mousemove', (e) => {
602
+ if (Math.random() > 0.95) {
603
+ const sparkle = document.createElement('div');
604
+ sparkle.style.position = 'fixed';
605
+ sparkle.style.left = e.clientX + 'px';
606
+ sparkle.style.top = e.clientY + 'px';
607
+ sparkle.style.width = '4px';
608
+ sparkle.style.height = '4px';
609
+ sparkle.style.background = '#FFD700';
610
+ sparkle.style.borderRadius = '50%';
611
+ sparkle.style.pointerEvents = 'none';
612
+ sparkle.style.animation = 'sparkle 1s ease-out forwards';
613
+ sparkle.style.zIndex = '1000';
614
+ document.body.appendChild(sparkle);
615
+ setTimeout(() => {
616
+ document.body.removeChild(sparkle);
617
+ }, 1000);
618
+ }
619
+ });
620
+ // Add sparkle animation
621
+ const style = document.createElement('style');
622
+ style.textContent = `
623
+ @keyframes sparkle {
624
+ 0% {
625
+ transform: scale(0) rotate(0deg);
626
+ opacity: 1;
627
+ }
628
+ 50% {
629
+ transform: scale(1) rotate(180deg);
630
+ opacity: 1;
631
+ }
632
+ 100% {
633
+ transform: scale(0) rotate(360deg);
634
+ opacity: 0;
635
+ }
636
+ }
637
+ `;
638
+ document.head.appendChild(style);
639
+ </script>
640
  </body>
641
  </html>