Update README.md

README.md

@@ -1,44 +1,281 @@
 ---
-base_model: []
+base_model:
+- Vortex5/Red-Synthesis-12B
+- Retreatcost/KansenSakura-Erosion-RP-12b
+- Vortex5/NoctyxCosma-12B
+- Vortex5/Crimson-Twilight-12B
 library_name: transformers
 tags:
 - mergekit
 - merge
-
+- roleplay
 ---
-# merge
+<section class="shell cosmic-theme">
+
 
-This is a merge of pre-trained language models created using [mergekit](https://github.com/cg123/mergekit).
+  <div class="title-frame">
+    <div class="title-block wide">
+      <h2 class="hero-title">Starlit-Shadow-12B</h2>
+    </div>
 
-## Merge Details
-### Merge Method
+  <div class="image-slot inset">
+      <img src="https://cdn-uploads.huggingface.co/production/uploads/6669a3a617b838fda45637b8/xkj2QnxaJLjkgl9rKN7Io.png">
+    </div>
+  </div>
 
-This model was merged using the [Karcher Mean](https://en.wikipedia.org/wiki/Karcher_mean) merge method.
+  <div class="shadow-divider"></div>
 
-### Models Merged
 
-The following models were included in the merge:
-* ./intermediates/First
-* ./intermediates/Second
+  <section class="pane blended">
+    <h2 class="pane-title">Overview<span class="underline"></span></h2>
 
-### Configuration
+  <p>
+    <strong style="color:#fff">Starry-Shadow-12B</strong> was created through a
+    <strong>multi-stage merge</strong> involving
+    <a href="https://huggingface.co/Vortex5/Red-Synthesis-12B">Red-Synthesis-12B</a>,
+    <a href="https://huggingface.co/Retreatcost/KansenSakura-Erosion-RP-12b">KansenSakura-Erosion-RP-12B</a>,
+    <a href="https://huggingface.co/Vortex5/NoctyxCosma-12B">NoctyxCosma-12B</a>,
+    and
+    <a href="https://huggingface.co/Vortex5/Crimson-Twilight-12B">Crimson-Twilight-12B</a>,
+  </p>
 
-The following YAML configuration was used to produce this model:
 
-```yaml
+  <details class="expando">
+      <summary>Multi-stage merge configuration</summary>
+      <pre>
+name: First
+models:
+  - model: Vortex5/Red-Synthesis-12B
+merge_method: sm2f
+base_model: Retreatcost/KansenSakura-Erosion-RP-12b
 dtype: bfloat16
+tokenizer:
+  source: Retreatcost/KansenSakura-Erosion-RP-12b
+---
+name: Second
+models:
+  - model: Vortex5/NoctyxCosma-12B
+merge_method: sm2f
+base_model: Vortex5/Crimson-Twilight-12B
+dtype: bfloat16
+tokenizer:
+  source: Vortex5/Crimson-Twilight-12B
+---
+models:
+  - model: First
+  - model: Second
 merge_method: karcher
-modules:
-  default:
-    slices:
-    - sources:
-      - layer_range: [0, 40]
-        model: ./intermediates/First
-      - layer_range: [0, 40]
-        model: ./intermediates/Second
+dtype: bfloat16
 parameters:
-  max_iter: 1000.0
-  tol: 1.0e-09
+  tol: 1e-9
+  max_iter: 1000
 tokenizer:
   source: Vortex5/Crimson-Twilight-12B
-```
+      </pre>
+    </details>
+  </section>
+
+  <section class="pane blended">
+    <h2 class="pane-title">Intended Use<span class="underline"></span></h2>
+
+  <div class="tag-row">
+      <div class="tagbox">🎭 Roleplay</div>
+      <div class="tagbox">📜 Storytelling</div>
+      <div class="tagbox">🌌 Creative Writing</div>
+    </div>
+
+  </section>
+
+  <div class="shadow-divider"></div>
+
+</section>
+
+<style>
+
+.shell.cosmic-theme {
+  max-width: 1050px;
+  margin: 40px auto;
+  padding: 42px 26px;
+
+  background: radial-gradient(
+    circle at 50% 60%,
+    #0b0b14 0%,
+    #07070d 45%,
+    #020205 100%
+  );
+
+  border: 3px solid rgba(255, 80, 120, 0.75);
+  border-radius: 18px;
+
+  box-shadow:
+    0 0 60px rgba(0, 0, 0, 0.95),
+    inset 0 0 60px rgba(0, 0, 0, 0.75);
+
+  color: #f2f2f6;
+  font-family: "Inter", system-ui, sans-serif;
+}
+
+.title-frame {
+  text-align: center;
+}
+
+.title-block.wide {
+  margin: 0 auto 22px;
+  padding: 22px 0;
+
+  background: linear-gradient(
+    135deg,
+    rgba(40, 10, 25, 0.95),
+    rgba(25, 8, 18, 0.92),
+    rgba(15, 5, 12, 0.90)
+  );
+
+  border: 3px solid rgba(255, 80, 120, 0.65);
+  border-radius: 14px;
+
+  box-shadow:
+    0 0 22px rgba(255, 80, 120, 0.35),
+    inset 0 0 30px rgba(255, 60, 110, 0.35);
+}
+
+.hero-title {
+  margin: 0;
+  font-family: "Cinzel Decorative", "Cinzel", serif;
+  font-size: clamp(3rem, 5vw, 3.8rem);
+  font-weight: 700;
+  letter-spacing: 0.05em;
+
+  color: #ff8ccf;
+
+  text-shadow:
+    0 0 10px rgba(255, 120, 190, 0.55),
+    0 0 24px rgba(255, 80, 140, 0.45);
+}
+
+.image-slot img {
+  width: 100%;
+  max-width: 880px;
+
+  border: 3px solid rgba(255, 100, 160, 0.85);
+  border-radius: 10px;
+
+  box-shadow:
+    0 0 18px rgba(255, 100, 160, 0.45),
+    inset 0 0 10px rgba(255, 80, 120, 0.35);
+}
+
+.shadow-divider {
+  width: 92%;
+  height: 10px;
+  margin: 36px auto;
+
+  background: linear-gradient(
+    to right,
+    rgba(255, 120, 180, 0.95),
+    rgba(90, 30, 60, 0.85),
+    rgba(255, 120, 180, 0.95)
+  );
+
+  clip-path: polygon(
+    0% 50%,
+    5% 0%,
+    95% 0%,
+    100% 50%,
+    95% 100%,
+    5% 100%
+  );
+
+  box-shadow:
+    0 0 18px rgba(255, 120, 180, 0.55);
+}
+
+.pane {
+  margin: 28px 0;
+  padding: 28px;
+
+  border-radius: 8px;
+  border: 3px solid rgba(255, 90, 140, 0.7);
+
+  background: linear-gradient(
+    145deg,
+    rgba(30, 8, 20, 0.92),
+    rgba(18, 6, 14, 0.88),
+    rgba(12, 4, 10, 0.82)
+  );
+
+  box-shadow:
+    0 0 22px rgba(255, 90, 140, 0.25),
+    inset 0 0 28px rgba(255, 70, 120, 0.35);
+}
+
+.pane-title {
+  font-family: "Cinzel Decorative", serif;
+  font-size: 2.4rem;
+  font-weight: 700;
+  letter-spacing: 0.04em;
+
+  color: #ff9fdc;
+
+  text-shadow:
+    0 0 12px rgba(255, 140, 200, 0.55),
+    0 0 28px rgba(255, 90, 150, 0.45);
+
+  padding-bottom: 14px;
+  position: relative;
+}
+
+.pane-title::after {
+  content: "";
+  position: absolute;
+  left: 0;
+  bottom: 0;
+  width: 100%;
+  height: 3px;
+
+  background: linear-gradient(
+    to right,
+    rgba(255, 150, 210, 0.95),
+    rgba(0, 0, 0, 0)
+  );
+}
+
+.tag-row {
+  display: flex;
+  justify-content: center;
+  gap: 14px;
+  flex-wrap: wrap;
+  margin: 14px 0;
+}
+
+.tagbox {
+  padding: 10px 18px;
+  font-size: 1.15rem;
+
+  background: rgba(20, 8, 14, 0.85);
+  border: 2px solid rgba(255, 120, 180, 0.65);
+  border-radius: 10px;
+
+  box-shadow:
+    0 0 12px rgba(255, 120, 180, 0.35);
+}
+
+details.expando {
+  margin-top: 16px;
+  background: rgba(10, 4, 8, 0.85);
+  border: 2px solid rgba(255, 100, 160, 0.45);
+}
+
+details summary {
+  padding: 12px;
+  font-family: "JetBrains Mono", monospace;
+  font-size: 0.85rem;
+  cursor: pointer;
+}
+
+pre {
+  background: rgba(6, 2, 4, 0.85);
+  color: #ffd6ef;
+  padding: 18px;
+  overflow-x: auto;
+}
+</style>