Update README.md

README.md

@@ -6,186 +6,190 @@ base_model:
 - inflatebot/MN-12B-Mag-Mell-R1
 - Nitral-AI/Captain-Eris_Violet-GRPO-v0.420
 ---
-<div style="background: #000; padding:30px; border-radius:18px; box-shadow: 0 0 15px #7F00FF80, 0 0 30px #9D00FF66; color:#fff; max-width:900px; margin:auto; font-family:'Roboto', sans-serif; border:1px solid #7F00FF40;">    <style> 
-        @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap'); 
-        :root {
-            --primary: #7F00FF;
-            --secondary: #9D00FF;
-            --accent: #DA70D6;
+<div style="background: #000; padding:30px; border-radius:18px; box-shadow: 0 0 15px #7F00FF80, 0 0 30px #9D00FF66; color:#fff; max-width:900px; margin:auto; font-family:'Roboto', sans-serif; border:1px solid #7F00FF40;">    
+<style> 
+    @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap'); 
+    :root {
+        --primary: #7F00FF;
+        --secondary: #9D00FF;
+        --accent: #DA70D6;
+    }
+    body { 
+        margin: 0; 
+        padding: 0; 
+        background: #111; 
+        font-family: 'Roboto', sans-serif; 
+        color: #fff; 
+    } 
+    .gradient-text {
+        background: linear-gradient(90deg, var(--primary), var(--secondary), var(--accent), var(--primary));
+        background-size: 300% 300%;
+        -webkit-background-clip: text;
+        -webkit-text-fill-color: transparent;
+        animation: gradientShift 5s ease infinite;
+    }
+    @keyframes gradientShift {
+        0% {background-position: 0% 50%;}
+        50% {background-position: 100% 50%;}
+        100% {background-position: 0% 50%;}
+    }
+    .blue-btn { 
+        display: inline-flex;
+        align-items: center;
+        background: rgba(127, 0, 255, 0.1);
+        border: 1px solid rgba(127, 0, 255, 0.2);
+        color: #fff; 
+        border-radius: 8px;
+        padding: 6px 12px;
+        text-decoration: none; 
+        font-weight: 400;
+        font-size: 0.9em;
+        margin: 2px 4px;
+        transition: all 0.2s ease;
+        box-shadow: 0 2px 4px rgba(127, 0, 255, 0.1);
+        vertical-align: middle;
+        line-height: 1.4;
+    }
+    .blue-btn:hover {
+        background: rgba(127, 0, 255, 0.2);
+        border-color: rgba(127, 0, 255, 0.4);
+        transform: translateY(-1px);
+        box-shadow: 0 4px 8px rgba(127, 0, 255, 0.2);
+    }
+    .glass-card { 
+        background: rgba(0, 0, 0, 0.69); 
+        backdrop-filter: blur(10px); 
+        border-radius: 12px; 
+        box-shadow: 0 4px 12px rgba(127, 0, 255, 0.2); 
+        padding: 20px; 
+        margin-bottom: 2em; 
+        border: 1px solid rgba(127, 0, 255, 0.2);
+        transition: all 0.3s ease;
+    } 
+    .glass-card:hover {
+        box-shadow: 0 8px 24px rgba(127, 0, 255, 0.3);
+        transform: translateY(-2px);
+    }
+    .fancy-img { 
+        transition: all 0.3s ease; 
+        border-radius: 8px; 
+        border: 1px solid rgba(127, 0, 255, 0.2);
+        margin-bottom: 2em; 
+        box-shadow: 0 2px 8px rgba(127, 0, 255, 0.1);
+        width: 100%;
+        max-width: 100%;
+    } 
+    .fancy-img:hover { 
+        transform: scale(1.01); 
+        box-shadow: 0 4px 16px rgba(127, 0, 255, 0.2);
+    } 
+    h1, h2, h3 { 
+        transition: all 0.2s ease; 
+        cursor: default;
+        margin: 1em 0 0.5em 0;
+    } 
+    h1:hover, h2:hover, h3:hover { 
+        transform: translateY(-1px); 
+        color: var(--accent);
+    } 
+    blockquote { 
+        color: #ccc; 
+        font-style: italic; 
+        border-left: 4px solid var(--primary);
+        padding: 0.5em 1em;
+        margin: 1em 0;
+        background: rgba(127, 0, 255, 0.05);
+        border-radius: 0 8px 8px 0;
+        transition: all 0.3s ease;
+    }
+    blockquote:hover {
+        background: rgba(127, 0, 255, 0.1);
+        transform: translateX(2px);
+    }
+    .content > * {
+        opacity: 0;
+        transform: translateY(10px);
+        animation: fadeSlideIn 0.5s ease forwards;
+    }
+    @keyframes fadeSlideIn {
+        to {
+            opacity: 1;
+            transform: translateY(0);
         }
-        body { 
-            margin: 0; 
-            padding: 0; 
-            background: #111; 
-            font-family: 'Roboto', sans-serif; 
-            color: #fff; 
-        } 
-        .gradient-text {
-            background: linear-gradient(90deg, var(--primary), var(--secondary), var(--accent), var(--primary));
-            background-size: 300% 300%;
-            -webkit-background-clip: text;
-            -webkit-text-fill-color: transparent;
-            animation: gradientShift 5s ease infinite;
-        }
-        @keyframes gradientShift {
-            0% {background-position: 0% 50%;}
-            50% {background-position: 100% 50%;}
-            100% {background-position: 0% 50%;}
-        }
-        .blue-btn { 
-            display: inline-flex;
-            align-items: center;
-            background: rgba(127, 0, 255, 0.1);
-            border: 1px solid rgba(127, 0, 255, 0.2);
-            color: #fff; 
-            border-radius: 8px;
-            padding: 6px 12px;
-            text-decoration: none; 
-            font-weight: 400;
-            font-size: 0.9em;
-            margin: 2px 4px;
-            transition: all 0.2s ease;
-            box-shadow: 0 2px 4px rgba(127, 0, 255, 0.1);
-            vertical-align: middle;
-            line-height: 1.4;
-        }
-        .blue-btn:hover {
-            background: rgba(127, 0, 255, 0.2);
-            border-color: rgba(127, 0, 255, 0.4);
-            transform: translateY(-1px);
-            box-shadow: 0 4px 8px rgba(127, 0, 255, 0.2);
-        }
-        .glass-card { 
-            background: rgba(0, 0, 0, 0.69); 
-            backdrop-filter: blur(10px); 
-            border-radius: 12px; 
-            box-shadow: 0 4px 12px rgba(127, 0, 255, 0.2); 
-            padding: 20px; 
-            margin-bottom: 2em; 
-            border: 1px solid rgba(127, 0, 255, 0.2);
-            transition: all 0.3s ease;
-        } 
-        .glass-card:hover {
-            box-shadow: 0 8px 24px rgba(127, 0, 255, 0.3);
-            transform: translateY(-2px);
-        }
-        .fancy-img { 
-            transition: all 0.3s ease; 
-            border-radius: 8px; 
-            border: 1px solid rgba(127, 0, 255, 0.2);
-            margin-bottom: 2em; 
-            box-shadow: 0 2px 8px rgba(127, 0, 255, 0.1);
-            width: 100%;
-            max-width: 100%;
-        } 
-        .fancy-img:hover { 
-            transform: scale(1.01); 
-            box-shadow: 0 4px 16px rgba(127, 0, 255, 0.2);
-        } 
-        h1, h2, h3 { 
-            transition: all 0.2s ease; 
-            cursor: default;
-            margin: 1em 0 0.5em 0;
-        } 
-        h1:hover, h2:hover, h3:hover { 
-            transform: translateY(-1px); 
-            color: var(--accent);
-        } 
-        blockquote { 
-            color: #ccc; 
-            font-style: italic; 
-            border-left: 4px solid var(--primary);
-            padding: 0.5em 1em;
-            margin: 1em 0;
-            background: rgba(127, 0, 255, 0.05);
-            border-radius: 0 8px 8px 0;
-            transition: all 0.3s ease;
-        }
-        blockquote:hover {
-            background: rgba(127, 0, 255, 0.1);
-            transform: translateX(2px);
-        }
-        .content > * {
-            opacity: 0;
-            transform: translateY(10px);
-            animation: fadeSlideIn 0.5s ease forwards;
-        }
-        @keyframes fadeSlideIn {
-            to {
-                opacity: 1;
-                transform: translateY(0);
-            }
-        }
-        .content > *:nth-child(n) {
-            animation-delay: calc(n * 0.1s);
-        }
-        table {
-            border-collapse: collapse;
-            width: 100%;
-            margin: 1em 0;
-        }
-        th, td {
-            border: 1px solid rgba(127, 0, 255, 0.2);
-            padding: 0.75em;
-            text-align: left;
-        }
-        th {
-            background: rgba(127, 0, 255, 0.1);
-            color: var(--accent);
-        }
-        hr {
-            border: none;
-            border-top: 1px solid rgba(127, 0, 255, 0.2);
-            margin: 2em 0;
-        }
-    </style> 
-    <h1 class="fade-in" style="color:#FFD700; font-size:2.5em; margin-bottom:0.3em;">🧠 Violet-Magcap-12B</h1> 
-    <p style="color:#ccc; font-style:italic;">So here’s the lore...</p> 
-    <div class="glass-card"> 
-        <p> I might have taken <a href="https://huggingface.co/inflatebot/MN-12B-Mag-Mell-R1" class="blue-btn">Mag-Mell-12B-R1</a>,&ensp; jacked it up on SFT reasoning data like it was pre-workout for logic bros. Then for <strong style="color:#FFD700;">chaos</strong>, slapped it together with <a href="https://huggingface.co/Nitral-AI/Captain-Eris_Violet-GRPO-v0.420" class="blue-btn pulse-btn">Captain_Eris_Violet-GRPO</a> like some twisted AI Voltron. </p> 
-        <p><strong style="color:#FFD700;">Did I stop there? No.</strong><br> Double-tapped the merge with SFT on fresh reasoning data. Now it's solving problems like Bill Nye on a meme bender and hoarding cursed philosophy shitposts. </p> 
-    </div> 
-    <hr style="border:1px solid #FFD700; margin:2em 0;"> 
-    <h2 style="color:#FFD700;">🛠️ Model Details</h2> 
-    <table style="border-collapse: collapse; width: 100%; color: #fff; font-size: 1em;"> 
-        <tr> 
-            <th style="border: 1px solid #333; background-color: #000; color: #FFD700; padding: 0.5em;">Feature</th> 
-            <th style="border: 1px solid #333; background-color: #000; color: #FFD700; padding: 0.5em;">Description</th> 
-        </tr> 
-        <tr> 
-            <td style="border: 1px solid #333; padding: 0.5em;"><strong>Base Models</strong></td> 
-            <td style="border: 1px solid #333; padding: 0.5em;"> <a href="https://huggingface.co/inflatebot/MN-12B-Mag-Mell-R1" class="blue-btn">Mag-Mell-R1</a> + <a href="https://huggingface.co/Nitral-AI/Captain-Eris_Violet-GRPO-v0.420" class="blue-btn">Captain-Eris</a> </td> 
-        </tr> 
-        <tr> 
-            <td style="border: 1px solid #333; padding: 0.5em;"><strong>Size</strong></td> 
-            <td style="border: 1px solid #333; padding: 0.5em;">12B Parameters</td> 
-        </tr> 
-        <tr> 
-            <td style="border: 1px solid #333; padding: 0.5em;"><strong>Architecture</strong></td> 
-            <td style="border: 1px solid #333; padding: 0.5em;">Magmell + Reasoning → Captain Eris Merge + post-SFT</td> 
-        </tr> 
-        <tr> 
-            <td style="border: 1px solid #333; padding: 0.5em;"><strong>Post-Merge Tuning</strong></td> 
-            <td style="border: 1px solid #333; padding: 0.5em;">Double SFT on new reasoning data</td> 
-        </tr> 
-    </table> 
-    <hr style="border:1px solid #FFD700; margin:2em 0;"> 
-    <h2 style="color:#FFD700;">⚙️ Usage Presets</h2> 
-    <p><a href="https://huggingface.co/Nitral-AI/Violet_Magcap-12B/tree/main/ST%20Presets" class="blue-btn pulse-btn">🎛️ SillyTavern Presets</a></p>
-    <hr style="border:1px solid #FFD700; margin:2em 0;"> 
-    <h2 style="color:#FFD700;">💾 Quantized Versions</h2> 
-    <p> 🧠 <a href="https://huggingface.co/Lewdiculous/Violet_Magcap-12B-GGUF-IQ-Imatrix" class="blue-btn">Lewdiculus Imatrix (GGUF)</a><br> 🧠 <a href="https://huggingface.co/Nitrals-Quants/Violet_Magcap-12B-4bpw-exl2" class="blue-btn">Nitral 4bpw (ExL2)</a> </p> 
-    <hr style="border:1px solid #FFD700; margin:2em 0;"> 
-    <h2 style="color:#FFD700;">📦 Prompt Formats</h2> 
-    <p><strong style="color:#fff;">Reasoning Block + Prefix</strong></p> 
-    <img src="https://cdn-uploads.huggingface.co/production/uploads/642265bc01c62c1e4102dc36/tzo7SN9Srcp8VRpLfYgYt.png" alt="Reasoning Format" class="fancy-img fade-in" style="max-width:100%; margin-bottom:1em;"> 
-    <p><strong style="color:#fff;">ChatML Format</strong></p> 
-    <img src="https://cdn-uploads.huggingface.co/production/uploads/642265bc01c62c1e4102dc36/cbb9qyoPs4cRKCzYU7jPN.png" alt="ChatML Format" class="fancy-img fade-in" style="max-width:100%; margin-bottom:1em;">  
-    <p><strong style="color:#fff;">Quick Reply's</strong></p> 
-    <img src="https://cdn-uploads.huggingface.co/production/uploads/642265bc01c62c1e4102dc36/ghNuXOflLlotJ1hrSWZxE.png" alt="Quick Reply Preset" class="fancy-img fade-in" style="max-width:100%;">
-    <hr style="border:1px solid #FFD700; margin:2em 0;">
-    <h2 style="color:#FFD700;">🌀 Vibe Check</h2> 
-    <blockquote style="color:#ccc; font-style:italic; border-left:4px solid #FFD700; padding-left:1em; margin-left:0;"> It will help you solve problems. It will also make you question your existence.<br> <strong style="color:#FFD700;">Use wisely—or don’t.</strong> </blockquote> 
-    <hr style="border:1px solid #FFD700; margin:2em 0;"> 
-    <p style="color:#FFD700;"><strong>🧬 Created by:</strong> <a href="https://huggingface.co/Nitral-AI" class="blue-btn">Nitral-AI</a> </p> 
+    }
+    .content > *:nth-child(n) {
+        animation-delay: calc(n * 0.1s);
+    }
+    table {
+        border-collapse: collapse;
+        width: 100%;
+        margin: 1em 0;
+    }
+    th, td {
+        border: 1px solid rgba(127, 0, 255, 0.2);
+        padding: 0.75em;
+        text-align: left;
+    }
+    th {
+        background: rgba(127, 0, 255, 0.1);
+        color: var(--accent);
+    }
+    hr {
+        border: none;
+        border-top: 1px solid rgba(127, 0, 255, 0.2);
+        margin: 2em 0;
+    }
+</style> 
+<h1 class="fade-in" style="color:#FFD700; font-size:2.5em; margin-bottom:0.3em;">🧠 Violet-Magcap-12B</h1> 
+<p style="color:#ccc; font-style:italic;">So here’s the lore...</p> 
+<div class="glass-card"> 
+    <p> I might have taken <a href="https://huggingface.co/inflatebot/MN-12B-Mag-Mell-R1" class="blue-btn">Mag-Mell-12B-R1</a>,&ensp; jacked it up on SFT reasoning data like it was pre-workout for logic bros. Then for <strong style="color:#FFD700;">chaos</strong>, slapped it together with <a href="https://huggingface.co/Nitral-AI/Captain-Eris_Violet-GRPO-v0.420" class="blue-btn pulse-btn">Captain_Eris_Violet-GRPO</a> like some twisted AI Voltron. </p> 
+    <p><strong style="color:#FFD700;">Did I stop there? No.</strong><br> Double-tapped the merge with SFT on fresh reasoning data. Now it's solving problems like Bill Nye on a meme bender and hoarding cursed philosophy shitposts. </p> 
+</div> 
+<hr style="border:1px solid #FFD700; margin:2em 0;"> 
+<h2 style="color:#FFD700;">🛠️ Model Details</h2> 
+<table style="border-collapse: collapse; width: 100%; color: #fff; font-size: 1em;"> 
+    <tr> 
+        <th style="border: 1px solid #333; background-color: #000; color: #FFD700; padding: 0.5em;">Feature</th> 
+        <th style="border: 1px solid #333; background-color: #000; color: #FFD700; padding: 0.5em;">Description</th> 
+    </tr> 
+    <tr> 
+        <td style="border: 1px solid #333; padding: 0.5em;"><strong>Base Models</strong></td> 
+        <td style="border: 1px solid #333; padding: 0.5em;"> <a href="https://huggingface.co/inflatebot/MN-12B-Mag-Mell-R1" class="blue-btn">Mag-Mell-R1</a> + <a href="https://huggingface.co/Nitral-AI/Captain-Eris_Violet-GRPO-v0.420" class="blue-btn">Captain-Eris</a> </td> 
+    </tr> 
+    <tr> 
+        <td style="border: 1px solid #333; padding: 0.5em;"><strong>Size</strong></td> 
+        <td style="border: 1px solid #333; padding: 0.5em;">12B Parameters</td> 
+    </tr> 
+    <tr> 
+        <td style="border: 1px solid #333; padding: 0.5em;"><strong>Architecture</strong></td> 
+        <td style="border: 1px solid #333; padding: 0.5em;">Magmell + Reasoning → Captain Eris Merge + post-SFT</td> 
+    </tr> 
+    <tr> 
+        <td style="border: 1px solid #333; padding: 0.5em;"><strong>Post-Merge Tuning</strong></td> 
+        <td style="border: 1px solid #333; padding: 0.5em;">Double SFT on new reasoning data</td> 
+    </tr> 
+</table> 
+<hr style="border:1px solid #FFD700; margin:2em 0;"> 
+<h2 style="color:#FFD700;">⚙️ Usage Presets</h2> 
+<p><a href="https://huggingface.co/Nitral-AI/Violet_Magcap-12B/tree/main/ST%20Presets" class="blue-btn pulse-btn">🎛️ SillyTavern Presets</a></p>
+<hr style="border:1px solid #FFD700; margin:2em 0;"> 
+<h2 style="color:#FFD700;">💾 Quantized Versions</h2> 
+<p> 🧠 <a href="https://huggingface.co/Lewdiculous/Violet_Magcap-12B-GGUF-IQ-Imatrix" class="blue-btn">Lewdiculus Imatrix (GGUF)</a><br> 🧠 <a href="https://huggingface.co/Nitrals-Quants/Violet_Magcap-12B-4bpw-exl2" class="blue-btn">Nitral 4bpw (ExL2)</a> </p> 
+<hr style="border:1px solid #FFD700; margin:2em 0;"> 
+<h2 style="color:#FFD700;">📦 Prompt Formats</h2> 
+<p><strong style="color:#fff;">Reasoning Block + Prefix</strong></p> 
+<img src="https://cdn-uploads.huggingface.co/production/uploads/642265bc01c62c1e4102dc36/tzo7SN9Srcp8VRpLfYgYt.png" alt="Reasoning Format" class="fancy-img fade-in" style="max-width:100%; margin-bottom:1em;"> 
+<p><strong style="color:#fff;">ChatML Format</strong></p> 
+<img src="https://cdn-uploads.huggingface.co/production/uploads/642265bc01c62c1e4102dc36/cbb9qyoPs4cRKCzYU7jPN.png" alt="ChatML Format" class="fancy-img fade-in" style="max-width:100%; margin-bottom:1em;">  
+<p><strong style="color:#fff;">Quick Reply's</strong></p> 
+<img src="https://cdn-uploads.huggingface.co/production/uploads/642265bc01c62c1e4102dc36/ghNuXOflLlotJ1hrSWZxE.png" alt="Quick Reply Preset" class="fancy-img fade-in" style="max-width:100%;">
+<hr style="border:1px solid #FFD700; margin:2em 0;">
+<h2 style="color:#FFD700;">🌀 Vibe Check</h2> 
+<blockquote style="color:#ccc; font-style:italic; border-left:4px solid #FFD700; padding-left:1em; margin-left:0;"> It will help you solve problems. It will also make you question your existence.<br> <strong style="color:#FFD700;">Use wisely—or don’t.</strong> </blockquote> 
+<hr style="border:1px solid #FFD700; margin:2em 0;"> 
+<p style="color:#FFD700;"><strong>🧬 Created by:</strong> 
+    <a href="https://huggingface.co/Nitral-AI" class="blue-btn">Nitral-AI</a> 
+    <a href="https://ko-fi.com/nitralai" class="blue-btn" style="margin-left: 6px;">💖 Support on Ko-fi</a>
+</p> 
 </div>