Update README.md

README.md

@@ -6,208 +6,4 @@ base_model:
 - inflatebot/MN-12B-Mag-Mell-R1
 - Nitral-AI/Captain-Eris_Violet-GRPO-v0.420
 ---
-<div style="background: #000000; padding:30px; border-radius:18px; box-shadow: 0 0 15px #FFD70080, 0 0 30px #FFD70033; color:#fff; max-width:900px; margin:auto; font-family:'Roboto', sans-serif; border:1px solid #FFD70040;">
-
-  <style>
-    /* Importing custom fonts */
-    @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');
-    
-    /* Global Styles */
-    body {
-      margin: 0;
-      padding: 0;
-      background: #111;
-      font-family: 'Roboto', sans-serif;
-      color: #fff;
-    }
-
-    .gold-btn {
-      display: inline-block;
-      background: #111;
-      border: 1px solid #FFD700;
-      color: #FFD700;
-      border-radius: 25px;
-      padding: 12px 24px;
-      text-decoration: none;
-      font-weight: 500;
-      font-size: 1.1em;
-      margin: 8px 6px;
-      transition: all 0.4s ease;
-      box-shadow: 0 0 6px #FFD70040;
-    }
-    .gold-btn:hover {
-      background: linear-gradient(90deg, #FFD700, #ffcc00);
-      color: #000;
-      box-shadow: 0 0 18px #FFD700AA, 0 0 36px #FFD70055;
-      transform: translateY(-3px);
-    }
-
-    /* Smooth fade-in animation */
-    .fade-in {
-      animation: fadeIn 1s ease-in;
-    }
-    @keyframes fadeIn {
-      0% { opacity: 0; }
-      100% { opacity: 1; }
-    }
-
-    /* Fancy image hover effect */
-    .fancy-img {
-      transition: transform 0.3s ease;
-      border-radius: 12px;
-      border: 1px solid #FFD70033;
-      margin-bottom: 2em;
-      box-shadow: 0 0 12px #FFD70033;
-      object-fit: cover;
-      cursor: pointer;
-    }
-
-    .fancy-img:hover {
-      transform: scale(1.1); /* Slight zoom effect on hover */
-      box-shadow: 0 0 24px #FFD70066, 0 0 36px #FFD70033;
-      border-color: #FFD70088;
-    }
-
-    .fancy-img-container {
-      position: relative;
-      overflow: hidden;
-      display: inline-block; /* Ensures image stays within bounds */
-    }
-
-    /* Zoom effect on mouse movement - only on the image */
-    .fancy-img-container:hover .fancy-img {
-      transform: scale(1.3); /* Scale image on hover */
-      transition: transform 0.3s ease-in-out;
-    }
-
-    /* Glassmorphism effect */
-    .glass-card {
-      background: rgba(0, 0, 0, 0.6);
-      backdrop-filter: blur(10px);
-      border-radius: 12px;
-      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
-      padding: 20px;
-      margin-bottom: 2em;
-    }
-
-    /* Button Pulse Animation */
-    .pulse-btn {
-      animation: pulse 1.5s infinite;
-    }
-    @keyframes pulse {
-      0% {
-        box-shadow: 0 0 5px #FFD700;
-      }
-      50% {
-        box-shadow: 0 0 15px #FFD700;
-      }
-      100% {
-        box-shadow: 0 0 5px #FFD700;
-      }
-    }
-
-    /* Hover effect for paragraphs and headings */
-    h1, h2, h3 {
-      transition: transform 0.3s ease-in-out;
-    }
-    h1:hover, h2:hover, h3:hover {
-      transform: translateY(-5px);
-      color: #FFD700;
-    }
-  </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="gold-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="gold-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="gold-btn">Mag-Mell-R1</a> + 
-        <a href="https://huggingface.co/Nitral-AI/Captain-Eris_Violet-GRPO-v0.420" class="gold-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="gold-btn pulse-btn">🎛️ ST Prompt 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="gold-btn">Lewdiculus Imatrix (GGUF)</a><br>
-    🧠 <a href="https://huggingface.co/Nitrals-Quants/Violet_Magcap-12B-4bpw-exl2" class="gold-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>
-  <div class="fancy-img-container">
-    <img src="https://cdn-uploads.huggingface.co/production/uploads/642265bc01c62c1e4102dc36/Gb6aBgJ_PVU0nDMp40wHJ.png" alt="Reasoning Format" class="fancy-img fade-in" style="max-width:100%; margin-bottom:1em;">
-  </div>
-
-  <p><strong style="color:#fff;">ChatML Format</strong></p>
-  <div class="fancy-img-container">
-    <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;">
-  </div>
-
-  <p><strong style="color:#fff;">Mistral Format</strong></p>
-  <div class="fancy-img-container">
-    <img src="https://cdn-uploads.huggingface.co/production/uploads/642265bc01c62c1e4102dc36/IQO9dhOrAySbSPGyiEfmd.png" alt="Mistral Format" class="fancy-img fade-in" style="max-width:100%;">
-  </div>
-
-  <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="gold-btn">Nitral-AI</a>
-  </p>
-
-</div>
+<div style="background: #000000; padding:30px; border-radius:18px; box-shadow: 0 0 15px #FFD70080, 0 0 30px #FFD70033; color:#fff; max-width:900px; margin:auto; font-family:'Roboto', sans-serif; border:1px solid #FFD70040;"> <style> /* Importing custom fonts */ @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap'); /* Global Styles */ body { margin: 0; padding: 0; background: #111; font-family: 'Roboto', sans-serif; color: #fff; } .gold-btn { display: inline-block; background: #111; border: 1px solid #FFD700; color: #FFD700; border-radius: 25px; padding: 12px 24px; text-decoration: none; font-weight: 500; font-size: 1.1em; margin: 8px 6px; transition: all 0.4s ease; box-shadow: 0 0 6px #FFD70040; } .gold-btn:hover { background: linear-gradient(90deg, #FFD700, #ffcc00); color: #000; box-shadow: 0 0 18px #FFD700AA, 0 0 36px #FFD70055; transform: translateY(-3px); } /* Smooth fade-in animation */ .fade-in { animation: fadeIn 1s ease-in; } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } /* Fancy image hover effect */ .fancy-img { transition: all 0.5s ease; border-radius: 12px; border: 1px solid #FFD70033; margin-bottom: 2em; box-shadow: 0 0 12px #FFD70033; } .fancy-img:hover { transform: scale(1.05); box-shadow: 0 0 24px #FFD70066, 0 0 36px #FFD70033; border-color: #FFD70088; } /* Glassmorphism effect */ .glass-card { background: rgba(0, 0, 0, 0.6); backdrop-filter: blur(10px); border-radius: 12px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); padding: 20px; margin-bottom: 2em; } /* Button Pulse Animation */ .pulse-btn { animation: pulse 1.5s infinite; } @keyframes pulse { 0% { box-shadow: 0 0 5px #FFD700; } 50% { box-shadow: 0 0 15px #FFD700; } 100% { box-shadow: 0 0 5px #FFD700; } } /* Hover effect for paragraphs and headings */ h1, h2, h3 { transition: transform 0.3s ease-in-out; } h1:hover, h2:hover, h3:hover { transform: translateY(-5px); color: #FFD700; } </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="gold-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="gold-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="gold-btn">Mag-Mell-R1</a> + <a href="https://huggingface.co/Nitral-AI/Captain-Eris_Violet-GRPO-v0.420" class="gold-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="gold-btn pulse-btn">🎛️ ST Prompt 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="gold-btn">Lewdiculus Imatrix (GGUF)</a><br> 🧠 <a href="https://huggingface.co/Nitrals-Quants/Violet_Magcap-12B-4bpw-exl2" class="gold-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/Gb6aBgJ_PVU0nDMp40wHJ.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;">Mistral Format</strong></p> <img src="https://cdn-uploads.huggingface.co/production/uploads/642265bc01c62c1e4102dc36/IQO9dhOrAySbSPGyiEfmd.png" alt="Mistral Format" 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="gold-btn">Nitral-AI</a> </p> </div>