PocketDoc commited on
Commit
9458471
·
verified ·
1 Parent(s): db8c7d7

Create README.md

Browse files
Files changed (1) hide show
  1. README.md +435 -0
README.md ADDED
@@ -0,0 +1,435 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ ---
2
+ thumbnail: >-
3
+ https://huggingface.co/PocketDoc/Dans-PersonalityEngine-V1.3.0-12b/resolve/main/resources/pe.png
4
+ license: apache-2.0
5
+ tags:
6
+ - general-purpose
7
+ - roleplay
8
+ - storywriting
9
+ - chemistry
10
+ - biology
11
+ - code
12
+ - climate
13
+ - axolotl
14
+ - text-generation-inference
15
+ - finetune
16
+ - legal
17
+ - medical
18
+ - finance
19
+ datasets:
20
+ - PocketDoc/Dans-Prosemaxx-RP
21
+ - PocketDoc/Dans-Personamaxx-Logs-2
22
+ - PocketDoc/Dans-Personamaxx-VN
23
+ - PocketDoc/Dans-Kinomaxx-VanillaBackrooms
24
+ - PocketDoc/Dans-Prosemaxx-Gutenberg
25
+ - PocketDoc/Dans-Prosemaxx-Cowriter-3-XL
26
+ - PocketDoc/Dans-Prosemaxx-Adventure
27
+ - PocketDoc/Dans-Failuremaxx-Adventure-3
28
+ - PocketDoc/Dans-Prosemaxx-InstructWriter-ZeroShot-2
29
+ - PocketDoc/Dans-Prosemaxx-InstructWriter-ZeroShot-3
30
+ - PocketDoc/Dans-Prosemaxx-InstructWriter-Continue-2
31
+ - PocketDoc/Dans-Prosemaxx-Instructwriter-Long
32
+ - PocketDoc/Dans-Prosemaxx-RepRemover-1
33
+ - PocketDoc/Dans-MemoryCore-CoreCurriculum-Small
34
+ - AquaV/US-Army-Survival-Sharegpt
35
+ - AquaV/Multi-Environment-Operations-Sharegpt
36
+ - AquaV/Resistance-Sharegpt
37
+ - AquaV/Interrogation-Sharegpt
38
+ - AquaV/Chemical-Biological-Safety-Applications-Sharegpt
39
+ - AquaV/Energetic-Materials-Sharegpt
40
+ - PocketDoc/Dans-Mathmaxx
41
+ - PJMixers/Math-Multiturn-1K-ShareGPT
42
+ - PocketDoc/Dans-Taskmaxx
43
+ - PocketDoc/Dans-Taskmaxx-DataPrepper
44
+ - PocketDoc/Dans-Taskmaxx-ConcurrentQA-Reworked
45
+ - PocketDoc/Dans-Taskmaxx-TableGPT
46
+ - PocketDoc/Dans-Taskmaxx-SciRIFF
47
+ - PocketDoc/Dans-Taskmaxx-Edit
48
+ - PocketDoc/Dans-Toolmaxx-Agent
49
+ - PocketDoc/Dans-Toolmaxx-ShellCommands
50
+ - PocketDoc/Dans-Toolmaxx-Functions-Toolbench
51
+ - PocketDoc/Dans-Toolmaxx-Functions-ToolACE
52
+ - PocketDoc/Dans-Toolmaxx-Functions-apigen-subset
53
+ - PocketDoc/Dans-Assistantmaxx-OpenAssistant2
54
+ - PocketDoc/Dans-Assistantmaxx-Opus-Merge-2
55
+ - PocketDoc/Dans-Assistantmaxx-sonnetorca-subset
56
+ - PocketDoc/Dans-Assistantmaxx-sonnetorca-subset-2
57
+ - PocketDoc/Dans-Assistantmaxx-Synthia
58
+ - PocketDoc/Dans-Assistantmaxx-ASL
59
+ - PocketDoc/Dans-Assistantmaxx-PersonaLLM-Opus
60
+ - PocketDoc/Dans-Assistantmaxx-LongAlign
61
+ - PocketDoc/Dans-Assistantmaxx-OpenLeecher-Instruct
62
+ - PocketDoc/Dans-Assistantmaxx-Tulu3-IF
63
+ - PocketDoc/Dans-Systemmaxx
64
+ - PocketDoc/Dans-Logicmaxx-SAT-AP
65
+ - PJMixers/grimulkan_theory-of-mind-ShareGPT
66
+ - PJMixers/grimulkan_physical-reasoning-ShareGPT
67
+ - PocketDoc/Dans-Reasoningmaxx-NaturalReasoning
68
+ - PocketDoc/Dans-Reasoningmaxx-WebInstruct
69
+ - PocketDoc/Dans-Reasoningmaxx-GeneralReasoning
70
+
71
+ language:
72
+ - en
73
+ base_model:
74
+ - mistralai/Mistral-Nemo-Base-2407
75
+ pipeline_tag: text-generation
76
+ library_name: transformers
77
+ ---
78
+
79
+ <!doctype html>
80
+ <html lang="en">
81
+ <head>
82
+ <meta charset="UTF-8" />
83
+ <meta name="viewport" content="width=device-width, initial-scale=1.0" />
84
+ <title>Dans-PersonalityEngine-V1.3.0-12b</title>
85
+ </head>
86
+ <div class="crt-container">
87
+ <div class="crt-case">
88
+ <div class="crt-inner-case">
89
+ <div class="crt-bezel">
90
+ <div class="terminal-screen">
91
+ <div style="text-align: center">
92
+ <h2>Dans-PersonalityEngine-V1.3.0-12b</h2>
93
+ <pre
94
+ class="code-block"
95
+ style="
96
+ display: inline-block;
97
+ text-align: left;
98
+ font-size: clamp(2px, 0.8vw, 14px);
99
+ line-height: 1.2;
100
+ max-width: 100%;
101
+ overflow: hidden;
102
+ white-space: pre;
103
+ "
104
+ >
105
+ ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⠀⠄⠀⡂⠀⠁⡄⢀⠁⢀⣈⡄⠌⠐⠠⠤⠄⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀
106
+ ⠀⠀⠀⠀⠀⠀⠀⠀⡄⠆⠀⢠⠀⠛⣸⣄⣶⣾⡷⡾⠘⠃⢀⠀⣴⠀⡄⠰⢆⣠⠘⠰⠀⡀⠀⠀⠀⠀⠀
107
+ ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠃⠀⡋⢀⣤⡿⠟⠋⠁⠀⡠⠤⢇⠋⠀⠈⠃⢀⠀⠈⡡⠤⠀⠀⠁⢄⠀⠀⠀⠀
108
+ ⠀⠀⠀⠀⠀⠁⡂⠀⠀⣀⣔⣧⠟⠋⠀⢀⡄⠀⠪⣀⡂⢁⠛⢆⠀⠀⠀⢎⢀⠄⢡⠢⠛⠠⡀⠀⠄⠀⠀
109
+ ⠀⠀⡀⠡⢑⠌⠈⣧⣮⢾⢏⠁⠀⠀⡀⠠⠦⠈⠀⠞⠑⠁⠀⠀⢧⡄⠈⡜⠷⠒⢸⡇⠐⠇⠿⠈⣖⠂⠀
110
+ ⠀⢌⠀⠤⠀⢠⣞⣾⡗⠁⠀⠈⠁⢨⡼⠀⠀⠀⢀⠀⣀⡤⣄⠄⠈⢻⡇⠀⠐⣠⠜⠑⠁⠀⣀⡔⡿⠨⡄
111
+ ⠈⠂⠀⠆⠀⣼⣾⠟⠀⠑⠀⡐⠗⠉⠀⠐⠶⣤⡵⠋⠀⠠⠹⡌⡀⠘⠇⢠⣾⡣⣀⡴⠋⠅⠈⢊⠠⡱⡀
112
+ ⠪⠑⢌⠂⣼⣿⡟⠀⠀⠙⠀⠀⠀⡀⠀⠀⠐⡞⡐⠀⠀⡧⠀⢀⠠⠀⣁⠾⡇⠀⠙⡁⠀⠀⢀⣨⣄⡠⢱
113
+ ⣸⠈⠊⠙⣛⣿⡧⠔⠚⠛⠳⣄⣀⡬⠤⠬⠼⡣⠃⠀⢀⡗⠀⡤⠞⠙⠄⠂⠃⢀⣠⣤⠶⠙⠅⠁⠃⠋⠈
114
+ ⢋⠼⣀⠰⢯⢿⠁⠀⢢⠀⠀⢐���⡀⠀⠈⠁⠀⣀⣰⠏⠒⠙⠈⠀⣀⡤⠞⢁⣼⠏⠘⢀⣀⢤⢤⡐⢈⠂
115
+ ⠀⠢⠀⠀⠸⣿⡄⠲⠚⠘⠚⠃⢀⠀⠈⢋⠶⠛⠉⠉⢃⣀⢤⢾⠋⣁⡤⡚⠁⢹⠁⠠⢛⠠⠬⠁⢬⠀⠀
116
+ ⠀⠈⢳⣒⠋⠉⣿⢐⠠⣀⣃⠀⠀⠉⠂⢁⣀⣀⡤⢞⠩⢑⡨⠰⡞⠁⠁⢀⡠⠾⠎⡈⡌⡈⡓⡀⠄⠀⠀
117
+ ⠀⠀⠀⠉⠘⠃⢻⡒⠦⢼⣿⣛⣻⣿⡷⢄⣀⣀⣠⣴⢾⣿⣆⣡⡄⣠⣪⡿⣷⣾⣷⣧⡡⠅⣇⠍⠀⠀⠀
118
+ ⠀⠀⠀⠀⠀⠀⠀⠙⠒⠒⠛⠛⠓⠉⢹⠀⣷⠴⣻⣽⡻⢧⢻⡿⡏⣼⢿⣻⢾⣿⣿⣿⡿⢠ ⠀⠀⠀⠀
119
+ ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠂⠻⠨⠰⢋⡅⠉⣑⡇⡗⣿⢂⣸⡿⣿⣛⠿⠃⠁ ⠀⠀⠀⠀
120
+ ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠳⣌⣙⣸⢧⣿⣕⣼⣇⢹⠀⠀⠀⠀⠀⠀⠀⠀⠀
121
+ ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣠⣸⢧⢟⢟⡟⣾⠀⠀⠀⠀⠀⠀⠀⠀⠀
122
+ ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢸⢰⠙⣾⡟⣻⡕⣹⠀⠀⠀⠀⠀⠀⠀⠀⠀
123
+ ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢸⢸⢰⡏⢠⡿⠾⠋⠀⠀⠀⠀⠀⠀⠀⠀⠀
124
+ ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢸⢸⠸⡇⡏⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
125
+ ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠸⢸⢸⡇⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
126
+ ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠘⠇⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
127
+ </pre
128
+ >
129
+ </div>
130
+ <p>
131
+ Dans-PersonalityEngine is a versatile model series
132
+ designed for exceptional performance across a wide
133
+ range of tasks and domains.
134
+ </p>
135
+ <p>
136
+ This model series has been meticulously fine-tuned
137
+ on a diverse corpus of 40+ specialized datasets to
138
+ excel at both creative endeavors like roleplay and
139
+ co-writing, and technical tasks such as code
140
+ generation, tool use, and complex reasoning.
141
+ </p>
142
+ <p>
143
+ The total dataset size is around 1.7B tokens, 1.1B
144
+ of which are creative and 600M are technical.
145
+ </p>
146
+ <p>
147
+ V1.3.0 introduces multilingual capabilities with
148
+ support for 10 languages and enhanced domain
149
+ expertise across multiple fields.
150
+ </p>
151
+ <h3>Multilingual Support</h3>
152
+ <pre class="code-block">
153
+ Arabic Chinese English French German
154
+ Hindi Japanese Korean Portuguese Spanish</pre
155
+ >
156
+ <h3>Key Details</h3>
157
+ <pre class="code-block">
158
+ BASE MODEL: mistralai/Mistral-Nemo-Base-2407
159
+ LICENSE: apache-2.0
160
+ LANGUAGE: Multilingual with 10 supported languages
161
+ CONTEXT LENGTH: 32768 tokens, 131072 with degraded performance</pre
162
+ >
163
+ <h3>Recommended Settings</h3>
164
+ <pre class="code-block">
165
+ TEMPERATURE: 1.0
166
+ TOP_P: 0.95
167
+ MIN_P: 0.05</pre
168
+ >
169
+ <h3>Prompting Format</h3>
170
+ <p>
171
+ The model uses the following format I'll refer to as
172
+ "DanChat-2":
173
+ </p>
174
+ <pre class="code-block">
175
+ <|system|>system prompt<|endoftext|><|user|>Hi there!<|endoftext|><|assistant|>Hey, how can I help?<|endoftext|></pre
176
+ >
177
+ <h3>SillyTavern Template</h3>
178
+ <p>
179
+ <a
180
+ href="https://huggingface.co/PocketDoc/Dans-PersonalityEngine-V1.3.0-24b/resolve/main/resources/DanChat-2.json?download=true"
181
+ download
182
+ target="_blank"
183
+ rel="noopener noreferrer"
184
+ >
185
+ Download Master JSON
186
+ </a>
187
+ </p>
188
+ <h3>Training Process</h3>
189
+ <p>
190
+ The model was trained using Axolotl on 8x H100 GPUs
191
+ for 50 hours.
192
+ </p>
193
+ <h3>Support Development</h3>
194
+ <p>
195
+ Development is limited by funding and resources. To
196
+ help support:
197
+ </p>
198
+ <p>- Contact on HF</p>
199
+ <p>- Email: visuallyadequate@gmail.com</p>
200
+ <p class="coffee-container">
201
+ <a
202
+ href="https://www.buymeacoffee.com/visually"
203
+ target="_blank"
204
+ rel="noopener noreferrer"
205
+ >
206
+ <img
207
+ src="https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png"
208
+ alt="Buy Me A Coffee"
209
+ height="45"
210
+ width="162"
211
+ />
212
+ </a>
213
+ </p>
214
+ </div>
215
+ </div>
216
+ </div>
217
+ </div>
218
+ </div>
219
+ <style>
220
+ @import url("https://fonts.googleapis.com/css2?family=VT323&display=swap");
221
+ .crt-container {
222
+ padding: 10px;
223
+ max-width: 1000px;
224
+ margin: 0 auto;
225
+ width: 95%;
226
+ }
227
+ .crt-case {
228
+ background: #e8d7c3;
229
+ border-radius: 10px;
230
+ padding: 15px;
231
+ box-shadow:
232
+ inset -2px -2px 5px rgba(0, 0, 0, 0.3),
233
+ 2px 2px 5px rgba(0, 0, 0, 0.2);
234
+ }
235
+ .crt-inner-case {
236
+ background: #e8d7c3;
237
+ border-radius: 8px;
238
+ padding: 3px;
239
+ box-shadow:
240
+ inset -1px -1px 4px rgba(0, 0, 0, 0.3),
241
+ 1px 1px 4px rgba(0, 0, 0, 0.2);
242
+ }
243
+ .crt-bezel {
244
+ background: linear-gradient(145deg, #1a1a1a, #2a2a2a);
245
+ padding: 15px;
246
+ border-radius: 5px;
247
+ border: 3px solid #0a0a0a;
248
+ position: relative;
249
+ box-shadow:
250
+ inset 0 0 20px rgba(0, 0, 0, 0.5),
251
+ inset 0 0 4px rgba(0, 0, 0, 0.4),
252
+ inset 2px 2px 4px rgba(255, 255, 255, 0.05),
253
+ inset -2px -2px 4px rgba(0, 0, 0, 0.8),
254
+ 0 0 2px rgba(0, 0, 0, 0.6),
255
+ -1px -1px 4px rgba(255, 255, 255, 0.1),
256
+ 1px 1px 4px rgba(0, 0, 0, 0.3);
257
+ }
258
+ .crt-bezel::before {
259
+ content: "";
260
+ position: absolute;
261
+ top: 0;
262
+ left: 0;
263
+ right: 0;
264
+ bottom: 0;
265
+ background: linear-gradient(
266
+ 45deg,
267
+ rgba(255, 255, 255, 0.03) 0%,
268
+ rgba(255, 255, 255, 0) 40%,
269
+ rgba(0, 0, 0, 0.1) 60%,
270
+ rgba(0, 0, 0, 0.2) 100%
271
+ );
272
+ border-radius: 3px;
273
+ pointer-events: none;
274
+ }
275
+ .terminal-screen {
276
+ background: #111112;
277
+ padding: 20px;
278
+ border-radius: 15px;
279
+ position: relative;
280
+ overflow: hidden;
281
+ font-family: "VT323", monospace;
282
+ font-size: clamp(12px, 1.5vw, 16px);
283
+ color: #e49b3e;
284
+ line-height: 1.4;
285
+ text-shadow: 0 0 2px #e49b3e;
286
+ animation: flicker 0.15s infinite;
287
+ filter: brightness(1.1) contrast(1.1);
288
+ box-shadow:
289
+ inset 0 0 30px rgba(0, 0, 0, 0.9),
290
+ inset 0 0 8px rgba(0, 0, 0, 0.8),
291
+ 0 0 5px rgba(0, 0, 0, 0.6);
292
+ max-width: 80ch;
293
+ margin: 0 auto;
294
+ }
295
+ .terminal-screen h2,
296
+ .terminal-screen h3 {
297
+ font-size: clamp(16px, 2vw, 20px);
298
+ margin-bottom: 1em;
299
+ color: #e49b3e;
300
+ }
301
+ .terminal-screen pre.code-block {
302
+ font-size: clamp(10px, 1.3vw, 14px);
303
+ white-space: pre; /* Changed from pre-wrap to pre */
304
+ margin: 1em 0;
305
+ background-color: #1a1a1a;
306
+ padding: 1em;
307
+ border-radius: 4px;
308
+ color: #e49b3e;
309
+ overflow-x: auto; /* Added to enable horizontal scrolling */
310
+ }
311
+ .terminal-screen::before {
312
+ content: "";
313
+ position: absolute;
314
+ top: 0;
315
+ left: 0;
316
+ right: 0;
317
+ bottom: 0;
318
+ background:
319
+ linear-gradient(
320
+ rgba(18, 16, 16, 0) 50%,
321
+ rgba(0, 0, 0, 0.25) 50%
322
+ ),
323
+ url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyBAMAAADsEZWCAAAAGFBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA4o8JoAAAAB3RSTlMAGwQIEQMYADcPzwAAACJJREFUKM9jYBgFo2AU0Beg+A8YMCLxGYZCbNQEo4BaAAD5TQiR5wU9vAAAAABJRU5ErkJggg==");
324
+ background-size: 100% 2.5px;
325
+ animation: scan 1s linear infinite;
326
+ pointer-events: none;
327
+ z-index: 2;
328
+ }
329
+ .terminal-screen::after {
330
+ content: "";
331
+ position: absolute;
332
+ top: 0;
333
+ left: 0;
334
+ right: 0;
335
+ bottom: 0;
336
+ background: radial-gradient(
337
+ circle at center,
338
+ rgba(17, 17, 18, 0) 0%,
339
+ rgba(17, 17, 18, 0.2) 50%,
340
+ rgba(17, 17, 18, 0.15) 100%
341
+ );
342
+ border-radius: 20px;
343
+ animation: vignette-pulse 3s infinite;
344
+ pointer-events: none;
345
+ z-index: 1;
346
+ }
347
+ .terminal-screen details {
348
+ margin: 1em 0;
349
+ padding: 0.5em;
350
+ border: 1px solid #e49b3e;
351
+ border-radius: 4px;
352
+ }
353
+ .terminal-screen summary {
354
+ cursor: pointer;
355
+ font-weight: bold;
356
+ margin: -0.5em;
357
+ padding: 0.5em;
358
+ border-bottom: 1px solid #e49b3e;
359
+ color: #e49b3e;
360
+ }
361
+ .terminal-screen details[open] summary {
362
+ margin-bottom: 0.5em;
363
+ }
364
+ .badge-container,
365
+ .coffee-container {
366
+ text-align: center;
367
+ margin: 1em 0;
368
+ }
369
+ .badge-container img,
370
+ .coffee-container img {
371
+ max-width: 100%;
372
+ height: auto;
373
+ }
374
+ .terminal-screen a {
375
+ color: #e49b3e;
376
+ text-decoration: underline;
377
+ transition: opacity 0.2s;
378
+ }
379
+ .terminal-screen a:hover {
380
+ opacity: 0.8;
381
+ }
382
+ .terminal-screen strong,
383
+ .terminal-screen em {
384
+ color: #f0f0f0; /* off-white color for user/system messages */
385
+ }
386
+ .terminal-screen p {
387
+ color: #f0f0f0; /* off-white color for assistant responses */
388
+ }
389
+ .terminal-screen p,
390
+ .terminal-screen li {
391
+ color: #e49b3e;
392
+ }
393
+ .terminal-screen code,
394
+ .terminal-screen kbd,
395
+ .terminal-screen samp {
396
+ color: #e49b3e;
397
+ font-family: "VT323", monospace;
398
+ text-shadow: 0 0 2px #e49b3e;
399
+ background-color: #1a1a1a;
400
+ padding: 0.2em 0.4em;
401
+ border-radius: 4px;
402
+ }
403
+ .terminal-screen pre.code-block,
404
+ .terminal-screen pre {
405
+ font-size: clamp(10px, 1.3vw, 14px);
406
+ white-space: pre; /* Changed from pre-wrap to pre */
407
+ margin: 1em 0;
408
+ background-color: #1a1a1a;
409
+ padding: 1em;
410
+ border-radius: 4px;
411
+ color: #e49b3e;
412
+ overflow-x: auto; /* Added to enable horizontal scrolling */
413
+ }
414
+ .sponsor-image {
415
+ width: 360px;
416
+ height: auto;
417
+ border: 2px solid #e49b3e;
418
+ border-radius: 10px;
419
+ filter: brightness(0.9) sepia(0.2);
420
+ transition: all 0.3s ease;
421
+ }
422
+ .sponsor-image-small {
423
+ width: 180px;
424
+ height: auto;
425
+ border: 2px solid #e49b3e;
426
+ border-radius: 5px;
427
+ filter: brightness(0.9) sepia(0.2);
428
+ transition: all 0.3s ease;
429
+ }
430
+ .sponsor-image:hover {
431
+ filter: brightness(1) sepia(0);
432
+ box-shadow: 0 0 10px rgba(228, 155, 62, 0.5);
433
+ }
434
+ </style>
435
+ </html>