|
|
--- |
|
|
base_model: |
|
|
- Vortex5/Crimson-Twilight-12B |
|
|
- Vortex5/Harmony-Bird-12B |
|
|
- Vortex5/LunaMaid-12B |
|
|
library_name: transformers |
|
|
tags: |
|
|
- mergekit |
|
|
- merge |
|
|
- roleplay |
|
|
--- |
|
|
<html lang="en"> |
|
|
<head> |
|
|
<meta charset="UTF-8"> |
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
|
<title>Scarlet-Eclipse — 12B</title> |
|
|
<link href="https://fonts.googleapis.com/css2?family=Cinzel+Decorative&family=Cinzel:wght@400;600&family=Orbitron:wght@400;600;700&family=JetBrains+Mono:wght@300;400;700&display=swap" rel="stylesheet"> |
|
|
<style> |
|
|
body { |
|
|
background: radial-gradient(circle at top left, #090000 0%, #000000 90%); |
|
|
color: #f0e6e6; |
|
|
font-family: 'JetBrains Mono', monospace; |
|
|
margin: 0; |
|
|
line-height: 1.6; |
|
|
overflow-x: hidden; |
|
|
} |
|
|
/* Background grid */ |
|
|
.cyber-grid-bg { |
|
|
position: fixed; |
|
|
top: 0; left: 0; right: 0; bottom: 0; |
|
|
background-image: |
|
|
linear-gradient(rgba(180,40,40,0.04) 1px, transparent 1px), |
|
|
linear-gradient(90deg, rgba(180,40,40,0.04) 1px, transparent 1px); |
|
|
background-size: 22px 22px; |
|
|
z-index: -1; |
|
|
} |
|
|
/* Outer frame */ |
|
|
.container { |
|
|
max-width: 1200px; |
|
|
margin: 70px auto; |
|
|
padding: 60px 70px; |
|
|
background: radial-gradient(circle at 40% 60%, rgba(15,0,0,0.9) 0%, rgba(0,0,0,0.96) 100%); |
|
|
border-radius: 22px; |
|
|
border: 3px double rgba(160,0,0,0.6); |
|
|
box-shadow: |
|
|
0 0 60px rgba(255,40,40,0.25), |
|
|
inset 0 0 60px rgba(160,0,0,0.3), |
|
|
0 0 0 3px rgba(255,200,200,0.05); |
|
|
position: relative; |
|
|
overflow: hidden; |
|
|
} |
|
|
/* Top ambient glow */ |
|
|
.container::before { |
|
|
content: ""; |
|
|
position: absolute; |
|
|
top: -180px; left: 50%; |
|
|
transform: translateX(-50%); |
|
|
width: 700px; height: 700px; |
|
|
background: radial-gradient(circle, rgba(255,0,0,0.18) 0%, transparent 70%); |
|
|
filter: blur(90px); |
|
|
z-index: 0; |
|
|
} |
|
|
/* Title block */ |
|
|
.title-container { |
|
|
border-left: 4px solid #c32a2a; |
|
|
background: rgba(30,0,0,0.75); |
|
|
padding: 30px 45px; |
|
|
margin-bottom: 50px; |
|
|
position: relative; |
|
|
box-shadow: 0 0 30px rgba(150,0,0,0.25); |
|
|
} |
|
|
.title-container::after { |
|
|
content: ""; |
|
|
position: absolute; |
|
|
bottom: 0; left: 0; |
|
|
width: 100%; height: 2px; |
|
|
background: linear-gradient(90deg, transparent, rgba(255,80,80,0.8), transparent); |
|
|
} |
|
|
.title-main { |
|
|
font-family: 'Cinzel Decorative', serif; |
|
|
font-size: 3.2rem; |
|
|
color: #ff4e4e; |
|
|
text-transform: uppercase; |
|
|
text-shadow: |
|
|
0 0 20px rgba(255,0,0,0.7), |
|
|
0 0 45px rgba(255,120,120,0.4); |
|
|
margin: 0; |
|
|
} |
|
|
.title-sub { |
|
|
font-family: 'Orbitron', sans-serif; |
|
|
color: #ffb3a0; |
|
|
font-size: 1.2rem; |
|
|
letter-spacing: 3px; |
|
|
text-transform: uppercase; |
|
|
margin-top: 6px; |
|
|
} |
|
|
.quote { |
|
|
font-family: 'Cinzel', serif; |
|
|
color: #ffbaba; |
|
|
font-style: italic; |
|
|
margin-top: 18px; |
|
|
text-shadow: 0 0 12px rgba(255,60,60,0.35); |
|
|
} |
|
|
/* Sections */ |
|
|
.section { |
|
|
background: rgba(20,0,0,0.9); |
|
|
border-left: 4px solid #c32a2a; |
|
|
border-radius: 8px; |
|
|
margin-bottom: 45px; |
|
|
box-shadow: 0 0 25px rgba(255,0,0,0.15); |
|
|
} |
|
|
.section-header { |
|
|
display: flex; |
|
|
align-items: center; |
|
|
background: rgba(255,80,80,0.08); |
|
|
padding: 12px 25px; |
|
|
border-bottom: 1px solid rgba(255,100,100,0.3); |
|
|
} |
|
|
.section-indicator { |
|
|
width: 8px; height: 20px; |
|
|
background-color: #ff4e4e; |
|
|
margin-right: 15px; |
|
|
} |
|
|
.section-title { |
|
|
font-family: 'Orbitron', sans-serif; |
|
|
color: #f0e6e6; |
|
|
font-size: 1.25rem; |
|
|
text-transform: uppercase; |
|
|
letter-spacing: 2px; |
|
|
} |
|
|
.section-content { |
|
|
padding: 25px 30px; |
|
|
font-size: 1.05rem; |
|
|
color: #ffecec; |
|
|
} |
|
|
/* Details & code block */ |
|
|
details { |
|
|
background: rgba(50,0,0,0.45); |
|
|
border-left: 4px solid #ff4e4e; |
|
|
border-radius: 8px; |
|
|
padding: 15px 25px; |
|
|
margin-top: 15px; |
|
|
transition: all 0.3s ease; |
|
|
cursor: pointer; |
|
|
} |
|
|
details:hover { |
|
|
box-shadow: 0 0 25px rgba(255,40,40,0.35), inset 0 0 20px rgba(100,0,0,0.3); |
|
|
} |
|
|
summary { |
|
|
font-family: 'Cinzel', serif; |
|
|
color: #ff7e7e; |
|
|
font-size: 1.05rem; |
|
|
font-weight: 600; |
|
|
} |
|
|
pre { |
|
|
background: rgba(15,0,0,0.9); |
|
|
color: #ffeaea; |
|
|
padding: 20px 25px; |
|
|
border-left: 4px solid #ff4e4e; |
|
|
border-radius: 8px; |
|
|
overflow-x: auto; |
|
|
} |
|
|
a { color: #ff7e7e; text-decoration: none; } |
|
|
a:hover { color: #fff; text-shadow: 0 0 12px rgba(255,120,120,0.9); } |
|
|
img { |
|
|
display:block; |
|
|
margin:0 auto 50px; |
|
|
border-radius:14px; |
|
|
max-width:92%; |
|
|
box-shadow: |
|
|
0 0 35px rgba(255,60,60,0.4), |
|
|
0 0 70px rgba(120,0,0,0.3), |
|
|
inset 0 0 10px rgba(255,100,100,0.2); |
|
|
} |
|
|
</style> |
|
|
</head> |
|
|
<body> |
|
|
<div class="cyber-grid-bg"></div> |
|
|
<div class="container"> |
|
|
<div class="title-container"> |
|
|
<h1 class="title-main">Scarlet Eclipse — 12B</h1> |
|
|
</div> |
|
|
|
|
|
<img src="https://cdn-uploads.huggingface.co/production/uploads/6669a3a617b838fda45637b8/zn5RZrMkNQRwy_F3MLPPW.png" alt="Scarlet-Eclipse-12B"/> |
|
|
|
|
|
<div class="section"> |
|
|
<div class="section-header"> |
|
|
<div class="section-indicator"></div> |
|
|
<h2 class="section-title">01 // OVERVIEW</h2> |
|
|
</div> |
|
|
<div class="section-content"> |
|
|
<p><b>Scarlet-Eclipse-12B</b> is a model merged using a custom method — it merges <a href="https://huggingface.co/Vortex5/Crimson-Twilight-12B">Vortex5/Crimson-Twilight-12B</a> and <a href="https://huggingface.co/Vortex5/Harmony-Bird-12B">Vortex5/Harmony-Bird-12B</a>, with <a href="https://huggingface.co/Vortex5/LunaMaid-12B">Vortex5/LunaMaid-12B</a> as a base.</p> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="section"> |
|
|
<div class="section-header"> |
|
|
<div class="section-indicator"></div> |
|
|
<h2 class="section-title">02 // MERGE CONFIGURATION</h2> |
|
|
</div> |
|
|
|
|
|
<div class="section-content"> |
|
|
<div class="pane"> |
|
|
<h3 class="pane-title silver-glow" |
|
|
style="font-size:1.5rem; font-weight:700; letter-spacing:2px; margin-bottom:12px;"> |
|
|
Custom Merge Method:<span class="underline"></span> |
|
|
</h3> |
|
|
|
|
|
<details class="expando"> |
|
|
<summary>Read full explanation</summary> |
|
|
|
|
|
<p style="margin-top:10px;"> |
|
|
It is a directional, coherence-aware merge algorithm that moves a base model along the weighted consensus direction defined by its donors rather than averaging |
|
|
them directly. Each donor’s influence is determined by its relative energy (the magnitude of its weight differences from the base), and the method normalizes and |
|
|
scales these offsets to preserve numerical stability. |
|
|
</p> |
|
|
|
|
|
<p> |
|
|
A small orthogonal adjustment prevents collapse when donors are highly similar, while the strength, trust, and top_k parameters control how far and how selectively |
|
|
the merge travels through parameter space. |
|
|
The result is a controlled shift in model behavior that reflects donor characteristics without discarding the base model’s underlying structure. |
|
|
</p> |
|
|
|
|
|
<details class="expando nested"> |
|
|
<summary>Show YAML</summary> |
|
|
<pre class="codeblock"><code> |
|
|
merge_method: flowforge |
|
|
models: |
|
|
- model: Vortex5/Crimson-Twilight-12B |
|
|
- model: Vortex5/Harmony-Bird-12B |
|
|
base_model: Vortex5/LunaMaid-12B |
|
|
parameters: |
|
|
strength: 0.9 |
|
|
trust: 1.0 |
|
|
dtype: bfloat16 |
|
|
tokenizer: |
|
|
source: Vortex5/LunaMaid-12B |
|
|
</code></pre> |
|
|
</details> |
|
|
</details> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="section"> |
|
|
<div class="section-header"> |
|
|
<div class="section-indicator"></div> |
|
|
<h2 class="section-title">03 // INTENDED USE</h2> |
|
|
</div> |
|
|
<div class="section-content"> |
|
|
🖋️ Storytelling • 🌒 Roleplay • 🔥 For deeper, evocative scenes |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="section"> |
|
|
<div class="section-header"> |
|
|
<div class="section-indicator"></div> |
|
|
<h2 class="section-title">04 // CREDITS</h2> |
|
|
</div> |
|
|
<div class="section-content"> |
|
|
<ul style="list-style:none;padding-left:10px;margin:0;"> |
|
|
<li><strong><a href="https://huggingface.co/mradermacher" target="_blank">Team Mradermacher</a></strong> — Static & imatrix quants</li> |
|
|
<li><strong><a href="https://huggingface.co/DeathGodlike" target="_blank">DeathGodlike</a></strong> — EXL3 quants</li> |
|
|
<li><strong><a>Original creators and model authors</a></strong></li> |
|
|
</ul> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</body> |
|
|
</html> |
