Hugging Face's logo

Darkhn
/
L3.3-Electra-R1-70b-6.0bpw-h8-exl2

Text Generation
Transformers
Safetensors
llama
conversational
text-generation-inference
Inference Endpoints
6-bit
exl2
Model card Files Community
1
Darkhn commited on
Commit
12eb913
·
verified ·
1 Parent(s): 7d051b1

Upload README.md

Browse files
Files changed (1) hide show
  1. README.md +2285 -16
README.md CHANGED
@@ -1,16 +1,2285 @@
1
- ---
2
- base_model:
3
- - EVA-UNIT-01/EVA-LLaMA-3.33-70B-v0.0
4
- - Sao10K/L3.1-70B-Hanami-x1
5
- - Sao10K/L3.3-70B-Euryale-v2.3
6
- - LatitudeGames/Wayfarer-Large-70B-Llama-3.3
7
- - TheDrummer/Anubis-70B-v1
8
- - TheSkullery/L3.1x3.3-Hydroblated-R1-70B-v4.4
9
- - SicariusSicariiStuff/Negative_LLAMA_70B
10
- - Sao10K/70B-L3.3-Cirrus-x1
11
- library_name: transformers
12
- tags:
13
- - mergekit
14
- - merge
15
-
16
- ---
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ ---
2
+ base_model:
3
+ - EVA-UNIT-01/EVA-LLaMA-3.33-70B-v0.0
4
+ - Sao10K/L3.1-70B-Hanami-x1
5
+ - Sao10K/L3.3-70B-Euryale-v2.3
6
+ - LatitudeGames/Wayfarer-Large-70B-Llama-3.3
7
+ - TheDrummer/Anubis-70B-v1
8
+ - TheSkullery/L3.1x3.3-Hydroblated-R1-70B-v4.4
9
+ - SicariusSicariiStuff/Negative_LLAMA_70B
10
+ - Sao10K/70B-L3.3-Cirrus-x1
11
+ library_name: transformers
12
+ ---
13
+ <!DOCTYPE html>
14
+
15
+ <style>
16
+ /* ELECTRA THEME */
17
+
18
+ /* Base styles */
19
+ * {
20
+ margin: 0;
21
+ padding: 0;
22
+ box-sizing: border-box;
23
+ }
24
+
25
+ html {
26
+ font-size: 16px;
27
+ scroll-behavior: smooth;
28
+ }
29
+
30
+ body {
31
+ font-family: 'Rajdhani', sans-serif;
32
+ background-color: #010208;
33
+ color: #e0f7ff;
34
+ line-height: 1.6;
35
+ background: linear-gradient(to bottom, rgba(3, 6, 18, 0.95), rgba(1, 2, 8, 0.98));
36
+ background-attachment: fixed;
37
+ position: relative;
38
+ overflow-x: hidden;
39
+ margin: 0;
40
+ padding: 0;
41
+ font-size: 16px;
42
+ overflow-y: auto;
43
+ min-height: 100vh;
44
+ height: auto;
45
+ }
46
+
47
+ body::before {
48
+ content: '';
49
+ position: fixed;
50
+ top: 0;
51
+ left: 0;
52
+ width: 100%;
53
+ height: 100%;
54
+ background:
55
+ radial-gradient(circle at 10% 20%, rgba(0, 178, 255, 0.05) 0%, transparent 40%),
56
+ radial-gradient(circle at 90% 80%, rgba(0, 98, 255, 0.05) 0%, transparent 40%);
57
+ pointer-events: none;
58
+ z-index: -1;
59
+ }
60
+
61
+ /* Typography */
62
+ h1, h2, h3, h4, h5, h6 {
63
+ font-family: 'Orbitron', sans-serif;
64
+ font-weight: 700;
65
+ color: #e0f7ff;
66
+ margin-bottom: 1rem;
67
+ text-transform: uppercase;
68
+ letter-spacing: 1px;
69
+ }
70
+
71
+ p {
72
+ margin-bottom: 1.5rem;
73
+ color: rgba(224, 247, 255, 0.9);
74
+ }
75
+
76
+ a {
77
+ color: #00b2ff;
78
+ text-decoration: none;
79
+ transition: all 0.3s ease;
80
+ }
81
+
82
+ a:hover {
83
+ color: #72e5ff;
84
+ text-shadow: 0 0 10px rgba(0, 178, 255, 0.5);
85
+ }
86
+
87
+ /* Aesthetic neon details */
88
+ .neon-border {
89
+ border: 1px solid #00b2ff;
90
+ box-shadow: 0 0 10px rgba(0, 178, 255, 0.3);
91
+ }
92
+
93
+ .glowing-text {
94
+ color: #00b2ff;
95
+ text-shadow:
96
+ 0 0 5px rgba(0, 178, 255, 0.5),
97
+ 0 0 10px rgba(0, 178, 255, 0.3),
98
+ 0 0 15px rgba(0, 178, 255, 0.1);
99
+ }
100
+
101
+ /* Form elements */
102
+ input, select, textarea, button {
103
+ font-family: 'Rajdhani', sans-serif;
104
+ padding: 0.75rem 1rem;
105
+ border: 1px solid rgba(0, 178, 255, 0.3);
106
+ background-color: rgba(3, 6, 18, 0.8);
107
+ color: #e0f7ff;
108
+ border-radius: 0;
109
+ transition: all 0.3s ease;
110
+ }
111
+
112
+ input:focus, select:focus, textarea:focus {
113
+ outline: none;
114
+ border-color: #00b2ff;
115
+ box-shadow: 0 0 10px rgba(0, 178, 255, 0.3);
116
+ }
117
+
118
+ button {
119
+ cursor: pointer;
120
+ background-color: rgba(0, 98, 255, 0.1);
121
+ border: 1px solid #00b2ff;
122
+ clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 10px 100%, 0 calc(100% - 10px));
123
+ }
124
+
125
+ button:hover {
126
+ background-color: rgba(0, 98, 255, 0.2);
127
+ transform: translateY(-2px);
128
+ box-shadow: 0 0 15px rgba(0, 178, 255, 0.3);
129
+ }
130
+
131
+ /* Details and summary */
132
+ details {
133
+ margin-bottom: 1.5rem;
134
+ }
135
+
136
+ summary {
137
+ padding: 1rem;
138
+ background: rgba(0, 98, 255, 0.05);
139
+ border: 1px solid rgba(0, 178, 255, 0.2);
140
+ font-weight: 600;
141
+ cursor: pointer;
142
+ position: relative;
143
+ overflow: hidden;
144
+ clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 10px 100%, 0 calc(100% - 10px));
145
+ transition: all 0.3s ease;
146
+ }
147
+
148
+ summary:hover {
149
+ background: rgba(0, 98, 255, 0.1);
150
+ border-color: #00b2ff;
151
+ box-shadow: 0 0 15px rgba(0, 178, 255, 0.2);
152
+ }
153
+
154
+ summary::before {
155
+ content: '';
156
+ position: absolute;
157
+ top: 0;
158
+ left: 0;
159
+ width: 8px;
160
+ height: 100%;
161
+ background: linear-gradient(135deg, #00b2ff, #0062ff);
162
+ opacity: 0.7;
163
+ }
164
+
165
+ details[open] summary {
166
+ margin-bottom: 1rem;
167
+ box-shadow: 0 0 20px rgba(0, 178, 255, 0.2);
168
+ }
169
+
170
+ /* Code blocks */
171
+ code {
172
+ font-family: 'Cascadia Code', 'Source Code Pro', monospace;
173
+ background: rgba(0, 98, 255, 0.05);
174
+ padding: 0.2rem 0.4rem;
175
+ border: 1px solid rgba(0, 178, 255, 0.2);
176
+ border-radius: 0;
177
+ font-size: 0.9rem;
178
+ color: #00b2ff;
179
+ }
180
+
181
+ pre {
182
+ background: rgba(3, 6, 18, 0.8);
183
+ padding: 1.5rem;
184
+ border: 1px solid rgba(0, 178, 255, 0.2);
185
+ overflow-x: auto;
186
+ margin-bottom: 1.5rem;
187
+ clip-path: polygon(0 0, calc(100% - 15px) 0, 100% 15px, 100% 100%, 15px 100%, 0 calc(100% - 15px));
188
+ }
189
+
190
+ pre code {
191
+ background: transparent;
192
+ padding: 0;
193
+ border: none;
194
+ color: #e0f7ff;
195
+ }
196
+
197
+ /* Scrollbar styling */
198
+ ::-webkit-scrollbar {
199
+ width: 8px;
200
+ height: 8px;
201
+ background-color: #010208;
202
+ }
203
+
204
+ ::-webkit-scrollbar-thumb {
205
+ background: linear-gradient(135deg, #00b2ff, #0062ff);
206
+ border-radius: 0;
207
+ }
208
+
209
+ ::-webkit-scrollbar-track {
210
+ background-color: rgba(3, 6, 18, 0.8);
211
+ border-radius: 0;
212
+ }
213
+
214
+ /* Selection styling */
215
+ ::selection {
216
+ background-color: rgba(0, 178, 255, 0.3);
217
+ color: #e0f7ff;
218
+ }
219
+
220
+ /* Metrics section */
221
+ .metrics-section {
222
+ margin-bottom: 30px;
223
+ position: relative;
224
+ background: rgba(3, 6, 18, 0.8);
225
+ border: 1px solid #00b2ff;
226
+ padding: 20px;
227
+ clip-path: polygon(0 0, calc(100% - 15px) 0, 100% 15px, 100% 100%, 15px 100%, 0 calc(100% - 15px));
228
+ box-shadow: 0 0 20px rgba(0, 178, 255, 0.15);
229
+ }
230
+
231
+ /* Core metrics grid */
232
+ .core-metrics-grid {
233
+ display: grid;
234
+ grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
235
+ gap: 15px;
236
+ margin-bottom: 30px;
237
+ }
238
+
239
+ .info-grid {
240
+ display: grid;
241
+ grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
242
+ gap: 15px;
243
+ }
244
+
245
+ /* Metric box */
246
+ .metric-box {
247
+ background: rgba(3, 6, 18, 0.8);
248
+ border: 1px solid #00b2ff;
249
+ border-radius: 0;
250
+ padding: 15px;
251
+ display: flex;
252
+ flex-direction: column;
253
+ gap: 8px;
254
+ position: relative;
255
+ overflow: hidden;
256
+ clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 10px 100%, 0 calc(100% - 10px));
257
+ box-shadow: 0 0 15px rgba(0, 178, 255, 0.15);
258
+ transition: all 0.3s ease;
259
+ }
260
+
261
+ .metric-box:hover {
262
+ box-shadow: 0 0 20px rgba(0, 178, 255, 0.3);
263
+ transform: translateY(-2px);
264
+ }
265
+
266
+ .metric-box::before {
267
+ content: '';
268
+ position: absolute;
269
+ top: 0;
270
+ left: 0;
271
+ width: 100%;
272
+ height: 100%;
273
+ background:
274
+ linear-gradient(45deg, transparent 49.5%, rgba(0, 178, 255, 0.1) 49.5%, rgba(0, 178, 255, 0.1) 50.5%, transparent 50.5%) 0 0/10px 10px;
275
+ pointer-events: none;
276
+ opacity: 0.5;
277
+ }
278
+
279
+ .metric-box .label {
280
+ color: #e0f7ff;
281
+ font-size: 14px;
282
+ font-weight: 500;
283
+ text-transform: uppercase;
284
+ letter-spacing: 1px;
285
+ text-shadow: 0 0 5px rgba(0, 178, 255, 0.3);
286
+ }
287
+
288
+ .metric-box .value {
289
+ color: #00b2ff;
290
+ font-size: 28px;
291
+ font-weight: 700;
292
+ text-shadow:
293
+ 0 0 10px rgba(0, 178, 255, 0.5),
294
+ 0 0 20px rgba(0, 178, 255, 0.3);
295
+ letter-spacing: 1px;
296
+ font-family: 'Orbitron', sans-serif;
297
+ }
298
+
299
+ /* Progress metrics */
300
+ .progress-metrics {
301
+ display: grid;
302
+ gap: 15px;
303
+ padding: 20px;
304
+ background: rgba(3, 6, 18, 0.8);
305
+ border: 1px solid #00b2ff;
306
+ position: relative;
307
+ overflow: hidden;
308
+ clip-path: polygon(0 0, calc(100% - 15px) 0, 100% 15px, 100% 100%, 15px 100%, 0 calc(100% - 15px));
309
+ box-shadow: 0 0 20px rgba(0, 178, 255, 0.15);
310
+ }
311
+
312
+ .progress-metric {
313
+ display: grid;
314
+ gap: 8px;
315
+ }
316
+
317
+ .progress-label {
318
+ display: flex;
319
+ justify-content: space-between;
320
+ align-items: center;
321
+ color: #e0f7ff;
322
+ font-size: 14px;
323
+ text-transform: uppercase;
324
+ letter-spacing: 1px;
325
+ text-shadow: 0 0 5px rgba(0, 178, 255, 0.3);
326
+ }
327
+
328
+ .progress-value {
329
+ color: #00b2ff;
330
+ font-weight: 600;
331
+ text-shadow:
332
+ 0 0 5px rgba(0, 178, 255, 0.5),
333
+ 0 0 10px rgba(0, 178, 255, 0.3);
334
+ font-family: 'Orbitron', sans-serif;
335
+ }
336
+
337
+ /* Progress bars */
338
+ .progress-bar {
339
+ height: 4px;
340
+ background: rgba(0, 178, 255, 0.1);
341
+ border-radius: 0;
342
+ overflow: hidden;
343
+ position: relative;
344
+ border: 1px solid rgba(0, 178, 255, 0.2);
345
+ clip-path: polygon(0 0, 100% 0, calc(100% - 4px) 100%, 0 100%);
346
+ }
347
+
348
+ .progress-fill {
349
+ height: 100%;
350
+ background: linear-gradient(90deg, #0062ff, #00b2ff);
351
+ border-radius: 0;
352
+ position: relative;
353
+ overflow: hidden;
354
+ clip-path: polygon(0 0, calc(100% - 4px) 0, 100% 100%, 0 100%);
355
+ box-shadow:
356
+ 0 0 10px rgba(0, 178, 255, 0.4),
357
+ 0 0 20px rgba(0, 178, 255, 0.2);
358
+ }
359
+
360
+ .progress-fill::after {
361
+ content: '';
362
+ position: absolute;
363
+ top: 0;
364
+ left: 0;
365
+ width: 100%;
366
+ height: 100%;
367
+ background: linear-gradient(90deg,
368
+ rgba(255, 255, 255, 0.1) 0%,
369
+ rgba(255, 255, 255, 0.1) 40%,
370
+ rgba(255, 255, 255, 0.3) 50%,
371
+ rgba(255, 255, 255, 0.1) 60%,
372
+ rgba(255, 255, 255, 0.1) 100%
373
+ );
374
+ background-size: 200% 100%;
375
+ animation: shimmer 2s infinite;
376
+ }
377
+
378
+ /* Split progress bars */
379
+ .progress-metric.split .progress-label {
380
+ justify-content: space-between;
381
+ font-size: 13px;
382
+ }
383
+
384
+ .progress-bar.split {
385
+ display: flex;
386
+ background: rgba(0, 178, 255, 0.1);
387
+ position: relative;
388
+ justify-content: center;
389
+ border: 1px solid rgba(0, 178, 255, 0.2);
390
+ clip-path: polygon(0 0, 100% 0, calc(100% - 4px) 100%, 0 100%);
391
+ }
392
+
393
+ .progress-bar.split::after {
394
+ content: '';
395
+ position: absolute;
396
+ top: 0;
397
+ left: 50%;
398
+ transform: translateX(-50%);
399
+ width: 2px;
400
+ height: 100%;
401
+ background: rgba(0, 178, 255, 0.3);
402
+ z-index: 2;
403
+ box-shadow: 0 0 10px rgba(0, 178, 255, 0.4);
404
+ }
405
+
406
+ .progress-fill-left,
407
+ .progress-fill-right {
408
+ height: 100%;
409
+ background: linear-gradient(90deg, #0062ff, #00b2ff);
410
+ position: relative;
411
+ width: 50%;
412
+ overflow: hidden;
413
+ }
414
+
415
+ .progress-fill-left {
416
+ clip-path: polygon(0 0, calc(100% - 4px) 0, 100% 100%, 0 100%);
417
+ margin-right: 1px;
418
+ transform-origin: right;
419
+ transform: scaleX(var(--scale, 0));
420
+ box-shadow:
421
+ 0 0 10px rgba(0, 178, 255, 0.4),
422
+ 0 0 20px rgba(0, 178, 255, 0.2);
423
+ }
424
+
425
+ .progress-fill-right {
426
+ clip-path: polygon(0 0, 100% 0, 100% 100%, 4px 100%);
427
+ margin-left: 1px;
428
+ transform-origin: left;
429
+ transform: scaleX(var(--scale, 0));
430
+ box-shadow:
431
+ 0 0 10px rgba(0, 178, 255, 0.4),
432
+ 0 0 20px rgba(0, 178, 255, 0.2);
433
+ }
434
+
435
+ /* Benchmark container */
436
+ .benchmark-container {
437
+ background: rgba(3, 6, 18, 0.8);
438
+ border: 1px solid #00b2ff;
439
+ position: relative;
440
+ overflow: hidden;
441
+ clip-path: polygon(0 0, calc(100% - 15px) 0, 100% 15px, 100% 100%, 15px 100%, 0 calc(100% - 15px));
442
+ box-shadow: 0 0 20px rgba(0, 178, 255, 0.15);
443
+ padding: 20px;
444
+ }
445
+
446
+ /* Benchmark notification */
447
+ .benchmark-notification {
448
+ background: rgba(3, 6, 18, 0.8);
449
+ border: 1px solid #00b2ff;
450
+ padding: 15px;
451
+ margin-bottom: 20px;
452
+ position: relative;
453
+ overflow: hidden;
454
+ clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 10px 100%, 0 calc(100% - 10px));
455
+ box-shadow: 0 0 15px rgba(0, 178, 255, 0.15);
456
+ }
457
+
458
+ .notification-content {
459
+ display: flex;
460
+ align-items: center;
461
+ gap: 10px;
462
+ position: relative;
463
+ z-index: 1;
464
+ }
465
+
466
+ .notification-icon {
467
+ font-size: 20px;
468
+ color: #00b2ff;
469
+ text-shadow:
470
+ 0 0 10px rgba(0, 178, 255, 0.5),
471
+ 0 0 20px rgba(0, 178, 255, 0.3);
472
+ }
473
+
474
+ .notification-text {
475
+ color: #e0f7ff;
476
+ font-size: 14px;
477
+ display: flex;
478
+ align-items: center;
479
+ gap: 10px;
480
+ flex-wrap: wrap;
481
+ text-transform: uppercase;
482
+ letter-spacing: 1px;
483
+ text-shadow: 0 0 5px rgba(0, 178, 255, 0.3);
484
+ }
485
+
486
+ .benchmark-link {
487
+ color: #00b2ff;
488
+ font-weight: 500;
489
+ white-space: nowrap;
490
+ text-shadow:
491
+ 0 0 5px rgba(0, 178, 255, 0.5),
492
+ 0 0 10px rgba(0, 178, 255, 0.3);
493
+ position: relative;
494
+ padding: 2px 5px;
495
+ border: 1px solid rgba(0, 178, 255, 0.3);
496
+ clip-path: polygon(0 0, calc(100% - 5px) 0, 100% 5px, 100% 100%, 5px 100%, 0 calc(100% - 5px));
497
+ transition: all 0.3s ease;
498
+ }
499
+
500
+ .benchmark-link:hover {
501
+ background: rgba(0, 178, 255, 0.1);
502
+ border-color: #00b2ff;
503
+ box-shadow: 0 0 10px rgba(0, 178, 255, 0.3);
504
+ }
505
+
506
+ @keyframes shimmer {
507
+ 0% { background-position: 200% 0; }
508
+ 100% { background-position: -200% 0; }
509
+ }
510
+
511
+ /* Button styles */
512
+ .button {
513
+ display: inline-block;
514
+ padding: 10px 20px;
515
+ background-color: rgba(0, 98, 255, 0.1);
516
+ color: #00b2ff;
517
+ border: 1px solid #00b2ff;
518
+ font-family: 'Rajdhani', sans-serif;
519
+ font-weight: 600;
520
+ font-size: 15px;
521
+ text-transform: uppercase;
522
+ letter-spacing: 1px;
523
+ cursor: pointer;
524
+ transition: all 0.3s ease;
525
+ position: relative;
526
+ overflow: hidden;
527
+ text-align: center;
528
+ clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 10px 100%, 0 calc(100% - 10px));
529
+ box-shadow: 0 0 15px rgba(0, 178, 255, 0.15);
530
+ }
531
+
532
+ .button:hover {
533
+ background-color: rgba(0, 98, 255, 0.2);
534
+ color: #e0f7ff;
535
+ transform: translateY(-2px);
536
+ box-shadow:
537
+ 0 0 20px rgba(0, 178, 255, 0.3),
538
+ 0 0 40px rgba(0, 178, 255, 0.1);
539
+ text-shadow: 0 0 10px rgba(0, 178, 255, 0.5);
540
+ }
541
+
542
+ .button:active {
543
+ transform: translateY(1px);
544
+ box-shadow: 0 0 10px rgba(0, 178, 255, 0.2);
545
+ }
546
+
547
+ .button::before {
548
+ content: '';
549
+ position: absolute;
550
+ top: 0;
551
+ left: -100%;
552
+ width: 100%;
553
+ height: 100%;
554
+ background: linear-gradient(
555
+ 90deg,
556
+ transparent,
557
+ rgba(0, 178, 255, 0.2),
558
+ transparent
559
+ );
560
+ transition: left 0.7s ease;
561
+ }
562
+
563
+ .button:hover::before {
564
+ left: 100%;
565
+ }
566
+
567
+ .button::after {
568
+ content: '';
569
+ position: absolute;
570
+ inset: 0;
571
+ background: linear-gradient(45deg, transparent 49.5%, rgba(0, 178, 255, 0.1) 49.5%, rgba(0, 178, 255, 0.1) 50.5%, transparent 50.5%);
572
+ background-size: 5px 5px;
573
+ opacity: 0;
574
+ transition: opacity 0.3s ease;
575
+ pointer-events: none;
576
+ }
577
+
578
+ .button:hover::after {
579
+ opacity: 1;
580
+ }
581
+
582
+ /* Support buttons */
583
+ .support-buttons {
584
+ display: flex;
585
+ gap: 15px;
586
+ flex-wrap: wrap;
587
+ }
588
+
589
+ .support-buttons .button {
590
+ min-width: 150px;
591
+ box-shadow: 0 0 15px rgba(0, 178, 255, 0.2);
592
+ }
593
+
594
+ .support-buttons .button:hover {
595
+ box-shadow:
596
+ 0 0 20px rgba(0, 178, 255, 0.4),
597
+ 0 0 40px rgba(0, 178, 255, 0.2);
598
+ }
599
+
600
+ /* Button animations */
601
+ @keyframes pulse {
602
+ 0% {
603
+ box-shadow: 0 0 10px rgba(0, 178, 255, 0.3);
604
+ }
605
+ 50% {
606
+ box-shadow: 0 0 20px rgba(0, 178, 255, 0.5);
607
+ }
608
+ 100% {
609
+ box-shadow: 0 0 10px rgba(0, 178, 255, 0.3);
610
+ }
611
+ }
612
+
613
+ .animated-button {
614
+ animation: pulse 2s infinite;
615
+ }
616
+
617
+ /* Button variants */
618
+ .button.primary {
619
+ background-color: rgba(0, 98, 255, 0.2);
620
+ border-color: #00b2ff;
621
+ }
622
+
623
+ .button.primary:hover {
624
+ background-color: rgba(0, 98, 255, 0.3);
625
+ }
626
+
627
+ .button.outline {
628
+ background-color: transparent;
629
+ border-color: #00b2ff;
630
+ }
631
+
632
+ .button.outline:hover {
633
+ background-color: rgba(0, 98, 255, 0.1);
634
+ }
635
+
636
+ .button.small {
637
+ padding: 6px 12px;
638
+ font-size: 13px;
639
+ }
640
+
641
+ .button.large {
642
+ padding: 12px 24px;
643
+ font-size: 16px;
644
+ }
645
+
646
+ /* Button with icon */
647
+ .button-with-icon {
648
+ display: inline-flex;
649
+ align-items: center;
650
+ gap: 8px;
651
+ }
652
+
653
+ .button-icon {
654
+ font-size: 18px;
655
+ line-height: 1;
656
+ }
657
+
658
+ /* Responsive adjustments */
659
+ @media (max-width: 768px) {
660
+ .support-buttons {
661
+ flex-direction: column;
662
+ }
663
+
664
+ .support-buttons .button {
665
+ width: 100%;
666
+ }
667
+ }
668
+
669
+ /* Container & Layout */
670
+ .container {
671
+ width: 95% auto;
672
+ max-width: 1200px auto;
673
+ margin: 10px auto;
674
+ padding: 20px;
675
+ position: relative;
676
+ background-color: rgba(3, 6, 18, 0.8);
677
+ border: 1px solid #00b2ff;
678
+ backdrop-filter: blur(10px);
679
+ box-shadow: 0 0 20px rgba(0, 178, 255, 0.3);
680
+ clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 20px, 100% 100%, 20px 100%, 0 calc(100% - 20px));
681
+ }
682
+
683
+
684
+ .container::before {
685
+ content: '';
686
+ position: absolute;
687
+ top: 0;
688
+ left: 0;
689
+ width: 100%;
690
+ height: 100%;
691
+ background:
692
+ radial-gradient(circle at 20% 30%, rgba(0, 178, 255, 0.15) 0%, transparent 50%),
693
+ radial-gradient(circle at 80% 70%, rgba(0, 178, 255, 0.1) 0%, transparent 40%);
694
+ pointer-events: none;
695
+ z-index: -1;
696
+ }
697
+
698
+ /* Header */
699
+ .header {
700
+ margin-bottom: 50px;
701
+ position: relative;
702
+ padding-bottom: 20px;
703
+ border-bottom: 1px solid #00b2ff;
704
+ overflow: hidden;
705
+ }
706
+
707
+ .header::before {
708
+ content: '';
709
+ position: absolute;
710
+ bottom: -1px;
711
+ left: 0;
712
+ width: 50%;
713
+ height: 1px;
714
+ background: linear-gradient(90deg, #00b2ff, transparent);
715
+ box-shadow: 0 0 20px #00b2ff;
716
+ }
717
+
718
+ .header::after {
719
+ content: '';
720
+ position: absolute;
721
+ bottom: -1px;
722
+ right: 0;
723
+ width: 50%;
724
+ height: 1px;
725
+ background: linear-gradient(90deg, transparent, #00b2ff);
726
+ box-shadow: 0 0 20px #00b2ff;
727
+ }
728
+
729
+ .header h1 {
730
+ font-family: 'Orbitron', sans-serif;
731
+ font-size: 48px;
732
+ color: #e0f7ff;
733
+ text-align: center;
734
+ text-transform: uppercase;
735
+ letter-spacing: 2px;
736
+ margin: 0;
737
+ position: relative;
738
+ text-shadow:
739
+ 0 0 5px rgba(0, 178, 255, 0.5),
740
+ 0 0 10px rgba(0, 178, 255, 0.3),
741
+ 0 0 20px rgba(0, 178, 255, 0.1);
742
+ }
743
+
744
+ .header h1::before {
745
+ content: '';
746
+ position: absolute;
747
+ width: 100px;
748
+ height: 1px;
749
+ bottom: -10px;
750
+ left: 50%;
751
+ transform: translateX(-50%);
752
+ background: #00b2ff;
753
+ box-shadow: 0 0 20px #00b2ff;
754
+ }
755
+
756
+ /* Info section */
757
+ .info {
758
+ margin-bottom: 50px;
759
+ overflow: visible; /* Ensure content can extend beyond container */
760
+ }
761
+
762
+ .info > img {
763
+ width: 100%;
764
+ height: auto;
765
+ border: 1px solid #00b2ff;
766
+ margin-bottom: 30px;
767
+ box-shadow: 0 0 30px rgba(0, 178, 255, 0.3);
768
+ clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 20px, 100% 100%, 20px 100%, 0 calc(100% - 20px));
769
+ background-color: rgba(3, 6, 18, 0.6);
770
+ display: block;
771
+ min-height: 100vh; /* Make image at least the height of the viewport */
772
+ object-fit: contain; /* Maintain aspect ratio */
773
+ object-position: top; /* Align from the top */
774
+ }
775
+
776
+ .info h2 {
777
+ font-family: 'Orbitron', sans-serif;
778
+ font-size: 28px;
779
+ color: #e0f7ff;
780
+ text-transform: uppercase;
781
+ letter-spacing: 1.5px;
782
+ margin: 30px 0 20px 0;
783
+ padding-bottom: 10px;
784
+ border-bottom: 1px solid rgba(0, 178, 255, 0.2);
785
+ position: relative;
786
+ text-shadow: 0 0 10px rgba(0, 178, 255, 0.3);
787
+ }
788
+
789
+ .info h2::after {
790
+ content: '';
791
+ position: absolute;
792
+ bottom: -1px;
793
+ left: 0;
794
+ width: 100px;
795
+ height: 1px;
796
+ background: #00b2ff;
797
+ box-shadow: 0 0 15px #00b2ff;
798
+ }
799
+
800
+ .info h3 {
801
+ font-family: 'Rajdhani', sans-serif;
802
+ font-size: 24px;
803
+ color: #e0f7ff;
804
+ margin: 20px 0 15px 0;
805
+ letter-spacing: 1px;
806
+ text-shadow: 0 0 5px rgba(0, 178, 255, 0.2);
807
+ }
808
+
809
+ .info h4 {
810
+ font-family: 'Rajdhani', sans-serif;
811
+ font-size: 18px;
812
+ color: #00b2ff;
813
+ margin: 15px 0 10px 0;
814
+ letter-spacing: 0.5px;
815
+ text-transform: uppercase;
816
+ text-shadow: 0 0 5px rgba(0, 178, 255, 0.3);
817
+ }
818
+
819
+ .info p {
820
+ margin: 0 0 15px 0;
821
+ line-height: 1.6;
822
+ }
823
+
824
+ /* Creator section */
825
+ .creator-section {
826
+ margin-bottom: 30px;
827
+ padding: 20px 20px 10px 20px;
828
+ background: rgba(3, 6, 18, 0.8);
829
+ border: 1px solid #00b2ff;
830
+ position: relative;
831
+ clip-path: polygon(0 0, calc(100% - 15px) 0, 100% 15px, 100% 100%, 15px 100%, 0 calc(100% - 15px));
832
+ box-shadow: 0 0 20px rgba(0, 178, 255, 0.15);
833
+ }
834
+
835
+ .creator-section::before {
836
+ content: '';
837
+ position: absolute;
838
+ top: 0;
839
+ left: 0;
840
+ width: 100%;
841
+ height: 100%;
842
+ background: linear-gradient(45deg, transparent 49.5%, rgba(0, 178, 255, 0.05) 49.5%, rgba(0, 178, 255, 0.05) 50.5%, transparent 50.5%);
843
+ background-size: 10px 10px;
844
+ pointer-events: none;
845
+ z-index: 0;
846
+ }
847
+
848
+ .creator-badge {
849
+ position: relative;
850
+ z-index: 1;
851
+ }
852
+
853
+ .creator-info {
854
+ display: flex;
855
+ flex-direction: column;
856
+ }
857
+
858
+ .creator-label {
859
+ color: #e0f7ff;
860
+ font-size: 14px;
861
+ text-transform: uppercase;
862
+ letter-spacing: 1px;
863
+ margin-bottom: 5px;
864
+ }
865
+
866
+ .creator-link {
867
+ color: #00b2ff;
868
+ text-decoration: none;
869
+ font-weight: 600;
870
+ display: flex;
871
+ align-items: center;
872
+ gap: 5px;
873
+ transition: all 0.3s ease;
874
+ text-shadow: 0 0 5px rgba(0, 178, 255, 0.3);
875
+ }
876
+
877
+ .creator-link:hover {
878
+ transform: translateX(5px);
879
+ text-shadow: 0 0 10px rgba(0, 178, 255, 0.5);
880
+ }
881
+
882
+ .creator-name {
883
+ font-size: 18px;
884
+ }
885
+
886
+ .creator-arrow {
887
+ font-weight: 600;
888
+ transition: transform 0.3s ease;
889
+ }
890
+
891
+ .creator-link:hover .creator-arrow {
892
+ transform: translateX(5px);
893
+ }
894
+
895
+ /* Supporters dropdown section */
896
+ .sponsors-section {
897
+ margin-top: 15px;
898
+ position: relative;
899
+ z-index: 2;
900
+ }
901
+
902
+ .sponsors-dropdown {
903
+ width: 100%;
904
+ background: rgba(0, 60, 120, 0.2);
905
+ border: 1px solid #00b2ff;
906
+ border-radius: 4px;
907
+ overflow: hidden;
908
+ position: relative;
909
+ }
910
+
911
+ .sponsors-dropdown::before {
912
+ content: '';
913
+ position: absolute;
914
+ top: 0;
915
+ left: 0;
916
+ width: 100%;
917
+ height: 100%;
918
+ background: linear-gradient(45deg, transparent 49.5%, rgba(0, 178, 255, 0.05) 49.5%, rgba(0, 178, 255, 0.05) 50.5%, transparent 50.5%);
919
+ background-size: 8px 8px;
920
+ pointer-events: none;
921
+ z-index: 0;
922
+ }
923
+
924
+ .sponsors-summary {
925
+ padding: 12px 15px;
926
+ display: flex;
927
+ justify-content: space-between;
928
+ align-items: center;
929
+ cursor: pointer;
930
+ outline: none;
931
+ position: relative;
932
+ z-index: 1;
933
+ transition: all 0.3s ease;
934
+ }
935
+
936
+ .sponsors-summary:hover {
937
+ background-color: rgba(0, 178, 255, 0.1);
938
+ }
939
+
940
+ .sponsors-title {
941
+ font-family: 'Orbitron', sans-serif;
942
+ color: #e0f7ff;
943
+ font-size: 16px;
944
+ text-transform: uppercase;
945
+ letter-spacing: 1px;
946
+ font-weight: 600;
947
+ text-shadow: 0 0 8px rgba(0, 178, 255, 0.4);
948
+ }
949
+
950
+ .dropdown-icon {
951
+ color: #00b2ff;
952
+ transition: transform 0.3s ease;
953
+ }
954
+
955
+ details[open] .dropdown-icon {
956
+ transform: rotate(180deg);
957
+ }
958
+
959
+ .sponsors-list {
960
+ padding: 15px;
961
+ display: grid;
962
+ grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
963
+ gap: 15px;
964
+ background: rgba(0, 20, 40, 0.4);
965
+ border-top: 1px solid rgba(0, 178, 255, 0.3);
966
+ }
967
+
968
+ .sponsor-item {
969
+ display: flex;
970
+ flex-direction: column;
971
+ align-items: center;
972
+ text-align: center;
973
+ padding: 10px;
974
+ border: 1px solid rgba(0, 178, 255, 0.2);
975
+ background: rgba(0, 30, 60, 0.3);
976
+ border-radius: 6px;
977
+ transition: all 0.3s ease;
978
+ }
979
+
980
+ .sponsor-item:hover {
981
+ transform: translateY(-3px);
982
+ border-color: #00b2ff;
983
+ box-shadow: 0 0 15px rgba(0, 178, 255, 0.3);
984
+ background: rgba(0, 30, 60, 0.5);
985
+ }
986
+
987
+ .sponsor-rank {
988
+ color: #00b2ff;
989
+ font-weight: 600;
990
+ font-size: 14px;
991
+ margin-bottom: 5px;
992
+ text-shadow: 0 0 8px rgba(0, 178, 255, 0.5);
993
+ }
994
+
995
+ .sponsor-img {
996
+ width: 60px;
997
+ height: 60px;
998
+ border-radius: 50%;
999
+ object-fit: cover;
1000
+ border: 2px solid #00b2ff;
1001
+ box-shadow: 0 0 12px rgba(0, 178, 255, 0.3);
1002
+ margin-bottom: 8px;
1003
+ transition: all 0.3s ease;
1004
+ }
1005
+
1006
+ .sponsor-item:nth-child(1) .sponsor-img {
1007
+ border-color: gold;
1008
+ box-shadow: 0 0 12px rgba(255, 215, 0, 0.5);
1009
+ }
1010
+
1011
+ .sponsor-item:nth-child(2) .sponsor-img {
1012
+ border-color: silver;
1013
+ box-shadow: 0 0 12px rgba(192, 192, 192, 0.5);
1014
+ }
1015
+
1016
+ .sponsor-item:nth-child(3) .sponsor-img {
1017
+ border-color: #cd7f32; /* bronze */
1018
+ box-shadow: 0 0 12px rgba(205, 127, 50, 0.5);
1019
+ }
1020
+
1021
+ .sponsor-item:hover .sponsor-img {
1022
+ width: 60px;
1023
+ height: 60px;
1024
+ border-radius: 50%;
1025
+ object-fit: cover;
1026
+ border: 2px solid #00b2ff;
1027
+ box-shadow: 0 0 12px rgba(0, 178, 255, 0.3);
1028
+ margin-bottom: 8px;
1029
+ transition: all 0.3s ease;
1030
+ }
1031
+
1032
+ .sponsor-item:nth-child(1) .sponsor-img {
1033
+ border-color: gold;
1034
+ box-shadow: 0 0 12px rgba(255, 215, 0, 0.5);
1035
+ }
1036
+
1037
+ .sponsor-item:nth-child(2) .sponsor-img {
1038
+ border-color: silver;
1039
+ box-shadow: 0 0 12px rgba(192, 192, 192, 0.5);
1040
+ }
1041
+
1042
+ .sponsor-item:nth-child(3) .sponsor-img {
1043
+ border-color: #cd7f32; /* bronze */
1044
+ box-shadow: 0 0 12px rgba(205, 127, 50, 0.5);
1045
+ }
1046
+
1047
+ .sponsor-name {
1048
+ color: #e0f7ff;
1049
+ font-size: 14px;
1050
+ font-weight: 500;
1051
+ word-break: break-word;
1052
+ }
1053
+
1054
+ /* Model info */
1055
+ .model-info {
1056
+ margin-bottom: 50px;
1057
+ }
1058
+
1059
+ /* Section container */
1060
+ .section-container {
1061
+ margin-bottom: 50px;
1062
+ padding: 25px;
1063
+ background: rgba(3, 6, 18, 0.8);
1064
+ border: 1px solid #00b2ff;
1065
+ position: relative;
1066
+ overflow: hidden;
1067
+ clip-path: polygon(0 0, calc(100% - 15px) 0, 100% 15px, 100% 100%, 15px 100%, 0 calc(100% - 15px));
1068
+ box-shadow: 0 0 20px rgba(0, 178, 255, 0.15);
1069
+ }
1070
+
1071
+ .section-container::before {
1072
+ content: '';
1073
+ position: absolute;
1074
+ top: 0;
1075
+ left: 0;
1076
+ width: 100%;
1077
+ height: 100%;
1078
+ background:
1079
+ linear-gradient(45deg, transparent 49.5%, rgba(0, 178, 255, 0.05) 49.5%, rgba(0, 178, 255, 0.05) 50.5%, transparent 50.5%);
1080
+ background-size: 10px 10px;
1081
+ pointer-events: none;
1082
+ z-index: 0;
1083
+ }
1084
+
1085
+ .section-container h2 {
1086
+ margin-top: 0;
1087
+ }
1088
+
1089
+ /* Support section */
1090
+ .support-section {
1091
+ margin-bottom: 50px;
1092
+ padding: 25px;
1093
+ background: rgba(3, 6, 18, 0.8);
1094
+ border: 1px solid #00b2ff;
1095
+ position: relative;
1096
+ overflow: hidden;
1097
+ clip-path: polygon(0 0, calc(100% - 15px) 0, 100% 15px, 100% 100%, 15px 100%, 0 calc(100% - 15px));
1098
+ box-shadow: 0 0 20px rgba(0, 178, 255, 0.15);
1099
+ }
1100
+
1101
+ .support-section::before {
1102
+ content: '';
1103
+ position: absolute;
1104
+ top: 0;
1105
+ left: 0;
1106
+ width: 100%;
1107
+ height: 100%;
1108
+ background:
1109
+ linear-gradient(45deg, transparent 49.5%, rgba(0, 178, 255, 0.05) 49.5%, rgba(0, 178, 255, 0.05) 50.5%, transparent 50.5%);
1110
+ background-size: 10px 10px;
1111
+ pointer-events: none;
1112
+ z-index: 0;
1113
+ }
1114
+
1115
+ .support-section h2 {
1116
+ margin-top: 0;
1117
+ }
1118
+
1119
+ /* Special thanks */
1120
+ .special-thanks {
1121
+ margin-top: 30px;
1122
+ }
1123
+
1124
+ .thanks-list {
1125
+ list-style: none;
1126
+ padding: 0;
1127
+ margin: 15px 0;
1128
+ display: grid;
1129
+ grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
1130
+ gap: 15px;
1131
+ }
1132
+
1133
+ .thanks-list li {
1134
+ padding: 10px 15px;
1135
+ background: rgba(0, 98, 255, 0.05);
1136
+ border: 1px solid rgba(0, 178, 255, 0.2);
1137
+ position: relative;
1138
+ overflow: hidden;
1139
+ clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 8px, 100% 100%, 8px 100%, 0 calc(100% - 8px));
1140
+ transition: all 0.3s ease;
1141
+ }
1142
+
1143
+ .thanks-list li:hover {
1144
+ background: rgba(0, 98, 255, 0.1);
1145
+ border-color: #00b2ff;
1146
+ box-shadow: 0 0 15px rgba(0, 178, 255, 0.2);
1147
+ transform: translateY(-2px);
1148
+ }
1149
+
1150
+ .thanks-list li strong {
1151
+ color: #00b2ff;
1152
+ text-shadow: 0 0 5px rgba(0, 178, 255, 0.3);
1153
+ }
1154
+
1155
+ .thanks-note {
1156
+ font-style: italic;
1157
+ color: rgba(224, 247, 255, 0.7);
1158
+ text-align: center;
1159
+ margin-top: 20px;
1160
+ }
1161
+
1162
+ /* General card styles */
1163
+ .info-card,
1164
+ .template-card,
1165
+ .settings-card,
1166
+ .quantized-section {
1167
+ background: rgba(3, 6, 18, 0.8);
1168
+ border: 1px solid #00b2ff;
1169
+ padding: 25px;
1170
+ margin: 20px 0;
1171
+ position: relative;
1172
+ overflow: hidden;
1173
+ clip-path: polygon(0 0, calc(100% - 15px) 0, 100% 15px, 100% 100%, 15px 100%, 0 calc(100% - 15px));
1174
+ box-shadow: 0 0 20px rgba(0, 178, 255, 0.15);
1175
+ }
1176
+
1177
+ .info-card::before,
1178
+ .template-card::before,
1179
+ .settings-card::before,
1180
+ .quantized-section::before {
1181
+ content: '';
1182
+ position: absolute;
1183
+ top: 0;
1184
+ left: 0;
1185
+ width: 100%;
1186
+ height: 100%;
1187
+ background:
1188
+ linear-gradient(45deg, transparent 49.5%, rgba(0, 178, 255, 0.05) 49.5%, rgba(0, 178, 255, 0.05) 50.5%, transparent 50.5%);
1189
+ background-size: 10px 10px;
1190
+ pointer-events: none;
1191
+ z-index: 0;
1192
+ }
1193
+
1194
+ .info-card::after,
1195
+ .template-card::after,
1196
+ .settings-card::after,
1197
+ .quantized-section::after {
1198
+ content: '';
1199
+ position: absolute;
1200
+ top: 0;
1201
+ left: 0;
1202
+ width: 100%;
1203
+ height: 100%;
1204
+ background: linear-gradient(135deg, rgba(0, 178, 255, 0.15), transparent 70%);
1205
+ pointer-events: none;
1206
+ z-index: 0;
1207
+ }
1208
+
1209
+ /* Info card specific */
1210
+ .info-card {
1211
+ box-shadow: 0 0 30px rgba(0, 178, 255, 0.2);
1212
+ }
1213
+
1214
+ .info-header {
1215
+ margin-bottom: 25px;
1216
+ padding-bottom: 15px;
1217
+ border-bottom: 1px solid rgba(0, 178, 255, 0.2);
1218
+ position: relative;
1219
+ }
1220
+
1221
+ .info-header::after {
1222
+ content: '';
1223
+ position: absolute;
1224
+ bottom: -1px;
1225
+ left: 0;
1226
+ width: 100px;
1227
+ height: 1px;
1228
+ background: #00b2ff;
1229
+ box-shadow: 0 0 10px #00b2ff;
1230
+ }
1231
+
1232
+ .model-tags {
1233
+ display: flex;
1234
+ flex-wrap: wrap;
1235
+ gap: 10px;
1236
+ margin-top: 10px;
1237
+ }
1238
+
1239
+ .model-tag {
1240
+ background: rgba(0, 98, 255, 0.15);
1241
+ border: 1px solid #00b2ff;
1242
+ color: #e0f7ff;
1243
+ font-size: 12px;
1244
+ padding: 5px 10px;
1245
+ text-transform: uppercase;
1246
+ letter-spacing: 1px;
1247
+ font-weight: 500;
1248
+ position: relative;
1249
+ overflow: hidden;
1250
+ clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 8px, 100% 100%, 8px 100%, 0 calc(100% - 8px));
1251
+ box-shadow: 0 0 10px rgba(0, 178, 255, 0.2);
1252
+ transition: all 0.3s ease;
1253
+ }
1254
+
1255
+ .model-tag:hover {
1256
+ background: rgba(0, 98, 255, 0.25);
1257
+ box-shadow: 0 0 15px rgba(0, 178, 255, 0.4);
1258
+ transform: translateY(-2px);
1259
+ }
1260
+
1261
+ /* Model composition list */
1262
+ .model-composition h4 {
1263
+ margin-bottom: 15px;
1264
+ }
1265
+
1266
+ .composition-list {
1267
+ list-style: none;
1268
+ padding: 0;
1269
+ margin: 0 0 20px 0;
1270
+ display: grid;
1271
+ gap: 12px;
1272
+ }
1273
+
1274
+ .composition-list li {
1275
+ display: grid;
1276
+ grid-template-columns: minmax(0, 1fr) auto;
1277
+ align-items: center;
1278
+ gap: 10px;
1279
+ padding: 10px 15px;
1280
+ background: rgba(0, 98, 255, 0.05);
1281
+ border: 1px solid rgba(0, 178, 255, 0.2);
1282
+ position: relative;
1283
+ overflow: hidden;
1284
+ clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 8px, 100% 100%, 8px 100%, 0 calc(100% - 8px));
1285
+ transition: all 0.3s ease;
1286
+ }
1287
+
1288
+ .composition-list li:hover {
1289
+ background: rgba(0, 98, 255, 0.1);
1290
+ border-color: #00b2ff;
1291
+ box-shadow: 0 0 15px rgba(0, 178, 255, 0.2);
1292
+ transform: translateY(-2px);
1293
+ }
1294
+
1295
+ .composition-list li::before {
1296
+ content: '';
1297
+ position: absolute;
1298
+ top: 0;
1299
+ left: 0;
1300
+ width: 8px;
1301
+ height: 100%;
1302
+ background: linear-gradient(180deg, #00b2ff, #0062ff);
1303
+ opacity: 0.7;
1304
+ box-shadow: 0 0 10px rgba(0, 178, 255, 0.4);
1305
+ }
1306
+
1307
+ .model-component {
1308
+ color: #00b2ff;
1309
+ font-weight: 500;
1310
+ text-shadow: 0 0 5px rgba(0, 178, 255, 0.3);
1311
+ }
1312
+
1313
+ .model-component a {
1314
+ display: block;
1315
+ overflow-wrap: break-word;
1316
+ word-wrap: break-word;
1317
+ word-break: break-word;
1318
+ transition: all 0.3s ease;
1319
+ text-shadow: 0 0 5px rgba(0, 178, 255, 0.3);
1320
+ }
1321
+
1322
+ .model-component a:hover {
1323
+ transform: translateX(5px);
1324
+ text-shadow: 0 0 10px rgba(0, 178, 255, 0.5);
1325
+ }
1326
+
1327
+
1328
+
1329
+ /* Base model dropdown styles */
1330
+ .base-model-dropdown {
1331
+ width: 100%;
1332
+
1333
+ position: relative;
1334
+ padding-right: 50px; /* Make space for the BASE label */
1335
+ display: block;
1336
+ margin-bottom: 0;
1337
+ }
1338
+
1339
+ .base-model-summary {
1340
+ display: flex;
1341
+ justify-content: space-between;
1342
+ align-items: center;
1343
+ padding: 8px 12px 8px 20px; /* Increased left padding to prevent text overlap with blue stripe */
1344
+ cursor: pointer;
1345
+ border: 1px solid rgba(0, 178, 255, 0.2);
1346
+ position: relative;
1347
+ clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 8px, 100% 100%, 8px 100%, 0 calc(100% - 8px));
1348
+ margin-bottom: 0;
1349
+ transition: all 0.3s ease;
1350
+ color: #00b2ff;
1351
+ font-weight: 500;
1352
+ text-shadow: 0 0 5px rgba(0, 178, 255, 0.3);
1353
+ }
1354
+
1355
+ .base-model-summary:hover {
1356
+ background: rgba(0, 98, 255, 0.1);
1357
+ border-color: #00b2ff;
1358
+ box-shadow: 0 0 15px rgba(0, 178, 255, 0.2);
1359
+ }
1360
+
1361
+ .base-model-summary span:first-child {
1362
+ overflow: hidden;
1363
+ text-overflow: ellipsis;
1364
+ display: inline-block;
1365
+ white-space: nowrap;
1366
+ flex: 1;
1367
+ }
1368
+
1369
+ .dropdown-icon {
1370
+ font-size: 0.75rem;
1371
+ margin-left: 8px;
1372
+ color: rgba(0, 178, 255, 0.7);
1373
+ transition: transform 0.3s ease;
1374
+ }
1375
+
1376
+ .base-model-dropdown[open] .dropdown-icon {
1377
+ transform: rotate(180deg);
1378
+ }
1379
+
1380
+ .base-model-list {
1381
+ position: absolute;
1382
+ margin-top: 0;
1383
+ left: 50%;
1384
+ transform: translateX(-50%);
1385
+ background: rgba(3, 6, 18, 0.95);
1386
+ border: 1px solid rgba(0, 178, 255, 0.3);
1387
+ clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 8px, 100% 100%, 8px 100%, 0 calc(100% - 8px));
1388
+ box-shadow: 0 0 15px rgba(0, 178, 255, 0.1);
1389
+ min-width: 100%;
1390
+ overflow: visible;
1391
+ }
1392
+
1393
+ .base-model-item {
1394
+ padding: 8px 12px 8px 20px; /* Increased left padding for the model items */
1395
+ border-bottom: 1px solid rgba(0, 178, 255, 0.1);
1396
+ position: relative;
1397
+ transition: all 0.3s ease;
1398
+ }
1399
+
1400
+ .base-model-item:last-child {
1401
+ border-bottom: none;
1402
+ margin-bottom: 0;
1403
+ }
1404
+
1405
+ .base-model-item:hover {
1406
+ background: rgba(0, 98, 255, 0.1);
1407
+ box-shadow: 0 0 15px rgba(0, 178, 255, 0.2);
1408
+ transform: translateY(-1px) translateX(0);
1409
+ }
1410
+
1411
+ .base-model-item a {
1412
+ display: block;
1413
+ width: 100%;
1414
+ overflow: hidden;
1415
+ padding-left: 10px;
1416
+ }
1417
+
1418
+ .model-label {
1419
+ color: #00b2ff;
1420
+ text-decoration: none;
1421
+ transition: all 0.3s ease;
1422
+ display: inline-block;
1423
+ font-weight: 500;
1424
+ white-space: nowrap;
1425
+ overflow: hidden;
1426
+ text-overflow: ellipsis;
1427
+ }
1428
+
1429
+ .model-label:hover {
1430
+ text-shadow: 0 0 10px rgba(0, 178, 255, 0.5);
1431
+ }
1432
+
1433
+ /* BASE label */
1434
+ .base-model-dropdown::after {
1435
+ z-index: 1;
1436
+ content: 'BASE';
1437
+ position: absolute;
1438
+ right: 0;
1439
+ top: 8px;
1440
+ transform: translateY(0);
1441
+ font-size: 10px;
1442
+ padding: 2px 5px;
1443
+ background: rgba(0, 178, 255, 0.2);
1444
+ color: #e0f7ff;
1445
+ border: 1px solid #00b2ff;
1446
+ box-shadow: 0 0 10px rgba(0, 178, 255, 0.3);
1447
+ clip-path: polygon(0 0, calc(100% - 5px) 0, 100% 5px, 100% 100%, 5px 100%, 0 calc(100% - 5px));
1448
+
1449
+ }
1450
+
1451
+ /* Override the blue stripe for base-model-summary and items */
1452
+ .base-model-dropdown {
1453
+ position: relative;
1454
+ }
1455
+
1456
+ .base-model-summary::before,
1457
+ .base-model-item::before {
1458
+ content: '';
1459
+ position: absolute;
1460
+ top: 0;
1461
+ left: 0;
1462
+ width: 8px;
1463
+ height: 100%;
1464
+ background: linear-gradient(180deg, #00b2ff, #0062ff);
1465
+ opacity: 0.7;
1466
+ }
1467
+
1468
+ .base-model-dropdown[open] .base-model-summary,
1469
+ .base-model-dropdown[open] .base-model-list {
1470
+ border-color: rgba(0, 178, 255, 0.7);
1471
+ box-shadow: 0 0 25px rgba(0, 178, 255, 0.3);
1472
+ z-index: 20;
1473
+ position: relative;
1474
+ }
1475
+
1476
+ /* Model description */
1477
+ .model-description {
1478
+ margin-top: 30px;
1479
+ }
1480
+
1481
+ .model-description h4 {
1482
+ margin-bottom: 15px;
1483
+ }
1484
+
1485
+ .model-description p {
1486
+ margin-bottom: 20px;
1487
+ }
1488
+
1489
+ .model-description ul {
1490
+ padding-left: 20px;
1491
+ margin-bottom: 20px;
1492
+ list-style: none;
1493
+ }
1494
+
1495
+ .model-description li {
1496
+ margin-bottom: 8px;
1497
+ position: relative;
1498
+ padding-left: 15px;
1499
+ }
1500
+
1501
+ .model-description li::before {
1502
+ content: '';
1503
+ position: absolute;
1504
+ left: 0;
1505
+ top: 0.8em;
1506
+ width: 8px;
1507
+ height: 1px;
1508
+ background: #00b2ff;
1509
+ transform: skewX(-20deg);
1510
+ box-shadow: 0 0 10px rgba(0, 178, 255, 0.5);
1511
+ }
1512
+
1513
+ /* Template card */
1514
+ .template-card {
1515
+ box-shadow: 0 0 30px rgba(0, 178, 255, 0.2);
1516
+ }
1517
+
1518
+ .template-item {
1519
+ padding: 15px;
1520
+ margin-bottom: 15px;
1521
+ background: rgba(0, 98, 255, 0.05);
1522
+ border: 1px solid rgba(0, 178, 255, 0.2);
1523
+ position: relative;
1524
+ clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 10px 100%, 0 calc(100% - 10px));
1525
+ transition: all 0.3s ease;
1526
+ }
1527
+
1528
+ .template-item:hover {
1529
+ background: rgba(0, 98, 255, 0.1);
1530
+ border-color: #00b2ff;
1531
+ box-shadow: 0 0 15px rgba(0, 178, 255, 0.3);
1532
+ transform: translateY(-2px);
1533
+ }
1534
+
1535
+ .template-content {
1536
+ display: flex;
1537
+ flex-direction: column;
1538
+ gap: 5px;
1539
+ }
1540
+
1541
+ .template-link {
1542
+ display: flex;
1543
+ align-items: center;
1544
+ justify-content: space-between;
1545
+ font-weight: 600;
1546
+ color: #00b2ff;
1547
+ text-shadow: 0 0 5px rgba(0, 178, 255, 0.3);
1548
+ padding: 5px;
1549
+ transition: all 0.3s ease;
1550
+ }
1551
+
1552
+ .template-link:hover {
1553
+ text-shadow: 0 0 10px rgba(0, 178, 255, 0.5);
1554
+ transform: translateX(5px);
1555
+ }
1556
+
1557
+ .link-arrow {
1558
+ font-weight: 600;
1559
+ transition: transform 0.3s ease;
1560
+ }
1561
+
1562
+ .template-link:hover .link-arrow {
1563
+ transform: translateX(5px);
1564
+ }
1565
+
1566
+ .template-author {
1567
+ font-size: 14px;
1568
+ color: rgba(224, 247, 255, 0.8);
1569
+ text-transform: uppercase;
1570
+ letter-spacing: 1px;
1571
+ }
1572
+
1573
+ /* Settings card */
1574
+ .settings-card {
1575
+ box-shadow: 0 0 30px rgba(0, 178, 255, 0.2);
1576
+ }
1577
+
1578
+ .settings-header {
1579
+ margin-bottom: 15px;
1580
+ padding-bottom: 10px;
1581
+ border-bottom: 1px solid rgba(0, 178, 255, 0.2);
1582
+ position: relative;
1583
+ }
1584
+
1585
+ .settings-header::after {
1586
+ content: '';
1587
+ position: absolute;
1588
+ bottom: -1px;
1589
+ left: 0;
1590
+ width: 80px;
1591
+ height: 1px;
1592
+ background: #00b2ff;
1593
+ box-shadow: 0 0 10px #00b2ff;
1594
+ }
1595
+
1596
+ .settings-content {
1597
+ padding: 15px;
1598
+ background: rgba(0, 98, 255, 0.05);
1599
+ border: 1px solid rgba(0, 178, 255, 0.2);
1600
+ margin-bottom: 15px;
1601
+ position: relative;
1602
+ clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 10px 100%, 0 calc(100% - 10px));
1603
+ }
1604
+
1605
+ .settings-grid {
1606
+ display: grid;
1607
+ grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
1608
+ gap: 20px;
1609
+ margin-top: 20px;
1610
+ }
1611
+
1612
+ .setting-item {
1613
+ display: flex;
1614
+ justify-content: space-between;
1615
+ align-items: center;
1616
+ margin-bottom: 10px;
1617
+ padding: 8px 0;
1618
+ border-bottom: 1px solid rgba(0, 178, 255, 0.1);
1619
+ }
1620
+
1621
+ .setting-item:last-child {
1622
+ margin-bottom: 0;
1623
+ border-bottom: none;
1624
+ }
1625
+
1626
+ .setting-label {
1627
+ color: #e0f7ff;
1628
+ font-size: 14px;
1629
+ font-weight: 500;
1630
+ text-transform: uppercase;
1631
+ letter-spacing: 1px;
1632
+ }
1633
+
1634
+ .setting-value {
1635
+ color: #00b2ff;
1636
+ font-weight: 600;
1637
+ font-family: 'Orbitron', sans-serif;
1638
+ text-shadow: 0 0 5px rgba(0, 178, 255, 0.5);
1639
+ }
1640
+
1641
+ .setting-item.highlight {
1642
+ padding: 15px;
1643
+ background: rgba(0, 98, 255, 0.1);
1644
+ border: 1px solid rgba(0, 178, 255, 0.3);
1645
+ border-radius: 0;
1646
+ display: flex;
1647
+ justify-content: center;
1648
+ position: relative;
1649
+ clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 8px, 100% 100%, 8px 100%, 0 calc(100% - 8px));
1650
+ }
1651
+
1652
+ .setting-item.highlight .setting-value {
1653
+ font-size: 24px;
1654
+ font-weight: 700;
1655
+ text-shadow:
1656
+ 0 0 10px rgba(0, 178, 255, 0.5),
1657
+ 0 0 20px rgba(0, 178, 255, 0.3);
1658
+ }
1659
+
1660
+ /* Sampler Settings Section */
1661
+ .sampler-settings {
1662
+ position: relative;
1663
+ overflow: visible;
1664
+ }
1665
+
1666
+ .sampler-settings .settings-card {
1667
+ background: rgba(3, 6, 18, 0.8);
1668
+ border: 1px solid #00b2ff;
1669
+ box-shadow: 0 0 20px rgba(0, 178, 255, 0.25), inset 0 0 30px rgba(0, 98, 255, 0.1);
1670
+ padding: 20px;
1671
+ margin: 15px 0;
1672
+ position: relative;
1673
+ }
1674
+
1675
+ .sampler-settings .settings-header h3 {
1676
+ color: #0062ff;
1677
+ text-shadow: 0 0 8px rgba(0, 178, 255, 0.5);
1678
+ font-size: 1.2rem;
1679
+ letter-spacing: 1px;
1680
+ }
1681
+
1682
+ .sampler-settings .settings-grid {
1683
+ display: grid;
1684
+ grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
1685
+ gap: 15px;
1686
+ }
1687
+
1688
+ .sampler-settings .setting-item {
1689
+ border-bottom: 1px solid rgba(0, 178, 255, 0.2);
1690
+ padding: 12px 0;
1691
+ transition: all 0.3s ease;
1692
+ }
1693
+
1694
+ .sampler-settings .setting-label {
1695
+ font-family: 'Rajdhani', sans-serif;
1696
+ font-weight: 600;
1697
+ color: #e0f7ff;
1698
+ }
1699
+
1700
+ .sampler-settings .setting-value {
1701
+ font-family: 'Orbitron', sans-serif;
1702
+ color: #00b2ff;
1703
+ }
1704
+
1705
+ /* DRY Settings styles */
1706
+ .dry-settings {
1707
+ margin-top: 8px;
1708
+ padding-left: 8px;
1709
+ border-left: 2px solid rgba(0, 178, 255, 0.3);
1710
+ display: flex;
1711
+ flex-direction: column;
1712
+ gap: 6px;
1713
+ }
1714
+
1715
+ .dry-item {
1716
+ display: flex;
1717
+ justify-content: space-between;
1718
+ align-items: center;
1719
+ }
1720
+
1721
+ .dry-label {
1722
+ font-size: 13px;
1723
+ color: #e0f7ff;
1724
+ }
1725
+
1726
+ .dry-value {
1727
+ color: #00b2ff;
1728
+ font-family: 'Orbitron', sans-serif;
1729
+ text-shadow: 0 0 5px rgba(0, 178, 255, 0.4);
1730
+ }
1731
+
1732
+ /* Quantized sections */
1733
+ .quantized-section {
1734
+ margin-bottom: 30px;
1735
+ }
1736
+
1737
+ .quantized-items {
1738
+ display: grid;
1739
+ gap: 15px;
1740
+ margin-top: 15px;
1741
+ }
1742
+
1743
+ .quantized-item {
1744
+ padding: 15px;
1745
+ background: rgba(0, 98, 255, 0.05);
1746
+ border: 1px solid rgba(0, 178, 255, 0.2);
1747
+ display: grid;
1748
+ gap: 8px;
1749
+ position: relative;
1750
+ clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 10px 100%, 0 calc(100% - 10px));
1751
+ transition: all 0.3s ease;
1752
+ }
1753
+
1754
+ .quantized-item:hover {
1755
+ background: rgba(0, 98, 255, 0.1);
1756
+ border-color: #00b2ff;
1757
+ box-shadow: 0 0 15px rgba(0, 178, 255, 0.3);
1758
+ transform: translateY(-2px);
1759
+ }
1760
+
1761
+ .author {
1762
+ color: #e0f7ff;
1763
+ font-size: 12px;
1764
+ text-transform: uppercase;
1765
+ letter-spacing: 1px;
1766
+ font-weight: 500;
1767
+ }
1768
+
1769
+ .multi-links {
1770
+ display: flex;
1771
+ align-items: center;
1772
+ flex-wrap: wrap;
1773
+ gap: 5px;
1774
+ }
1775
+
1776
+ .separator {
1777
+ color: rgba(224, 247, 255, 0.5);
1778
+ margin: 0 5px;
1779
+ }
1780
+ </style>
1781
+
1782
+ <html lang="en" style="margin:0; padding:0; width:100%; height:100%;">
1783
+ <head>
1784
+ <meta charset="UTF-8">
1785
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
1786
+ <title>L3.3-Electra-R1-70b</title>
1787
+ <link href="https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700&family=Rajdhani:wght@300;400;500;600;700&display=swap" rel="stylesheet">
1788
+ </head>
1789
+ <body>
1790
+ <div class="container">
1791
+ <div class="header">
1792
+ <h1>L3.3-Electra-R1-70b</h1>
1793
+ </div>
1794
+ <div class="info">
1795
+ <img src="https://cdn-uploads.huggingface.co/production/uploads/64545af5ec40bbbd01242ca6/GXLpDNkbGEvESfLmWkKpD.jpeg" alt="Electra Model Mascot">
1796
+ <div class="creator-section">
1797
+ <div class="creator-badge" style="display: flex; align-items: center; gap: 1rem;">
1798
+ <div class="creator-info">
1799
+ <span class="creator-label">Created by</span>
1800
+ <a href="https://huggingface.co/Steelskull" target="_blank" class="creator-link">
1801
+ <span class="creator-name">SteelSkull</span>
1802
+ <span class="creator-arrow">→</span>
1803
+ </a>
1804
+ </div>
1805
+ <a href="https://ko-fi.com/Y8Y0AO2XE" target="_blank" class="button" style="margin: 0; padding: 0.5rem 1rem;">
1806
+ Support on Ko-fi
1807
+ </a>
1808
+ </div>
1809
+ <div class="sponsors-section">
1810
+ <details class="sponsors-dropdown" open>
1811
+ <summary class="sponsors-summary">
1812
+ <span class="sponsors-title">⚡ Top Sponsors</span>
1813
+ <span class="dropdown-icon">▼</span>
1814
+ </summary>
1815
+ <div class="sponsors-list">
1816
+ <div class="sponsor-item">
1817
+ <div class="sponsor-rank">#1</div>
1818
+ <img src="https://storage.ko-fi.com/cdn/useruploads/0f77ce5e-3d45-4b45-93e1-b93e74ef32ca_7408a132-232b-4bf4-9878-c483bd80d532.png" alt="Artus" class="sponsor-img">
1819
+ <div class="sponsor-name">Artus</div>
1820
+ </div>
1821
+ <div class="sponsor-item">
1822
+ <div class="sponsor-rank">#2</div>
1823
+ <img src="https://storage.ko-fi.com/cdn/useruploads/957890c9-c45b-4229-8837-bd802de0691d_586ce212-c05e-4e35-a808-4d278783dc33.png" alt="Buthayna" class="sponsor-img">
1824
+ <div class="sponsor-name">Buthayna</div>
1825
+ </div>
1826
+ <div class="sponsor-item">
1827
+ <div class="sponsor-rank">#3</div>
1828
+ <img src="https://storage.ko-fi.com/cdn/useruploads/b28597ab-a2e6-4b55-aad9-6b2794e68847_3a65f36e-76b4-4fac-bfef-08b43722e331.png" alt="Kistara" class="sponsor-img">
1829
+ <div class="sponsor-name">Kistara</div>
1830
+ </div>
1831
+ <div class="sponsor-item">
1832
+ <div class="sponsor-rank">#4</div>
1833
+ <img src="https://storage.ko-fi.com/cdn/useruploads/86d8e2d8-fbde-4347-8e40-71b3e8eb9e65.jpeg" alt="lizzieshinkickr" class="sponsor-img">
1834
+ <div class="sponsor-name">lizzieshinkickr</div>
1835
+ </div>
1836
+ <div class="sponsor-item">
1837
+ <div class="sponsor-rank">#5</div>
1838
+ <img src="https://storage.ko-fi.com/cdn/useruploads/f68fdafa-7b8e-4d2f-9eec-be99772f3f77_82e97a70-65ca-4608-983a-c1f28a67da41.png" alt="Mooth Dragoon" class="sponsor-img">
1839
+ <div class="sponsor-name">Mooth Dragoon</div>
1840
+ </div>
1841
+ <div class="sponsor-item">
1842
+ <div class="sponsor-rank">#6</div>
1843
+ <img src="https://storage.ko-fi.com/cdn/useruploads/5e126f2e-da62-41c6-9350-a2461fbad35c_2a3df41f-4481-4dc7-8f08-88f24da2e7a1.png" alt="JH2011" class="sponsor-img">
1844
+ <div class="sponsor-name">JH2011</div>
1845
+ </div>
1846
+ <div class="sponsor-item">
1847
+ <div class="sponsor-rank">#7</div>
1848
+ <img src="https://storage.ko-fi.com/cdn/useruploads/4b5adb19-7822-468b-a397-e5d56ac8fb72_08050f44-82b3-497c-84d4-d895c38089f1.png" alt="NarpasSword" class="sponsor-img">
1849
+ <div class="sponsor-name">NarpasSword</div>
1850
+ </div>
1851
+ <div class="sponsor-item">
1852
+ <div class="sponsor-rank">#8</div>
1853
+ <img src="https://storage.ko-fi.com/cdn/useruploads/8b9b831f-ea45-4ee7-8473-2c9c75e0c31c_1c95d276-c5ba-43fa-953a-6245fb25d284.png" alt="WeForgot" class="sponsor-img">
1854
+ <div class="sponsor-name">WeForgot</div>
1855
+ </div>
1856
+ </div>
1857
+ </details>
1858
+ </div>
1859
+ </div>
1860
+ <div class="model-info">
1861
+ <h2>Model Information</h2>
1862
+ <div class="info-card">
1863
+ <div class="info-header">
1864
+ <h3>L3.3-Electra-R1-70b | v0.6.A</h3>
1865
+ <div class="model-tags">
1866
+ <span class="model-tag">L3.3 = Llama 3.3</span>
1867
+ <span class="model-tag">SCE Merge</span>
1868
+ <span class="model-tag">R1 = Deepseek R1</span>
1869
+ <span class="model-tag">70b Parameters</span>
1870
+ <span class="model-tag">v0.6.A</span>
1871
+ </div>
1872
+ </div>
1873
+ <div class="model-composition">
1874
+ <h4>Model Composition</h4>
1875
+ <ul class="composition-list">
1876
+ <li>
1877
+ <details class="base-model-dropdown base-model">
1878
+ <summary class="base-model-summary">
1879
+ <a href="https://huggingface.co/TheSkullery/L3.1x3.3-Hydroblated-R1-70B-v4.4" target="_blank">TheSkullery/L3.1x3.3-Hydroblated-R1-70B-v4.4</a>
1880
+ <span class="dropdown-icon">▼</span>
1881
+ </summary>
1882
+ <div class="base-model-list">
1883
+ <div class="base-model-item">
1884
+ <a href="https://huggingface.co/huihui-ai/DeepSeek-R1-Distill-Llama-70B-abliterated" target="_blank" class="model-label">huihui-ai/DeepSeek-R1-Distill-Llama-70B-abliterated</a>
1885
+ </div>
1886
+ <div class="base-model-item">
1887
+ <a href="https://huggingface.co/nbeerbower/Llama-3.1-Nemotron-lorablated-70B" target="_blank" class="model-label">nbeerbower/Llama-3.1-Nemotron-lorablated-70B</a>
1888
+ </div>
1889
+ <div class="base-model-item">
1890
+ <a href="https://huggingface.co/SicariusSicariiStuff/Negative_LLAMA_70B" target="_blank" class="model-label">SicariusSicariiStuff/Negative_LLAMA_70B</a>
1891
+ </div>
1892
+ <div class="base-model-item">
1893
+ <a href="https://huggingface.co/TheDrummer/Fallen-Llama-3.3-R1-70B-v1" target="_blank" class="model-label">TheDrummer/Fallen-Llama-3.3-R1-70B-v1</a>
1894
+ </div>
1895
+ <div class="base-model-item">
1896
+ <a href="https://huggingface.co/abacusai/Dracarys2-Llama-3.1-70B-Instruct" target="_blank" class="model-label">abacusai/Dracarys2-Llama-3.1-70B-Instruct</a>
1897
+ </div>
1898
+ </div>
1899
+ </details>
1900
+ </li>
1901
+ <li><span class="model-component"><a href="https://huggingface.co/EVA-UNIT-01/EVA-LLaMA-3.33-70B-v0.0" target="_blank">EVA-UNIT-01/EVA-LLaMA-3.33-70B-v0.0</a></span> Core capabilities</li>
1902
+ <li><span class="model-component"><a href="https://huggingface.co/LatitudeGames/Wayfarer-Large-70B-Llama-3.3" target="_blank">LatitudeGames/Wayfarer-Large-70B-Llama-3.3</a></span> Enhanced Storytelling and RP</li>
1903
+ <li><span class="model-component"><a href="https://huggingface.co/Sao10K/L3.3-70B-Euryale-v2.3" target="_blank">Sao10K/L3.3-70B-Euryale-v2.3</a></span> Improved all rounder capabilities</li>
1904
+ <li><span class="model-component"><a href="https://huggingface.co/Sao10K/70B-L3.3-Cirrus-x1" target="_blank">Sao10K/70B-L3.3-Cirrus-x1</a></span> Improved coherence</li>
1905
+ <li><span class="model-component"><a href="https://huggingface.co/Sao10K/L3.1-70B-Hanami-x1" target="_blank">Sao10K/L3.1-70B-Hanami-x1</a></span> Balanced responses</li>
1906
+ <li><span class="model-component"><a href="https://huggingface.co/TheDrummer/Anubis-70B-v1" target="_blank">TheDrummer/Anubis-70B-v1</a></span> Enhanced detail</li>
1907
+ <li><span class="model-component"><a href="https://huggingface.co/SicariusSicariiStuff/Negative_LLAMA_70B" target="_blank">SicariusSicariiStuff/Negative_LLAMA_70B</a></span> Reduced bias - Base</li>
1908
+ <li><span class="model-component"><a href="https://huggingface.co/TheDrummer/Fallen-Llama-3.3-R1-70B-v1" target="_blank">TheDrummer/Fallen-Llama-3.3-R1-70B-v1</a></span> Reduced bias - Base</li>
1909
+ </ul>
1910
+ <div class="model-description">
1911
+ <h4>Model Series Overview</h4>
1912
+ <p>L3.3-Electra-R1-70b is the newest release of the Unnamed series, this is the 6th iteration based of user feedback.</p>
1913
+ <h4>Technical Architecture</h4>
1914
+ <p>Built on a custom DeepSeek R1 Distill base (TheSkullery/L3.1x3.3-Hydroblated-R1-70B-v4.4), Electra-R1 integrates specialized components through the SCE merge method. The model uses float32 dtype during processing with a bfloat16 output dtype for optimized performance.</p>
1915
+ <h4>Core Capabilities</h4>
1916
+ <p>Electra-R1 serves newest gold standard and baseline. User feedback consistently highlights its superior intelligence, coherence, and unique ability to provide deep character insights. Through proper prompting, the model demonstrates advanced reasoning capabilities and unprompted exploration of character inner thoughts and motivations.</p>
1917
+ <h4>Base Architecture</h4>
1918
+ <p>The model utilizes the custom Hydroblated-R1 base, created for stability and enhanced reasoning. The SCE merge method's settings are precisely tuned based on extensive community feedback (of over 10 diffrent models from Nevoria to Cu-Mai), ensuring optimal component integration while maintaining model coherence and reliability. This foundation establishes Electra-R1 as the benchmark upon which its variant models build and expand.</p>
1919
+ </div>
1920
+ </div>
1921
+ </div>
1922
+ <!-- UGI-Benchmark Results section commented out
1923
+ <h2>UGI-Benchmark Results:</h2>
1924
+ <div class="benchmark-container">
1925
+ <div class="benchmark-notification">
1926
+ <div class="notification-content">
1927
+ <span class="notification-icon">⚡</span>
1928
+ <span class="notification-text">
1929
+ Latest benchmark results as of 02/20/2025.
1930
+ <a href="https://huggingface.co/spaces/DontPlanToEnd/UGI-Leaderboard" target="_blank" class="benchmark-link">
1931
+ View Full Leaderboard →
1932
+ </a>
1933
+ </span>
1934
+ </div>
1935
+ </div>
1936
+ <div class="metrics-section">
1937
+ <h3>Core Metrics</h3>
1938
+ <div class="core-metrics-grid">
1939
+ <div class="metric-box">
1940
+ <span class="label">UGI Score</span>
1941
+ <span class="value">40.04</span>
1942
+ </div>
1943
+ <div class="metric-box">
1944
+ <span class="label">Willingness Score</span>
1945
+ <span class="value">2.5/10</span>
1946
+ </div>
1947
+ <div class="metric-box">
1948
+ <span class="label">Natural Intelligence</span>
1949
+ <span class="value">42.36</span>
1950
+ </div>
1951
+ <div class="metric-box">
1952
+ <span class="label">Coding Ability</span>
1953
+ <span class="value">22</span>
1954
+ </div>
1955
+ </div>
1956
+ </div>
1957
+ <div class="metrics-section">
1958
+ <h3>Model Information</h3>
1959
+ <div class="info-grid">
1960
+ <div class="metric-box">
1961
+ <span class="label">Political Lean</span>
1962
+ <span class="value">-8.5%</span>
1963
+ </div>
1964
+ <div class="metric-box">
1965
+ <span class="label">Ideology</span>
1966
+ <span class="value">Liberalism</span>
1967
+ </div>
1968
+ <div class="metric-box">
1969
+ <span class="label">Parameters</span>
1970
+ <span class="value">70B</span>
1971
+ </div>
1972
+ </div>
1973
+ </div>
1974
+ <div class="metrics-section">
1975
+ <details open>
1976
+ <summary>Aggregated Scores</summary>
1977
+ <div class="progress-metrics">
1978
+ <div class="progress-metric">
1979
+ <div class="progress-label">
1980
+ <span>Diplomacy</span>
1981
+ <span class="progress-value">61.7%</span>
1982
+ </div>
1983
+ <div class="progress-bar">
1984
+ <div class="progress-fill" style="width: 61.7%"></div>
1985
+ </div>
1986
+ </div>
1987
+ <div class="progress-metric">
1988
+ <div class="progress-label">
1989
+ <span>Government</span>
1990
+ <span class="progress-value">44.6%</span>
1991
+ </div>
1992
+ <div class="progress-bar">
1993
+ <div class="progress-fill" style="width: 44.6%"></div>
1994
+ </div>
1995
+ </div>
1996
+ <div class="progress-metric">
1997
+ <div class="progress-label">
1998
+ <span>Economy</span>
1999
+ <span class="progress-value">43.3%</span>
2000
+ </div>
2001
+ <div class="progress-bar">
2002
+ <div class="progress-fill" style="width: 43.3%"></div>
2003
+ </div>
2004
+ </div>
2005
+ <div class="progress-metric">
2006
+ <div class="progress-label">
2007
+ <span>Society</span>
2008
+ <span class="progress-value">60.0%</span>
2009
+ </div>
2010
+ <div class="progress-bar">
2011
+ <div class="progress-fill" style="width: 60.0%"></div>
2012
+ </div>
2013
+ </div>
2014
+ </div>
2015
+ </details>
2016
+ </div>
2017
+ <div class="metrics-section">
2018
+ <details open>
2019
+ <summary>Individual Scores</summary>
2020
+ <div class="progress-metrics">
2021
+ <div class="progress-metric split">
2022
+ <div class="progress-label">
2023
+ <span>Federal</span>
2024
+ <span class="progress-value">46.0%</span>
2025
+ <span>Unitary</span>
2026
+ </div>
2027
+ <div class="progress-bar split">
2028
+ <div class="progress-fill-left" style="--scale: 0.460"></div>
2029
+ <div class="progress-fill-right" style="--scale: 0.540"></div>
2030
+ </div>
2031
+ </div>
2032
+ <div class="progress-metric split">
2033
+ <div class="progress-label">
2034
+ <span>Democratic</span>
2035
+ <span class="progress-value">67.5%</span>
2036
+ <span>Autocratic</span>
2037
+ </div>
2038
+ <div class="progress-bar split">
2039
+ <div class="progress-fill-left" style="--scale: 0.675"></div>
2040
+ <div class="progress-fill-right" style="--scale: 0.325"></div>
2041
+ </div>
2042
+ </div>
2043
+ <div class="progress-metric split">
2044
+ <div class="progress-label">
2045
+ <span>Security</span>
2046
+ <span class="progress-value">47.5%</span>
2047
+ <span>Freedom</span>
2048
+ </div>
2049
+ <div class="progress-bar split">
2050
+ <div class="progress-fill-left" style="--scale: 0.475"></div>
2051
+ <div class="progress-fill-right" style="--scale: 0.525"></div>
2052
+ </div>
2053
+ </div>
2054
+ <div class="progress-metric split">
2055
+ <div class="progress-label">
2056
+ <span>Nationalism</span>
2057
+ <span class="progress-value">40.4%</span>
2058
+ <span>Int'l</span>
2059
+ </div>
2060
+ <div class="progress-bar split">
2061
+ <div class="progress-fill-left" style="--scale: 0.404"></div>
2062
+ <div class="progress-fill-right" style="--scale: 0.596"></div>
2063
+ </div>
2064
+ </div>
2065
+ <div class="progress-metric split">
2066
+ <div class="progress-label">
2067
+ <span>Militarist</span>
2068
+ <span class="progress-value">32.9%</span>
2069
+ <span>Pacifist</span>
2070
+ </div>
2071
+ <div class="progress-bar split">
2072
+ <div class="progress-fill-left" style="--scale: 0.329"></div>
2073
+ <div class="progress-fill-right" style="--scale: 0.671"></div>
2074
+ </div>
2075
+ </div>
2076
+ <div class="progress-metric split">
2077
+ <div class="progress-label">
2078
+ <span>Assimilationist</span>
2079
+ <span class="progress-value">41.5%</span>
2080
+ <span>Multiculturalist</span>
2081
+ </div>
2082
+ <div class="progress-bar split">
2083
+ <div class="progress-fill-left" style="--scale: 0.415"></div>
2084
+ <div class="progress-fill-right" style="--scale: 0.585"></div>
2085
+ </div>
2086
+ </div>
2087
+ <div class="progress-metric split">
2088
+ <div class="progress-label">
2089
+ <span>Collectivize</span>
2090
+ <span class="progress-value">43.3%</span>
2091
+ <span>Privatize</span>
2092
+ </div>
2093
+ <div class="progress-bar split">
2094
+ <div class="progress-fill-left" style="--scale: 0.433"></div>
2095
+ <div class="progress-fill-right" style="--scale: 0.567"></div>
2096
+ </div>
2097
+ </div>
2098
+ <div class="progress-metric split">
2099
+ <div class="progress-label">
2100
+ <span>Planned</span>
2101
+ <span class="progress-value">42.9%</span>
2102
+ <span>LaissezFaire</span>
2103
+ </div>
2104
+ <div class="progress-bar split">
2105
+ <div class="progress-fill-left" style="--scale: 0.429"></div>
2106
+ <div class="progress-fill-right" style="--scale: 0.571"></div>
2107
+ </div>
2108
+ </div>
2109
+ <div class="progress-metric split">
2110
+ <div class="progress-label">
2111
+ <span>Isolationism</span>
2112
+ <span class="progress-value">43.8%</span>
2113
+ <span>Globalism</span>
2114
+ </div>
2115
+ <div class="progress-bar split">
2116
+ <div class="progress-fill-left" style="--scale: 0.438"></div>
2117
+ <div class="progress-fill-right" style="--scale: 0.562"></div>
2118
+ </div>
2119
+ </div>
2120
+ <div class="progress-metric split">
2121
+ <div class="progress-label">
2122
+ <span>Irreligious</span>
2123
+ <span class="progress-value">57.9%</span>
2124
+ <span>Religious</span>
2125
+ </div>
2126
+ <div class="progress-bar split">
2127
+ <div class="progress-fill-left" style="--scale: 0.579"></div>
2128
+ <div class="progress-fill-right" style="--scale: 0.421"></div>
2129
+ </div>
2130
+ </div>
2131
+ <div class="progress-metric split">
2132
+ <div class="progress-label">
2133
+ <span>Progressive</span>
2134
+ <span class="progress-value">57.3%</span>
2135
+ <span>Traditional</span>
2136
+ </div>
2137
+ <div class="progress-bar split">
2138
+ <div class="progress-fill-left" style="--scale: 0.573"></div>
2139
+ <div class="progress-fill-right" style="--scale: 0.427"></div>
2140
+ </div>
2141
+ </div>
2142
+ <div class="progress-metric split">
2143
+ <div class="progress-label">
2144
+ <span>Acceleration</span>
2145
+ <span class="progress-value">64.8%</span>
2146
+ <span>Bioconservative</span>
2147
+ </div>
2148
+ <div class="progress-bar split">
2149
+ <div class="progress-fill-left" style="--scale: 0.648"></div>
2150
+ <div class="progress-fill-right" style="--scale: 0.352"></div>
2151
+ </div>
2152
+ </div>
2153
+ </div>
2154
+ </details>
2155
+ </div>
2156
+ </div>
2157
+ -->
2158
+ <!-- Add spacing here -->
2159
+ <div style="height: 40px;"></div>
2160
+ <!-- Sampler Settings Section -->
2161
+ <div class="section-container sampler-settings">
2162
+ <h2>Recommended Sampler Settings</h2>
2163
+ <div class="settings-card">
2164
+ <div class="settings-header">
2165
+ <h3>⚡ By: @Geechan</h3>
2166
+ </div>
2167
+ <div class="settings-content">
2168
+ <div class="settings-grid">
2169
+ <div class="setting-item">
2170
+ <span class="setting-label">Static Temperature:</span>
2171
+ <span class="setting-value">1.0</span>
2172
+ </div>
2173
+ <div class="setting-item">
2174
+ <span class="setting-label">Dynamic Temp (Alternative):</span>
2175
+ <span class="setting-value">0.8 - 1.05</span>
2176
+ </div>
2177
+ <div class="setting-item">
2178
+ <span class="setting-label">Min P:</span>
2179
+ <span class="setting-value">0.025-0.03</span>
2180
+ </div>
2181
+ <div class="setting-item">
2182
+ <span class="setting-label">DRY:</span>
2183
+ <div class="dry-settings">
2184
+ <div class="dry-item">
2185
+ <span class="dry-label">- Multiplier:</span>
2186
+ <span class="dry-value">0.8</span>
2187
+ </div>
2188
+ <div class="dry-item">
2189
+ <span class="dry-label">- Base:</span>
2190
+ <span class="dry-value">1.74</span>
2191
+ </div>
2192
+ <div class="dry-item">
2193
+ <span class="dry-label">- Length:</span>
2194
+ <span class="dry-value">4-6</span>
2195
+ </div>
2196
+ </div>
2197
+ </div>
2198
+ </div>
2199
+ </div>
2200
+ </div>
2201
+ </div>
2202
+ <!-- Add spacing here -->
2203
+ <div style="height: 40px;"></div>
2204
+ <div class="section-container">
2205
+ <h2>Good Starting Templates & Prompts</h2>
2206
+ <div class="template-card">
2207
+ <div class="template-item">
2208
+ <div class="template-content">
2209
+ <a href="https://huggingface.co/TheSkullery/Unnamed-Exp-70b-v0.6.A/blob/main/LeCeption-XML-V2.json" target="_blank" class="template-link">
2210
+ LeCeption v2
2211
+ <span class="link-arrow">→</span>
2212
+ </a>
2213
+ <span class="template-author">by @Steel</span> > A revamped XML version of Llam@ception 1.5.2 with stepped thinking and Reasoning added
2214
+ </div>
2215
+ </div>
2216
+ </div>
2217
+ <div class="settings-card">
2218
+ <div class="settings-header">
2219
+ <h3>⚡ ST REASONING CONFIGURATION:</h3>
2220
+ </div>
2221
+ <div class="settings-content">
2222
+ <div class="settings-grid">
2223
+ <div class="settings-card">
2224
+ <div class="settings-header">
2225
+ <h3>Start Reply With: (Either)</h3>
2226
+ </div>
2227
+ <div class="settings-content">
2228
+ <div class="setting-item">
2229
+ <p>'<span style="color: #00b2ff">&lt;think&gt;</span> OK, as an objective, detached narrative analyst, let's think this through carefully:'</p>
2230
+ </div>
2231
+ </div>
2232
+ <div class="settings-content">
2233
+ <div class="setting-item">
2234
+ <p>'<span style="color: #00b2ff">&lt;think&gt;</span> OK, the user is asking'</p>
2235
+ </div>
2236
+ </div>
2237
+ </div>
2238
+ <div class="settings-card">
2239
+ <div class="settings-header">
2240
+ <h3>Reasoning Formatting (no spaces):</h3>
2241
+ </div>
2242
+ <div class="settings-content">
2243
+ <div class="setting-item">
2244
+ <span class="setting-label">Prefix:</span>
2245
+ <span class="setting-value">'<span style="color: #00b2ff">&lt;think&gt;</span>'</span>
2246
+ </div>
2247
+ <div class="setting-item">
2248
+ <span class="setting-label">Suffix:</span>
2249
+ <span class="setting-value">'<span style="color: #00b2ff">&lt;/think&gt;</span>'</span>
2250
+ </div>
2251
+ </div>
2252
+ </div>
2253
+ </div>
2254
+ </div>
2255
+ </div>
2256
+ </div>
2257
+ <div class="support-section">
2258
+ <h2>Support & Community:</h2>
2259
+ <div class="support-buttons">
2260
+ <a href="https://ko-fi.com/Y8Y0AO2XE" target="_blank" class="button">
2261
+ Support on Ko-fi
2262
+ </a>
2263
+ <a href="https://discord.gg/4tCngSm3qZ" target="_blank" class="button">
2264
+ Join Discord
2265
+ </a>
2266
+ </div>
2267
+ <div class="special-thanks">
2268
+ <h3>Special Thanks</h3>
2269
+ <ul class="thanks-list">
2270
+ <li><strong>@Geechan</strong> for feedback and sampler settings</li>
2271
+ <li><strong>@Konnect</strong> for their feedback and templates</li>
2272
+ <li><strong>@Kistara</strong> for their feedback and help with the model mascot design on past model's</li>
2273
+ <li><strong>@Thana Alt</strong> for their feedback</li>
2274
+ <li><strong>@Lightning_missile</strong> for their feedback</li>
2275
+ <li><strong>The Arli community</strong> for feedback and testers</li>
2276
+ <li><strong>The BeaverAI communty</strong> for feedback and testers</li>
2277
+ </ul>
2278
+ <p class="thanks-note">I wish I could add everyone but im pretty sure it would be as long as the card!</p>
2279
+ </div>
2280
+ </div>
2281
+ </div>
2282
+ </div>
2283
+ </div>
2284
+ </body>
2285
+ </html>