Update README.md

README.md

@@ -15,39 +15,47 @@ 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).
+<div class="moonlit-stage">
+  <section class="moonlit-card">
 
-## Merge Details
-### Merge Method
 
-This model was merged using the saef merge method.
+  <header class="moonlit-header">
+      <h1 class="moonlit-title">Moonlit-Umbra-12B</h1>
+      <div class="moon-divider"></div>
+    
+  <div class="moon-image-frame">
+  <img
+    src="https://cdn-uploads.huggingface.co/production/uploads/6669a3a617b838fda45637b8/qWJAXLe-EciomPxGGR8EL.png"
+</div>
 
-### Models Merged
+  </header>
 
-The following models were included in the merge:
-* [Epiculous/Violet_Twilight-v0.2](https://huggingface.co/Epiculous/Violet_Twilight-v0.2)
-* [LatitudeGames/Muse-12B](https://huggingface.co/LatitudeGames/Muse-12B)
-* [SicariusSicariiStuff/Impish_Nemo_12B](https://huggingface.co/SicariusSicariiStuff/Impish_Nemo_12B)
-* [Nitral-AI/Captain-Eris_Violet-V0.420-12B](https://huggingface.co/Nitral-AI/Captain-Eris_Violet-V0.420-12B)
-* [anthracite-org/magnum-v4-12b](https://huggingface.co/anthracite-org/magnum-v4-12b)
-* [crestf411/MN-Slush](https://huggingface.co/crestf411/MN-Slush)
-* [inflatebot/MN-12B-Mag-Mell-R1](https://huggingface.co/inflatebot/MN-12B-Mag-Mell-R1)
-* [yamatazen/NeonMaid-12B-v2](https://huggingface.co/yamatazen/NeonMaid-12B-v2)
-* [PocketDoc/Dans-SakuraKaze-V1.0.0-12b](https://huggingface.co/PocketDoc/Dans-SakuraKaze-V1.0.0-12b)
-* [nothingiisreal/MN-12B-Celeste-V1.9](https://huggingface.co/nothingiisreal/MN-12B-Celeste-V1.9)
-* [LatitudeGames/Wayfarer-12B](https://huggingface.co/LatitudeGames/Wayfarer-12B)
 
-### Configuration
+  <section class="moon-panel">
+      <h2>Overview</h2>
+<p>
+  <strong>Moonlit-Umbra-12B</strong> was created by merging
+  <a href="https://huggingface.co/LatitudeGames/Muse-12B">Muse-12B</a>,
+  <a href="https://huggingface.co/anthracite-org/magnum-v4-12b">magnum-v4-12b</a>,
+  <a href="https://huggingface.co/yamatazen/NeonMaid-12B-v2">NeonMaid-12B-v2</a>,
+  <a href="https://huggingface.co/SicariusSicariiStuff/Impish_Nemo_12B">Impish_Nemo_12B</a>,
+  <a href="https://huggingface.co/crestf411/MN-Slush">MN-Slush</a>,
+  <a href="https://huggingface.co/Epiculous/Violet_Twilight-v0.2">Violet_Twilight-v0.2</a>,
+  <a href="https://huggingface.co/LatitudeGames/Wayfarer-12B">Wayfarer-12B</a>,
+  <a href="https://huggingface.co/inflatebot/MN-12B-Mag-Mell-R1">MN-12B-Mag-Mell-R1</a>,
+  <a href="https://huggingface.co/nothingiisreal/MN-12B-Celeste-V1.9">MN-12B-Celeste-V1.9</a>,
+  <a href="https://huggingface.co/Nitral-AI/Captain-Eris_Violet-V0.420-12B">Captain-Eris_Violet-V0.420-12B</a>,
+  and
+  <a href="https://huggingface.co/PocketDoc/Dans-SakuraKaze-V1.0.0-12b">Dans-SakuraKaze-V1.0.0-12b</a>
+  using a custom merge method.
+</p>
 
-The following YAML configuration was used to produce this model:
 
-```yaml
-
-models:
+  <details>
+        <summary>Merge configuration</summary>
+        <pre>models:
   - model: LatitudeGames/Muse-12B
   - model: anthracite-org/magnum-v4-12b
   - model: yamatazen/NeonMaid-12B-v2
@@ -58,7 +66,7 @@ models:
   - model: inflatebot/MN-12B-Mag-Mell-R1
   - model: nothingiisreal/MN-12B-Celeste-V1.9
   - model: Nitral-AI/Captain-Eris_Violet-V0.420-12B
-  - model: PocketDoc/Dans-SakuraKaze-V1.0.0-12b 
+  - model: PocketDoc/Dans-SakuraKaze-V1.0.0-12b
 merge_method: saef
 dtype: bfloat16
 parameters:
@@ -67,6 +75,218 @@ parameters:
   boost: 0.5
   modes: 2
 tokenizer:
-  source: Vortex5/Scarlet-Seraph-12B
+  source: Vortex5/Scarlet-Seraph-12B</pre>
+      </details>
+    </section>
+
+
+<section class="moon-panel">
+      <h2>Intended Use</h2>
+      <div class="use-grid">
+        <span>Creative Writing</span>
+        <span>Storytelling</span>
+        <span>Roleplay</span>
+  </div>
+    </section>
+
+  </section>
+</div>
+
+<style>
+@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@500;600&family=Inter:wght@400;500&display=swap');
+
+:root{
+  --bg-deep: #050a18;
+  --bg-card: #0b1226;
+
+  --ink-main: #e9ecf6;
+  --ink-soft: rgba(233,236,246,0.75);
+
+  /* Moon Umbra Trio */
+  --moon-silver: #cfd6ff;
+  --moon-blue:   #6b7cff;
+  --moon-violet: #8a6bff;
+
+  --line-soft: rgba(207,214,255,0.18);
+  --shadow-deep: rgba(0,0,0,0.65);
+}
+
+.moonlit-stage{
+  min-height: 100vh;
+  padding: 80px 20px;
+  background: linear-gradient(180deg, #040814, var(--bg-deep));
+  overflow: hidden; /* HARD STOP FOR BLEED */
+}
+
+.moonlit-card{
+  max-width: 1000px;
+  margin: 0 auto;
+  padding: 90px 72px 96px;
+  background: var(--bg-card);
+  border-radius: 22px;
+  color: var(--ink-main);
+  font-family: "Inter", sans-serif;
+
+  border: 1px solid var(--line-soft);
+  box-shadow:
+    0 40px 90px var(--shadow-deep),
+    inset 0 1px 0 rgba(255,255,255,0.05);
+
+  position: relative;
+  overflow: hidden;
+}
+
+.moonlit-card::before{
+  content:"";
+  position:absolute;
+  inset:0;
+  pointer-events:none;
+  background:
+    radial-gradient(circle at 20% 15%, rgba(138,107,255,0.10), transparent 55%),
+    radial-gradient(circle at 80% 25%, rgba(107,124,255,0.10), transparent 58%),
+    radial-gradient(circle at 50% 85%, rgba(207,214,255,0.08), transparent 60%);
+}
+
+.moonlit-header{
+  text-align:center;
+  margin-bottom: 80px;
+  position: relative;
+  z-index: 1;
+}
+
+.moonlit-title{
+  font-family: "Orbitron", sans-serif;
+  font-size: clamp(1.8rem, 3vw, 2.6rem);
+  letter-spacing: 0.12em;
+  margin: 0;
+  text-align: center;
+  text-shadow:
+    0 0 16px rgba(107,124,255,0.25);
+}
+
+.moon-divider{
+  width: 60%;
+  height: 6px;
+  margin: 28px auto 0;
+  border-radius: 999px;
+  background: linear-gradient(
+    90deg,
+    transparent,
+    var(--moon-silver),
+    var(--moon-blue),
+    var(--moon-violet),
+    transparent
+  );
+  box-shadow: 0 0 18px rgba(107,124,255,0.25);
+}
+
+.moon-panel{
+  margin: 90px auto;
+  padding: 64px 56px;
+  max-width: 820px;
+  background: linear-gradient(
+    180deg,
+    rgba(255,255,255,0.05),
+    rgba(255,255,255,0.02)
+  );
+  border-radius: 14px;
+  border: 1px solid var(--line-soft);
+  position: relative;
+  z-index: 1;
+}
+
+.moon-panel::after{
+  content:"";
+  position:absolute;
+  top: 12px;
+  right: 16px;
+  width: 42px;
+  height: 42px;
+  border-radius: 50%;
+  background:
+    radial-gradient(circle at 30% 30%, #ffffff, var(--moon-silver));
+  opacity: 0.12;
+}
+
+.moon-panel h2{
+  margin: 0 0 28px;
+  text-align: center;
+  font-family: "Orbitron", sans-serif;
+  letter-spacing: 0.14em;
+  font-size: 2rem;
+}
+
+.moon-panel p{
+  margin: 0;
+  font-size: 1.25rem;
+  line-height: 1.9;
+  color: var(--ink-soft);
+}
+
+strong{ color: var(--ink-main); }
+
+.moon-image-frame{
+  margin: 32px auto 0;
+  max-width: 760px;
+}
+
+.moon-image-frame img{
+  display: block;
+  width: 100%;
+  max-width: 94%;
+  margin: 0 auto;
+
+  border-radius: 10px;
+  border: 3px solid #1e2a4a;
+
+  background: #000;
+
+  box-shadow:
+    0 10px 35px rgba(0,0,0,0.85),
+    inset 0 0 10px rgba(255,255,255,0.06);
+}
+
+details summary{
+  margin-top: 36px;
+  cursor: pointer;
+  font-weight: 600;
+  color: var(--ink-soft);
+}
+
+details pre{
+  margin-top: 18px;
+  padding: 24px;
+  border-radius: 10px;
+  background: rgba(255,255,255,0.06);
+  border-left: 4px solid var(--moon-blue);
+  font-size: 0.95rem;
+  line-height: 1.6;
+  color: var(--ink-main);
+  overflow-x: auto;
+  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
+}
+
+.use-grid span{
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  padding: 18px 26px;
+  border-radius: 6px;
+  background: rgba(255,255,255,0.06);
+  border: 1px solid var(--line-soft);
+  font-size: 1rem;
+  color: var(--ink-main);
+  box-shadow: 0 8px 18px var(--shadow-deep);
+  white-space: nowrap;
+}
 
-```
+.use-grid span{
+  padding: 18px 22px;
+  border-radius: 6px;
+  background: rgba(255,255,255,0.06);
+  border: 1px solid var(--line-soft);
+  font-size: 1rem;
+  color: var(--ink-main);
+  box-shadow: 0 8px 18px var(--shadow-deep);
+}
+</style>