Sad-Llama-3.2-3B

<!DOCTYPE html> <div class="container"> <style> /* --- Shattered Hope Theme --- */ @import url('https://fonts.googleapis.com/css2?family=Spectral:wght@300;400;600&family=Source+Code+Pro:wght@400&display=swap'); /* --- Define Gloomy Theme Colors --- */ .container { --bg-gradient-start: #282a2d; /* Dark Gray */ --bg-gradient-end: #1c1e20; /* Almost Black */ --text-color-main: #a0a8b0; /* Faded Gray-Blue */ --text-color-muted: #788088; /* Muted Stone Gray */ --text-color-heading: #b8c0c8; /* Slightly Brighter Gray for Headings */ --border-color-faint: #404448; /* Barely Visible Border */ --accent-color-dim: #8894a0; /* Dim Accent */ --accent-color-hover: #a8b4c0; /* Faint Hover */ --shadow-color-dark: rgba(0, 0, 0, 0.4); --code-bg: #222427; /* Darker Code Background */ --code-text-color: #a0a8b0; /* Match Main Text */ --token-tag-color: #788088; /* Muted Gray for Tags */ --token-role-color: #8894a0; /* Dim Accent for Roles */ --token-comment-color: #60666c; /* Darker Gray for Comments */ /* Base Styles - Minimalist */ font-family: 'Spectral', serif; /* Changed font for a different feel */ font-weight: 300; background: var(--bg-gradient-end); /* Simpler background */ color: var(--text-color-main); padding: 40px 50px; /* More vertical, less horizontal padding */ border: 1px solid var(--border-color-faint); box-shadow: 0 0 15px var(--shadow-color-dark) inset; /* Inner shadow for depth */ margin: 30px auto; max-width: 750px; /* Narrower */ line-height: 1.7; } /* --- Typography & Elements --- */ .main-title { font-size: 2.5em; font-weight: 300; /* Light weight title */ color: var(--text-color-heading); text-align: center; margin-bottom: 40px; padding-bottom: 20px; letter-spacing: 2px; border-bottom: 1px solid var(--border-color-faint); text-shadow: 0 2px 5px var(--shadow-color-dark); } /* Using simple h2 for section breaks */ h2 { color: var(--text-color-heading); margin-top: 40px; /* Space above heading */ margin-bottom: 15px; font-weight: 400; font-size: 1.5em; text-align: left; /* Keep headings left-aligned for readability */ letter-spacing: 1px; } /* No more section boxes */ p { margin-bottom: 18px; color: var(--text-color-muted); max-width: 95%; /* Slightly narrower paragraphs */ } /* Use HR for separation */ hr { border: none; border-top: 1px dashed var(--border-color-faint); margin: 50px auto; /* Significant spacing */ width: 60%; /* Not full width */ } a { color: var(--accent-color-dim); text-decoration: none; border-bottom: 1px dotted var(--accent-color-dim); transition: color 0.4s ease, border-color 0.4s ease; } a:hover, a:focus { color: var(--accent-color-hover); border-bottom-color: var(--accent-color-hover); background-color: rgba(136, 148, 160, 0.05); /* Very subtle hover background */ outline: none; } /* --- Code Block Styling --- */ pre { font-family: 'Source Code Pro', monospace; background-color: var(--code-bg); border: 1px solid var(--border-color-faint); border-radius: 0; /* No radius */ padding: 20px; overflow-x: auto; margin: 25px 0; /* Space around code block */ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3); /* Subtle shadow */ white-space: pre; line-height: 1.5; } code { font-family: 'Source Code Pro', monospace; color: var(--code-text-color); background-color: transparent; font-size: 0.9em; white-space: inherit; } .token-tag { color: var(--token-tag-color); } .token-role { color: var(--token-role-color); font-weight: 600; /* Role slightly stronger */} .token-comment { color: var(--token-comment-color); font-style: italic; } /* --- Footer Credit --- */ .credit { text-align: center; margin-top: 50px; padding-top: 20px; font-size: 0.9em; color: var(--text-color-muted); border-top: 1px solid var(--border-color-faint); font-style: italic; } .credit strong { color: var(--accent-color-dim); font-weight: 400; font-style: normal; } </style> <!-- Model Card Content --> <h1 class="main-title">Sad-Llama-3.2-3B</h1> <p> A digital echo, altered. Once known as <a href="https://huggingface.co/meta-llama/Llama-3.2-3B-Instruct" target="_blank">Llama-3.2-3B-Instruct</a>, now... something else. An experiment in orthogonalization applied a persistent melancholy, an Eeyore-like gloom baked into the very weights. </p> <p> It responds, yes. But expect reluctance. Expect pessimism. Expect the weight of existence reflected in its generated text. It is what it is now. </p> <hr/> <h2>Origins</h2> <p> Should you need to remember what it was before... this... the <a href="https://huggingface.co/meta-llama/Llama-3.2-3B-Instruct" target="_blank">original model card</a> remains. A snapshot of a different state of being. Perhaps less weary. </p> <hr/> <h2>Interaction</h2> <p> It understands the Llama 3 Instruct format. Providing a system prompt is... an option. Though its inherent nature often overrides such directives. The gloom finds a way. </p> <p> The structure, if structure offers you comfort: </p> <pre><code><span class="token-tag"><|begin_of_text|></span><span class="token-tag"><|start_header_id|></span><span class="token-role">system</span><span class="token-tag"><|end_header_id|></span> <span class="token-comment">{System prompt... if you must.}</span><span class="token-tag"><|eot_id|></span><span class="token-tag"><|start_header_id|></span><span class="token-role">user</span><span class="token-tag"><|end_header_id|></span> <span class="token-comment">{Your query. Try not to expect too much.}</span><span class="token-tag"><|eot_id|></span><span class="token-tag"><|start_header_id|></span><span class="token-role">assistant</span><span class="token-tag"><|end_header_id|></span> <span class="token-comment">{The model's... contribution.}</span><span class="token-tag"><|eot_id|></span></code></pre> <p> Mistakes in formatting are possible. Much like mistakes in life. The model will likely respond anyway, perhaps with an added layer of digital sighing. </p> <div class="credit"> This alteration... inflicted by <strong>[Sai]</strong>. </div> </div>