File size: 5,652 Bytes
bd2ce80
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
dc63b4a
bd2ce80
 
dfe5eb1
bd2ce80
 
 
 
 
 
 
 
 
 
 
 
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
---
license: other
language:
- en
---
<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 - v1.9</h1> 
    <p style="color:#ccc; font-style:italic;">What's version 1.9?</p> 
    <p> The reasoning format still uses <strong>&lt;think&gt;</strong> ... <strong>&lt;/think&gt;</strong> xml tags , i’ve also improved reasoning length control, to help fine-tune the reasoning output. Screenshots below for a visual reference, plus importable presets in the repo.</p>    
    <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-v1.9/tree/main/SillyTavern" class="gold-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/Nitrals-Quants/Violet-Magcap-12B-v1.9-Q5_K_M-GGUF" class="gold-btn">Q5_K_M</a><br> 🧠 <a href="https://huggingface.co/Nitral-AI/Violet-Magcap-12B-v1.9-Q8_0-GGUF" class="gold-btn">Q8_0-GGUF</a><br> 🧠 <a href="https://huggingface.co/Nitral-AI/Violet-Magcap-12B-v1.9-5bpw-exl2" class="gold-btn">5bpw Exl2</a><br>  </p> 
    <hr style="border:1px solid #FFD700; margin:2em 0;"> 
    <h2 style="color:#FFD700;">📦 Prompt Format</h2> 
    <p><strong style="color:#fff;">Reasoning Block + Prefix</strong></p> 
    <img src="https://cdn-uploads.huggingface.co/production/uploads/642265bc01c62c1e4102dc36/a_r83vE8xPRnndkBYVrvj.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/d-Hcpk-FB5tt_CPZdzay-.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/ZrOx_-1G8L-iYZBKrgJwP.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="gold-btn">Nitral-AI</a> </p> 
</div>