Vortex5/Shining-Seraph-12B
<section class="card-container">
<div class="card-header"> <h1 class="card-title">Shining-Seraph-12B</h1> </div>
<div class="card-image-box"> <img src="https://cdn-uploads.huggingface.co/production/uploads/6669a3a617b838fda45637b8/xmPj4nHZmkQ2keV21Yskj.png"
</div>
<div class="card-divider"></div>
<section class="card-section"> <h2 class="section-title">Overview</h2> <p> <strong style="color:#3c4b6e;">Shining-Seraph-12B</strong> was created by merging <a href="https://huggingface.co/Vortex5/Scarlet-Seraph-12B" style="color:#3c4b6e;">Scarlet-Seraph-12B</a>, <a href="https://huggingface.co/Vortex5/Maroon-Sunset-12B" style="color:#3c4b6e;">Maroon-Sunset-12B</a>, <a href="https://huggingface.co/Vortex5/Astral-Noctra-12B" style="color:#3c4b6e;">Astral-Noctra-12B</a>, <a href="https://huggingface.co/Vortex5/NoctyxCosma-12B" style="color:#3c4b6e;">NoctyxCosma-12B</a>, and <a href="https://huggingface.co/SuperbEmphasis/MN-12b-RP-Ink-RP-Longform" style="color:#3c4b6e;">MN-12b-RP-Ink-RP-Longform</a> using a custom merge method. </p> <details class="details"> <summary><span>Merge configuration</span></summary> <pre> base_model: Vortex5/Scarlet-Seraph-12B models:
- model: Vortex5/Maroon-Sunset-12B
- model: Vortex5/Astral-Noctra-12B
- model: Vortex5/NoctyxCosma-12B
- model: SuperbEmphasis/MN-12b-RP-Ink-RP-Longform mergemethod: hpq chattemplate: auto parameters: strength: 0.8 flavor: 0.48 steps: 10 cubedims: 20 paradox: 0.45 boost: 0.50 dtype: float32 outdtype: bfloat16 tokenizer: source: Vortex5/Scarlet-Seraph-12B </pre> </details> </section>
<section class="card-section"> <h2 class="section-title">Intended Use</h2> <p class="section-intro"> Intended for storytelling, roleplay, and creative writing. </p> <div class="tag-row"> <div class="tag-item"> <span class="tag-icon">📜</span> <span class="tag-main">Storytelling</span> <span class="tag-sub">Long-form narrative worlds</span> </div> <div class="tag-item"> <span class="tag-icon">🎭</span> <span class="tag-main">Roleplay</span> <span class="tag-sub">Character-focused interaction</span> </div> <div class="tag-item"> <span class="tag-icon">🖋️</span> <span class="tag-main">Creative Writing</span> <span class="tag-sub">Ideas, drafts, and scenes</span> </div> </div> </section>
<div class="card-footer-divider"></div>
</section>
<style>
.card-container{ --parchment: #f8f5ec; --ink: #1d1c18; --ink-soft: rgba(29,28,24,.7); --accent: #3c4b6e; --accent-light: #6b7aa6; --border: rgba(40,40,40,.25); --border-strong: rgba(40,40,40,.45);
max-width: 1120px; margin: 56px auto; padding: 44px 42px 48px; border-radius: 20px;
background: linear-gradient(180deg, #faf9f4 0%, #f4f1e8 60%, #efece3 100%);
border: 1px solid var(--border-strong); box-shadow: 0 18px 60px rgba(0,0,0,.20), 0 0 0 1px rgba(255,255,255,.45) inset;
font-family: "Iowan Old Style", "Georgia", serif; color: var(--ink); display: flex; flex-direction: column; gap: 40px; position: relative; }
.card-container::before{ content:""; position:absolute; inset:0; pointer-events:none; opacity:.18; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260'%3E%3Ctext x='10' y='140' fill='%23b6b2a9' font-size='40' font-family='Georgia' opacity='.15'%3ELexicon%3C/text%3E%3C/svg%3E"); background-repeat: repeat; mix-blend-mode: multiply; }
.card-header{ text-align:center; padding: 18px 10px 16px; border-bottom: 1px solid var(--border); }
.card-title{ margin:0; font-weight:800; font-size:clamp(1.38rem, 3.15vw, 2.25rem); letter-spacing:.06em; text-transform:uppercase; color:var(--accent); }
.card-subtitle{ margin:6px 0 0; font-size:1rem; letter-spacing:.04em; color:var(--accent-light); }
.card-image-box{ width:100%; display:flex; justify-content:center; }
.card-image-box img{ width:100%; max-width:960px; border-radius:10px; border:1px solid var(--border); background:#f2f0e7; box-shadow: 0 14px 32px rgba(0,0,0,.18), 0 0 0 1px rgba(0,0,0,.05) inset; }
.card-divider, .card-footer-divider{ height:1px; background:linear-gradient(90deg, transparent, var(--accent-light), var(--accent), transparent); opacity:.65; }
.card-section{ padding:26px 26px 30px; border:1px solid var(--border); border-radius:14px; background: linear-gradient(180deg,#faf9f4a8,#f4f1e8aa 50%,#efede4a6); }
.section-title{ margin:0 0 14px; font-size:clamp(1.25rem,2vw,1.6rem); font-weight:800; letter-spacing:.10em; text-transform:uppercase; color:var(--accent); display:inline-block; padding:6px 12px; border-bottom:2px solid var(--accent-light); }
.section-intro{ margin-top:2px; margin-bottom:14px; font-size:1rem; color:var(--ink-soft); }
.card-section p{ font-size:1.05rem; line-height:1.75; margin:10px 0 8px; }
.text-accent{ color:var(--accent); font-weight:800; }
.details{ margin-top:18px; border:1px solid var(--border); border-radius:10px; background:#f4f2e9; overflow:hidden; }
.details summary{ cursor:pointer; padding:10px 14px; font-size:0.82rem; font-weight:800; text-transform:uppercase; letter-spacing:.12em; color:var(--accent); border-bottom:1px solid var(--border); }
.details summary::-webkit-details-marker{ display:none; }
.details pre{ margin:0; padding:14px 14px 16px; font-family:ui-monospace,"JetBrains Mono","Consolas",monospace; font-size:0.86rem; line-height:1.6; background:#f8f5ec; color:#333; overflow-x:auto; }
.tag-row{ margin-top:18px; display:flex; justify-content:center; align-items:center; gap:14px; flex-wrap:nowrap; overflow-x:auto; overflow-y:hidden; padding:2px; }
.tag-item{ flex-shrink:0; width:160px; height:110px; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; border:1px solid var(--border-strong); border-radius:8px; background:#f8f5ec; padding:10px 8px; }
.tag-icon{ font-size:1.1rem; margin-bottom:4px; }
.tag-main{ font-size:0.7rem; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:var(--accent); margin-bottom:3px; }
.tag-sub{ font-size:0.82rem; line-height:1.2; color:var(--ink-soft); max-width:130px; opacity:.9; white-space:normal; }
@media(max-width:600px){ .tag-item{ width:140px; height:100px; } .tag-icon{ font-size:1rem; } }
@media(max-width:600px){ .card-container{ padding:32px 20px 32px; gap:32px; } .card-section{ padding:20px 18px 24px; } } </style>
