Vortex5/Nether-Moon-12B
<section class="model-card"> <div class="header"> <div class="title-frame"> <h1 class="title">NETHER-MOON-12B</h1> </div> </div> <div class="image-container"> <img src="cover.jpg"> </div> <div class="divider"></div> <section class="box"> <h2 class="box-title">OVERVIEW</h2> <p> <strong class="highlight">Nether-Moon-12B</strong> was created by merging <a href="https://huggingface.co/Vortex5/Moonlit-Mirage-12B" class="link">Moonlit-Mirage-12B</a>, <a href="https://huggingface.co/crestf411/nemo-sunfall-v0.6.1" class="link">nemo-sunfall-v0.6.1</a>, <a href="https://huggingface.co/Vortex5/Astral-Arcanist-12B" class="link">Astral-Arcanist-12B</a>, <a href="https://huggingface.co/ReadyArt/Dark-Nexus-12B-v2.0" class="link">Dark-Nexus-12B-v2.0</a>, <a href="https://huggingface.co/DarkArtsForge/Morbid-Miasma-12B" class="link">Morbid-Miasma-12B</a>, and <a href="https://huggingface.co/EldritchLabs/Kraken-Karcher-12B-v1" class="link">Kraken-Karcher-12B-v1</a>, using a custom method. </p> <details class="collapse"> <summary>MERGE CONFIGURATION</summary> <pre> base_model: Vortex5/Moonlit-Mirage-12B models:
- model: crestf411/nemo-sunfall-v0.6.1
- model: Vortex5/Astral-Arcanist-12B
- model: ReadyArt/Dark-Nexus-12B-v2.0
- model: DarkArtsForge/Morbid-Miasma-12B
- model: EldritchLabs/Kraken-Karcher-12B-v1 mergemethod: hcr chattemplate: auto parameters: strength: 0.9 retention: 0.6 novelty: 0.36 stability: 0.7 dtype: float32 out_dtype: bfloat16 tokenizer: source: Vortex5/Moonlit-Mirage-12B </pre> </details> </section> <section class="box last-box"> <h2 class="box-title">INTENDED USE</h2> <div class="grid"> <div class="tile"> <span class="tile-main">ROLEPLAY</span> <span class="tile-sub">Emotion-forward interaction</span> </div> <div class="tile"> <span class="tile-main">STORYTELLING</span> <span class="tile-sub">Atmospheric long-form narrative</span> </div> <div class="tile"> <span class="tile-main">Creative Writing</span> <span class="tile-sub">Atmospheric fiction</span> </div> </div> </section> <div class="divider"></div> </section>
<style> .model-card { max-width: 1100px; margin: 40px auto; padding: 48px 38px 56px; font-family: "Georgia", "Times New Roman", serif; color: #e8e8f0; background: radial-gradient(circle at 20% 30%, rgba(180, 40, 60, 0.18) 0%, transparent 50%), radial-gradient(circle at 80% 70%, rgba(120, 120, 180, 0.12) 0%, transparent 55%), #0a0a12; border: 3px solid #a8a8b8; border-radius: 12px; position: relative; overflow: hidden; } .model-card::before { content: ''; position: absolute; inset: 0; background-image: radial-gradient(circle, #ffffff 1.1px, transparent 1.1px), radial-gradient(circle, #ffffff 0.8px, transparent 0.8px), radial-gradient(circle, #ff8080 1.6px, transparent 1.6px), radial-gradient(circle, #c0c0e0 1.3px, transparent 1.3px), radial-gradient(circle, #ff6060 0.9px, transparent 0.9px); background-position: 0 0, 32px 28px, 65px 12px, 88px 68px, 18px 95px; background-size: 92px 92px, 115px 98px, 78px 112px, 102px 85px, 65px 75px; opacity: 0.18; pointer-events: none; z-index: 0; animation: stellar-flicker 18s linear infinite; } @keyframes stellar-flicker { 0%, 100% { opacity: 0.18; } 50% { opacity: 0.27; } } .header { text-align: center; padding-bottom: 22px; position: relative; z-index: 1; } .title-frame { display: inline-block; position: relative; } .title { margin: 0; font-size: clamp(1.78rem, 4.45vw, 2.82rem); font-weight: 900; letter-spacing: 0.12em; text-transform: uppercase; color: #e8e8f8; text-shadow: 0 0 5px rgba(255, 255, 255, 0.55), 0 0 12px rgba(180, 200, 255, 0.30), 0 0 20px rgba(255, 70, 90, 0.22); line-height: 1; white-space: nowrap; } .image-container { display: flex; justify-content: center; position: relative; z-index: 1; margin-bottom: 36px; } .image-container img { width: 100%; max-width: 820px; border-radius: 10px; border: 4px solid #a0a0b8; box-shadow: 0 30px 70px -25px rgba(180, 40, 60, 0.6), 0 0 40px -10px rgba(160, 160, 220, 0.3); } .divider { height: 3px; margin: 42px 0; background: linear-gradient(90deg, transparent, #707080 20%, #ff6060 50%, #707080 80%, transparent ); position: relative; z-index: 1; } .box { padding: 34px; background: rgba(14, 12, 22, 0.97); border: 2px solid #a0a0b8; border-radius: 10px; box-shadow: inset 0 6px 0 rgba(255,255,255,0.07), 0 18px 45px -18px rgba(180, 40, 60, 0.5); position: relative; z-index: 2; backdrop-filter: blur(8px); margin-bottom: 32px; } .last-box { margin-bottom: 0; } .box-title { margin: 0 0 22px; font-size: 1.22rem; font-weight: 800; letter-spacing: 0.28em; text-transform: uppercase; color: #e0d8f0; border-bottom: 3px solid #c04060; padding-bottom: 14px; display: inline-block; text-shadow: 0 0 8px #ff6060; } .box p { margin: 16px 0 22px; line-height: 1.85; color: #d0d0e0; font-size: 1.06rem; } .highlight { color: #ff6060; font-weight: 700; text-shadow: 0 0 10px rgba(255, 80, 80, 0.5); } .collapse { margin-top: 26px; background: rgba(10, 8, 18, 0.96); border: 2px solid #9090a8; border-radius: 8px; overflow: hidden; } .collapse summary { padding: 20px 26px; cursor: pointer; font-size: 0.88rem; font-weight: 700; letter-spacing: 0.2em; text-transform: uppercase; color: #e0d8f0; background: rgba(22, 18, 32, 0.9); border-bottom: 2px solid #c04060; } .collapse pre { margin: 0; padding: 26px; background: #0e0c18; color: #b8b8d0; font-size: 0.88rem; line-height: 1.75; font-family: ui-monospace, monospace; overflow-x: auto; } .grid { display: flex; flex-wrap: wrap; gap: 24px; margin-top: 22px; } .tile { flex: 1 1 245px; padding: 28px 24px; background: rgba(16, 14, 26, 0.94); border: 2px solid #9090a8; border-radius: 8px; text-align: center; transition: all 0.35s cubic-bezier(0.25, 1, 0.3, 1); } .tile:hover { transform: translateY(-8px) scale(1.03); border-color: #ff6060; box-shadow: 0 22px 50px -18px rgba(255, 80, 80, 0.45); } .tile-main { display: block; margin-bottom: 12px; font-size: 1.15rem; font-weight: 800; letter-spacing: 0.12em; text-transform: uppercase; color: #f0f0f8; } .tile-sub { display: block; font-size: 0.95rem; color: #b0b0c8; line-height: 1.55; } .link { color: #c8b0d8; text-decoration: none; transition: color 0.3s ease; } .link:hover { color: #ff8080; text-decoration: underline; } @media (max-width: 650px) { .model-card { padding: 32px 22px 42px; margin: 20px 10px; border-radius: 10px; } .box { padding: 26px; } } </style>
