Update README.md

README.md

@@ -8,30 +8,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 hpq merge method using [Vortex5/MS3.2-24B-Chaos-Skies](https://huggingface.co/Vortex5/MS3.2-24B-Chaos-Skies) as a base.
-
-### Models Merged
+<section class="shell aurora-prism-theme">
+  <div class="title-frame">
+    <div class="title-block prism-frame">
+      <h1 class="hero-title">MS3.2-Penumbra-Aether-24B</h1>
+    </div>
 
-The following models were included in the merge:
-* [LatitudeGames/Hearthfire-24B](https://huggingface.co/LatitudeGames/Hearthfire-24B)
-* [Burnt-Toast/ms3.2-24b-longform](https://huggingface.co/Burnt-Toast/ms3.2-24b-longform)
-* [TheDrummer/Cydonia-24B-v4.3](https://huggingface.co/TheDrummer/Cydonia-24B-v4.3)
+  <div class="image-slot prism-glass">
+      <img src="https://cdn-uploads.huggingface.co/production/uploads/6669a3a617b838fda45637b8/4BW6cfNZa_Vu_MYTxR5ue.png">
+    </div>
+  </div>
 
-### Configuration
-
-The following YAML configuration was used to produce this model:
-
-```yaml
+  <div class="prism-divider"></div>
 
+  <section class="pane prism-pane">
+    <h2 class="pane-title">Overview</h2>
+    <p>
+      <strong style="color:#59d5ff;">MS3.2-Penumbra-Aether-24B</strong> was created by merging
+      <a href="https://huggingface.co/TheDrummer/Cydonia-24B-v4.3" style="color:#ffb86b;">Cydonia-24B-v4.3</a>,
+      <a href="https://huggingface.co/LatitudeGames/Hearthfire-24B" style="color:#ffb86b;">Hearthfire-24B</a>,
+      and
+      <a href="https://huggingface.co/Burnt-Toast/ms3.2-24b-longform" style="color:#ffb86b;">ms3.2-24b-longform</a>
+      using a custom method.
+    </p>
+    
+  <details class="expando prism-expando">
+      <summary><span>Merge configuration</span></summary>
+      <pre>
 base_model: Vortex5/MS3.2-24B-Chaos-Skies
 models:
   - model: TheDrummer/Cydonia-24B-v4.3
@@ -48,5 +53,334 @@ parameters:
 dtype: bfloat16
 tokenizer:
   source: Vortex5/MS3.2-24B-Chaos-Skies
+      </pre>
+    </details>
+  </section>
+
+  <section class="pane prism-pane">
+    <h2 class="pane-title">Intended Use</h2>
+
+  <div class="tag-row">
+      <div class="tagbox">📜 Storytelling</div>
+      <div class="tagbox">🎭 Roleplay</div>
+      <div class="tagbox">🌌 Creative Writing</div>
+    </div>
+  </section>
+
+  <div class="prism-divider"></div>
+</section>
+
+<style>
+
+.shell.aurora-prism-theme{
+  max-width: 1120px;
+  margin: 56px auto;
+  padding: 54px 34px;
+  border-radius: 26px;
+
+  color: #eef6ff;
+  font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
+
+  background:
+    radial-gradient(1200px 700px at 20% 15%, rgba(128,255,214,.22), transparent 55%),
+    radial-gradient(900px 600px at 85% 20%, rgba(173,118,255,.18), transparent 60%),
+    radial-gradient(1100px 650px at 55% 95%, rgba(255,122,183,.14), transparent 60%),
+    linear-gradient(180deg, #060814 0%, #03040b 55%, #01010a 100%);
+
+  border: 1px solid rgba(255,255,255,0.14);
+
+  box-shadow:
+    0 30px 80px rgba(0,0,0,0.55),
+    0 0 0 1px rgba(255,255,255,0.06) inset;
+}
+
+.title-frame{
+  display: grid;
+  gap: 22px;
+}
+
+.title-block.prism-frame{
+  display: grid;
+  place-items: center;
+  padding: 18px 22px;
+  border-radius: 18px;
+
+  background:
+    linear-gradient(180deg, rgba(255,255,255,0.06), rgba(255,255,255,0.02));
+
+  border: 1px solid rgba(255,255,255,0.18);
+
+  box-shadow:
+    0 10px 26px rgba(0,0,0,0.45),
+    0 0 0 1px rgba(0,0,0,0.35) inset;
+}
+
+.title-block.prism-frame::before{
+  content:"";
+  position:absolute;
+  inset: 0;
+  border-radius: 18px;
+  padding: 1px;
+  background: linear-gradient(90deg, #59d5ff, #ad76ff, #ff7ab7, #ffb86b);
+  -webkit-mask:
+    linear-gradient(#000 0 0) content-box,
+    linear-gradient(#000 0 0);
+  -webkit-mask-composite: xor;
+  mask-composite: exclude;
+  pointer-events:none;
+}
+
+.title-block.prism-frame{
+  position: relative;
+  overflow: hidden;
+}
+
+.hero-title{
+  font-family: ui-serif, "Cinzel", Georgia, "Times New Roman", serif;
+  font-size: clamp(1.2rem, 2.7vw, 1.95rem);
+  letter-spacing: clamp(0.03em, 0.4vw, 0.055em);
+  text-transform: uppercase;
+
+  color: #f2fbff;
+
+  text-shadow:
+    0 0 18px rgba(89,213,255,0.32),
+    0 0 28px rgba(173,118,255,0.22),
+    0 0 38px rgba(255,122,183,0.18);
+
+  text-align: center;
+  white-space: nowrap;
+  margin: 0 auto;
+}
+
+.hero-title:hover{
+  text-shadow:
+    0 0 22px rgba(89,213,255,0.5),
+    0 0 36px rgba(173,118,255,0.32),
+    0 0 48px rgba(255,122,183,0.28);
+}
+
+.prism-glass{
+  width: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.prism-glass img{
+  width: 100%;
+  max-width: 980px;
+
+  display: block;
+
+  border-radius: 16px;
+
+  border: 2px solid rgba(255,255,255,0.35);
+
+  box-shadow:
+    0 0 30px rgba(89,213,255,0.35),
+    0 0 60px rgba(173,118,255,0.25);
+}
+
+.prism-divider{
+  height: 6px;
+  width: 92%;
+  margin: 46px auto;
+  border-radius: 999px;
+
+  background:
+    linear-gradient(90deg,
+      rgba(0,0,0,0),
+      rgba(89,213,255,0.95),
+      rgba(173,118,255,0.95),
+      rgba(255,122,183,0.95),
+      rgba(255,184,107,0.95),
+      rgba(0,0,0,0)
+    );
+
+  box-shadow:
+    0 0 26px rgba(89,213,255,0.35),
+    0 0 26px rgba(173,118,255,0.22),
+    0 0 26px rgba(255,122,183,0.18);
+}
+
+.pane.prism-pane{
+  margin: 34px 0;
+  padding: 38px;
+  border-radius: 18px;
+
+  background:
+    radial-gradient(900px 420px at 15% 15%, rgba(89,213,255,0.10), transparent 55%),
+    radial-gradient(800px 380px at 85% 30%, rgba(255,184,107,0.08), transparent 60%),
+    linear-gradient(180deg, rgba(255,255,255,0.05), rgba(255,255,255,0.015));
+
+  border: 1px solid rgba(255,255,255,0.16);
+
+  box-shadow:
+    0 14px 40px rgba(0,0,0,0.45),
+    0 0 0 1px rgba(0,0,0,0.35) inset;
+
+  text-align: center;
+}
+
+.pane-title{
+  font-family: ui-serif, "Cinzel", Georgia, serif;
+  font-size: 2.4rem;
+  letter-spacing: 0.08em;
+
+  color: #f2fbff;
+
+  text-shadow:
+    0 0 16px rgba(89,213,255,0.22),
+    0 0 22px rgba(255,184,107,0.16);
+}
+
+.pane-title::after{
+  content:"";
+  display:block;
+  width: 72%;
+  height: 3px;
+  margin: 14px auto 0;
+  border-radius: 999px;
+  background: linear-gradient(90deg, #59d5ff, #ad76ff, #ff7ab7, #ffb86b);
+  opacity: 0.95;
+}
+
+.prism-pane p{
+  font-size: 1.05rem;
+  line-height: 1.75;
+  max-width: 920px;
+  margin: 0 auto 18px;
+  color: rgba(238,246,255,0.92);
+}
+
+.prism-pane a{
+  text-decoration: none;
+  border-bottom: 1px dashed rgba(255,255,255,0.35);
+  padding-bottom: 1px;
+}
+
+.prism-pane a:hover{
+  border-bottom-color: rgba(255,255,255,0.75);
+}
+
+.tag-row{
+  display:flex;
+  justify-content:center;
+  align-items:center;
+  gap: 14px;
+  margin-top: 18px;
+  flex-wrap: wrap;
+}
+
+.tagbox{
+  padding: 9px 16px;
+  border-radius: 999px;
+
+  font-size: 0.95rem;
+  letter-spacing: 0.03em;
+
+  color: rgba(245,252,255,0.92);
+
+  background:
+    linear-gradient(180deg, rgba(255,255,255,0.06), rgba(255,255,255,0.02));
+
+  border: 1px solid rgba(255,255,255,0.16);
+
+  box-shadow:
+    0 10px 22px rgba(0,0,0,0.35),
+    0 0 0 1px rgba(0,0,0,0.35) inset;
+}
+
+.tagbox:hover{
+  transform: translateY(-1px);
+  box-shadow:
+    0 14px 26px rgba(0,0,0,0.45),
+    0 0 0 1px rgba(0,0,0,0.35) inset;
+}
+
+details.prism-expando{
+  display:block;
+  width:100%;
+  margin-top: 18px;
+
+  border-radius: 16px;
+  overflow:hidden;
+
+  border: 1px solid rgba(255,255,255,0.16);
+
+  background:
+    linear-gradient(180deg, rgba(255,255,255,0.05), rgba(255,255,255,0.02));
+
+  box-shadow:
+    0 12px 30px rgba(0,0,0,0.35),
+    0 0 0 1px rgba(0,0,0,0.35) inset;
+}
+
+details.prism-expando summary{
+  list-style:none;
+  cursor:pointer;
+
+  display:grid;
+  grid-template-columns: 1fr auto 1fr;
+  align-items:center;
+
+  padding: 13px 16px;
+
+  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
+  font-size: 0.95rem;
+  letter-spacing: 0.03em;
+
+  color: rgba(245,252,255,0.92);
+  user-select:none;
+}
+
+details.prism-expando summary::-webkit-details-marker{ display:none; }
+
+details.prism-expando summary span{
+  grid-column:2;
+  justify-self:center;
+}
+
+details.prism-expando summary::after{
+  content:"⟡";
+  grid-column:3;
+  justify-self:end;
+
+  font-size: 1.05rem;
+  color: rgba(255,184,107,0.85);
+
+  transform: rotate(0deg);
+  transition: transform .18s ease, filter .18s ease;
+  filter: drop-shadow(0 0 10px rgba(255,184,107,0.25));
+}
+
+details.prism-expando[open] summary::after{
+  transform: rotate(90deg);
+  filter: drop-shadow(0 0 14px rgba(89,213,255,0.25));
+}
+
+details.prism-expando pre{
+  margin:0;
+  padding: 18px 20px;
+
+  text-align:left;
+  overflow-x:auto;
+
+  color: rgba(238,246,255,0.92);
+  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
+  font-size: 0.94rem;
+  line-height: 1.6;
+
+  background:
+    radial-gradient(800px 320px at 20% 10%, rgba(173,118,255,0.12), transparent 60%),
+    linear-gradient(180deg, rgba(0,0,0,0.55), rgba(0,0,0,0.72));
+
+  border-top: 1px solid rgba(255,255,255,0.12);
+}
 
-```
+@media (max-width: 700px){
+  .shell.aurora-prism-theme{ padding: 42px 18px; }
+  .pane.prism-pane{ padding: 28px 18px; }
+}
+</style>