Update README.md

README.md

@@ -6,28 +6,35 @@ library_name: transformers
 tags:
 - mergekit
 - merge
-
+- roleplay
 ---
-# merge
-
-This is a merge of pre-trained language models created using [mergekit](https://github.com/cg123/mergekit).
-
-## Merge Details
-### Merge Method
-
-This model was merged using the Synforge merge method using [Vortex5/Abyssal-Seraph-12B](https://huggingface.co/Vortex5/Abyssal-Seraph-12B) as a base.
+<section class="shell aether-theme">
 
-### Models Merged
+  <div class="title-frame">
+    <div class="title-block wide">
+      <h2 class="hero-title">Hollow-Aether-12B</h2>
+    </div>
 
-The following models were included in the merge:
-* [Vortex5/Moonlit-Shadow-12B](https://huggingface.co/Vortex5/Moonlit-Shadow-12B)
+  <div class="image-slot inset">
+      <img src="https://cdn-uploads.huggingface.co/production/uploads/6669a3a617b838fda45637b8/VpFXoEHdh4OfqmGUrR8CK.png">
+    </div>
+  </div>
 
-### Configuration
+  <div class="harmony-divider"></div>
 
-The following YAML configuration was used to produce this model:
-
-```yaml
 
+  <section class="pane blended">
+    <h2 class="pane-title hover-glow">Overview<span class="underline"></span></h2>
+    <p>
+      <strong>Hollow-Aether-12B</strong> merges
+      <a href="https://huggingface.co/Vortex5/Abyssal-Seraph-12B" target="_blank">Abyssal-Seraph-12B</a> and
+      <a href="https://huggingface.co/Vortex5/Moonlit-Shadow-12B" target="_blank">Moonlit-Shadow-12B</a>
+      through a custom merge method.
+    </p>
+    
+  <details class="expando nested">
+          <summary>Show YAML</summary>
+<pre>
 models:
   - model: Vortex5/Moonlit-Shadow-12B
 base_model: Vortex5/Abyssal-Seraph-12B
@@ -38,5 +45,210 @@ parameters:
   consensus: 0.33
 tokenizer:
   source: Vortex5/Abyssal-Seraph-12B
+</pre>
+        </details>
+
+  </div>
+</details>
+  </section>
+
+  <section class="pane blended">
+
+<h2 class="pane-title hover-glow">Intended Use<span class="underline"></span></h2>
+
+<div class="section-content aether-intent">
+  ✒️ Storytelling • 🎭 Roleplay • 🔥 For deeper, evocative scenes
+</div>
+
+  </section>
+
+
+  <section class="pane blended">
+    <h2 class="pane-title hover-glow">Credits<span class="underline"></span></h2>
+    <ul class="credits" style="list-style: none; padding-left: 0; margin-left: 0;">
+      <li><strong><a href="https://huggingface.co/mradermacher" target="_blank">Team Mradermacher</a></strong> — Static &amp; imatrix quants</li>
+      <li><strong><a href="https://huggingface.co/DeathGodlike" target="_blank">DeathGodlike</a></strong> — EXL3 quants</li>
+      <li><strong>Original creators and model authors</strong></li>
+    </ul>
+  </section>
+
+  <div class="harmony-divider"></div>
+
+</section>
+
+<style>
+
+.shell.aether-theme {
+  max-width: 1000px;
+  margin: 40px auto;
+  padding: 40px 24px;
+
+  background: radial-gradient(circle at 40% 60%, #f5e9d4 0%, #f2e2cb 60%, #ecd9c0 100%);
+  border: 1px solid rgba(180,140,100,0.35);
+
+  border-radius: 18px;
+  box-shadow:
+    0 0 60px rgba(120,0,0,0.25),
+    inset 0 0 80px rgba(120,20,20,0.15),
+    0 0 0 2px rgba(140,80,60,0.15);
+
+  color: #4a2e1f;
+  font-family: "Cinzel", "Inter", serif;
+  overflow: visible;
+}
+
+
+.title-block.wide {
+  width: fit-content;
+  max-width: 100%;
+  min-width: 550px;
+  margin: 0 auto;
+  padding: 40px 90px;
+  overflow: visible;
+
+  border-radius: 70px;
+
+  background: radial-gradient(circle at 50% 40%, rgba(70,0,0,0.9), rgba(30,0,0,0.95));
+
+  border: 2px solid rgba(150,20,20,0.6);
+
+  box-shadow:
+    0 0 40px rgba(150,0,0,0.45),
+    inset 0 0 28px rgba(100,0,0,0.45),
+    inset 0 0 45px rgba(140,0,0,0.25);
+
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  text-align: center;
+}
+
+.hero-title {
+  margin: 0;
+  font-weight: 600;
+  letter-spacing: 0.05em;
+  text-transform: uppercase;
+
+  font-size: clamp(1.9rem, 5.2vw, 3rem);
+
+  font-family: 'Cinzel Decorative', serif;
+  display: inline-block;
+  white-space: nowrap;
+  line-height: 1.1;
+
+  color: #f8f5ef;
+
+  text-shadow:
+    0 0 12px rgba(255,240,220,0.75),
+    0 0 24px rgba(255,220,190,0.55),
+    0 0 48px rgba(255,200,160,0.3),
+    0 0 18px rgba(120,0,0,0.6),
+    0 0 36px rgba(180,20,20,0.45),
+    0 0 60px rgba(240,40,40,0.25);
+
+  transition: text-shadow .35s ease, filter .35s ease;
+}
+
+.hero-title:hover {
+  text-shadow:
+    0 0 20px rgba(255,100,100,0.85),
+    0 0 50px rgba(255,60,60,0.55),
+    0 0 85px rgba(255,50,50,0.4);
+  filter: drop-shadow(0 0 10px rgba(255,50,50,0.75));
+}
+
+
+.image-slot.inset img {
+  display: block;
+  margin-left: auto;
+  margin-right: auto;
+
+  max-width: 94%;
+  border-radius: 14px;
+
+  border: 2px solid rgba(140,20,20,0.65);
+
+  box-shadow:
+    0 0 25px rgba(160,0,0,0.40),
+    inset 0 0 14px rgba(180,20,20,0.25),
+    0 0 45px rgba(200,30,30,0.20);
+}
+
+.harmony-divider {
+  height: 10px;
+  max-width: 900px;
+  margin: 34px auto;
+
+  background: radial-gradient(circle, rgba(150,20,20,0.35), rgba(0,0,0,0.85));
+  border-radius: 50%;
+
+  box-shadow:
+    inset 0 0 25px rgba(180,40,40,0.32),
+    0 0 22px rgba(140,0,0,0.30),
+    0 0 40px rgba(200,20,20,0.18);
+}
+
+.pane {
+  margin: 24px 0;
+  padding: 20px;
+
+  background: rgba(253,248,242,0.8);
+  border: 1px solid rgba(200,150,120,0.4);
+
+  border-radius: 12px;
+
+  box-shadow:
+    0 0 15px rgba(255,60,60,0.25),
+    inset 0 0 12px rgba(255,180,160,0.15);
+
+  color: #7a1f1f;
+  backdrop-filter: blur(6px);
+
+  transition: box-shadow .35s ease;
+}
+.pane:hover {
+  box-shadow:
+    0 0 25px rgba(255,90,90,0.45),
+    inset 0 0 14px rgba(255,180,160,0.25);
+}
+
+.pane-title {
+  color: #7a1f1f;
+  font-size: 2rem;
+  font-weight: 600;
+  letter-spacing: 0.03em;
+}
+
+details summary {
+  cursor: pointer;
+  font-weight: 600;
+  color: #7a1f1f;
+}
+
+.shell pre {
+  background: rgba(4,6,12,0.9);
+  color: #e9f9ff;
+  border-left: 3px solid rgba(120,200,255,0.55);
+}
+
+.shell a {
+  color: #b84040;
+}
+.shell a:hover {
+  color: #ff8a8a;
+  text-shadow: 0 0 8px rgba(255,60,60,0.8);
+}
+
+
+.pane ul li,
+.pane ul li strong {
+  color: #5a0f0f !important;
+}
+
+
+.pane p strong {
+  color: #5a0f0f !important;
+}
+  
 
-```
+</style>