CoolFace
Modelpublic

ReadyArt/Dark-Nexus-12B-v2.0

sourceHugging Faceotherupdated 11mo agoView on Hugging Face
17likes31downloads
Model Card

<style> :root { --dark-bg: #0a0505; --lava-red: #ff3300; --lava-orange: #ff6600; --lava-yellow: #ff9900; --neon-blue: #00ccff; --neon-purple: #cc00ff; }

  • —{ margin: 0; padding: 0; box-sizing: border-box; }

body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background-color: var(--dark-bg); color: #fff; margin: 0; padding: 0; overflow-x: hidden; position: relative; min-height: 100vh; }

/ Animated background / .bg-animation { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -2; background: radial-gradient(circle at 10% 20%, rgba(255, 50, 0, 0.1) 0%, transparent 20%), radial-gradient(circle at 90% 80%, rgba(255, 100, 0, 0.1) 0%, transparent 20%), radial-gradient(circle at 50% 50%, rgba(255, 50, 0, 0.05) 0%, transparent 50%); animation: bgPulse 15s ease-in-out infinite; }

@keyframes bgPulse { 0%, 100% { opacity: 0.7; } 50% { opacity: 1; } }

/ Matrix-style code rain / .matrix-rain { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; opacity: 0.03; pointer-events: none; }

/ Container / .container { max-width: 1200px; margin: 0 auto; padding: 30px; position: relative; z-index: 1; }

.main-container { background: rgba(15, 8, 8, 0.85); border-radius: 16px; padding: 40px; box-shadow: 0 0 30px rgba(255, 50, 0, 0.4), 0 0 80px rgba(255, 80, 0, 0.3), inset 0 0 20px rgba(0, 0, 0, 0.5); border: 1px solid rgba(100, 30, 10, 0.6); position: relative; overflow: hidden; backdrop-filter: blur(10px); transform: perspective(1000px) rotateX(0.5deg); transition: all 0.5s ease; }

.main-container:hover { transform: perspective(1000px) rotateX(0deg); box-shadow: 0 0 40px rgba(255, 50, 0, 0.6), 0 0 100px rgba(255, 80, 0, 0.5), inset 0 0 30px rgba(0, 0, 0, 0.7); }

.main-container::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(135deg, rgba(255, 50, 0, 0.1) 0%, transparent 20%, transparent 80%, rgba(255, 150, 0, 0.1) 100%); pointer-events: none; z-index: -1; animation: containerGlow 8s ease-in-out infinite alternate; }

@keyframes containerGlow { 0% { opacity: 0.3; } 100% { opacity: 0.7; } }

/ Header / .header { text-align: center; margin-bottom: 40px; position: relative; padding-bottom: 20px; }

.header::after { content: ''; position: absolute; bottom: 0; left: 25%; right: 25%; height: 3px; background: linear-gradient(90deg, transparent, var(--lava-red), var(--lava-yellow), var(--lava-red), transparent); border-radius: 3px; animation: scanline 6s linear infinite; }

@keyframes scanline { 0% { background-position: -100% 0; } 100% { background-position: 200% 0; } }

.model-name { font-size: 3.5em; background: linear-gradient(to right, #ff3300, #ff6600, #ff9900); -webkit-background-clip: text; background-clip: text; color: transparent; text-shadow: 0 0 30px rgba(255, 100, 0, 0.7); margin: 0; letter-spacing: -1px; font-weight: 900; animation: titleGlow 4s ease-in-out infinite alternate; position: relative; display: inline-block; padding: 0 20px; }

.model-name::before, .model-name::after { content: '✦'; position: absolute; top: 50%; transform: translateY(-50%); color: var(--lava-yellow); font-size: 0.6em; animation: spin 10s linear infinite; }

.model-name::before { left: 0; }

.model-name::after { right: 0; }

@keyframes spin { 0% { transform: translateY(-50%) rotate(0deg); } 100% { transform: translateY(-50%) rotate(360deg); } }

@keyframes titleGlow { 0% { text-shadow: 0 0 20px rgba(255, 100, 0, 0.7), 0 0 40px rgba(255, 150, 0, 0.5); } 100% { text-shadow: 0 0 30px rgba(255, 150, 0, 0.9), 0 0 60px rgba(255, 200, 0, 0.7); } }

.version { font-size: 1.8em; color: #ff9966; margin: 10px 0; text-shadow: 0 0 10px rgba(255, 100, 0, 0.7); animation: versionPulse 5s ease-in-out infinite; }

@keyframes versionPulse { 0%, 100% { opacity: 0.9; } 50% { opacity: 1; } }

.subtitle { color: #ffccaa; font-size: 1.4em; margin-top: 15px; text-shadow: 0 0 10px rgba(255, 100, 0, 0.5); animation: subtitleFloat 8s ease-in-out infinite; position: relative; }

@keyframes subtitleFloat { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-5px); } }

/ Waifu Container / .waifu-container { margin: 30px -40px; width: calc(100% + 80px); overflow: hidden; border-radius: 12px; border: 1px solid rgba(100, 30, 10, 0.7); position: relative; box-shadow: 0 0 40px rgba(255, 50, 0, 0.4); transform: perspective(1000px) rotateY(0.5deg); transition: all 0.5s ease; }

.waifu-container:hover { transform: perspective(1000px) rotateY(0deg); box-shadow: 0 0 60px rgba(255, 80, 0, 0.6); }

.waifu-container::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(45deg, rgba(255, 100, 0, 0.2) 0%, transparent 30%, transparent 70%, rgba(255, 150, 0, 0.2) 100%); pointer-events: none; z-index: 1; animation: gradientSlide 12s linear infinite; mix-blend-mode: overlay; }

@keyframes gradientSlide { 0% { background-position: 0% 0%; } 100% { background-position: 100% 100%; } }

.waifu-img { width: 100%; height: auto; display: block; transition: all 0.8s ease; filter: sepia(0.3) saturate(1.2) brightness(0.9) contrast(1.1); transform: scale(1.01); }

.waifu-img:hover { transform: scale(1.05); filter: sepia(0.1) saturate(1.4) brightness(1) contrast(1.2); }

/ Section / .section { margin: 35px 0; padding: 25px; background: rgba(30, 15, 10, 0.8); border-radius: 12px; border: 1px solid rgba(100, 40, 20, 0.5); position: relative; transition: all 0.4s ease; box-shadow: 0 0 15px rgba(100, 30, 10, 0.4); overflow: hidden; backdrop-filter: blur(5px); }

.section::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, var(--lava-red), var(--lava-yellow)); transform: scaleX(0); transform-origin: left; transition: transform 0.5s ease; }

.section:hover::before { transform: scaleX(1); }

.section::after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: radial-gradient(circle at center, rgba(255, 100, 0, 0.1) 0%, transparent 70%); opacity: 0; transition: opacity 0.5s ease; pointer-events: none; }

.section:hover::after { opacity: 1; }

.section:hover { border-color: rgba(255, 100, 0, 0.8); box-shadow: 0 0 25px rgba(255, 80, 0, 0.6); transform: translateY(-5px); }

.section-title { font-size: 2em; margin-bottom: 20px; color: #ff9966; text-shadow: 0 0 15px rgba(255, 80, 0, 0.6); position: relative; display: inline-block; padding-bottom: 8px; }

.section-title::after { content: ''; position: absolute; bottom: 0; left: 0; width: 0; height: 2px; background: linear-gradient(90deg, var(--lava-red), var(--lava-yellow)); transition: width 0.5s ease; }

.section:hover .section-title::after { width: 100%; }

.section p, .section ul { color: #ffccaa; line-height: 1.6; margin-bottom: 15px; }

.section ul { padding-left: 20px; }

.section li { margin-bottom: 10px; position: relative; padding-left: 10px; transition: all 0.3s ease; }

.section li:hover { transform: translateX(5px); color: #ffddbb; }

.section li::before { content: '▶'; position: absolute; left: -15px; color: var(--lava-red); font-size: 0.8em; transition: all 0.3s ease; }

.section li:hover::before { transform: scale(1.3); color: var(--lava-yellow); }

.section strong { color: #ff9966; }

/ Links and Buttons / .quant-links { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; margin: 25px 0; }

.link-card { padding: 20px; background: rgba(50, 25, 15, 0.9); border-radius: 10px; transition: all 0.4s ease; border: 1px solid rgba(100, 40, 20, 0.5); position: relative; overflow: hidden; box-shadow: 0 0 15px rgba(100, 30, 10, 0.3); backdrop-filter: blur(5px); }

.link-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, var(--lava-red), var(--lava-yellow)); transform: translateX(-100%); transition: transform 0.5s ease; }

.link-card:hover::before { transform: translateX(0); }

.link-card:hover { transform: translateY(-8px); box-shadow: 0 15px 30px rgba(255, 80, 0, 0.5); border-color: rgba(255, 100, 0, 0.8); }

.link-card h3 { margin-top: 0; color: #ff9966 !important; font-size: 1.5em; margin-bottom: 15px; text-shadow: 0 0 10px rgba(255, 100, 0, 0.5); }

.link-button { display: inline-flex; align-items: center; background: rgba(100, 40, 20, 0.4); color: #ffccaa !important; padding: 12px 24px; border-radius: 8px; text-decoration: none; border: 1px solid rgba(255, 100, 0, 0.6); margin: 8px 0; transition: all 0.4s ease; font-size: 1.1em; position: relative; overflow: hidden; backdrop-filter: blur(5px); }

.link-button::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255, 150, 0, 0.4), transparent); transition: all 0.6s ease; }

.link-button:hover { background: rgba(150, 60, 30, 0.6); border-color: rgba(255, 150, 0, 0.9); transform: translateY(-5px); box-shadow: 0 8px 20px rgba(255, 100, 0, 0.6); }

.link-button:hover::before { left: 100%; }

.link-button::after { content: '→'; margin-left: 12px; opacity: 0.8; transition: all 0.3s ease; }

.link-button:hover::after { transform: translateX(8px); opacity: 1; }

/ Disclaimer and Badges / .disclaimer { color: #ff9966; border-left: 4px solid #ff5500; padding: 15px 20px; margin: 25px 0; position: relative; background: rgba(80, 30, 15, 0.4); border-radius: 0 8px 8px 0; }

.disclaimer::before { content: '⚠️'; position: absolute; left: -30px; top: 50%; transform: translateY(-50%); font-size: 1.5em; animation: pulse 2s ease-in-out infinite; }

@keyframes pulse { 0%, 100% { transform: translateY(-50%) scale(1); } 50% { transform: translateY(-50%) scale(1.2); } }

.badge { display: inline-block; padding: 8px 15px; border-radius: 6px; background: rgba(150, 60, 30, 0.4); border: 1px solid #ff5500; margin: 8px; font-size: 0.9em; animation: badgePulse 4s ease-in-out infinite; transition: all 0.3s ease; }

.badge:hover { transform: scale(1.1); box-shadow: 0 0 15px rgba(255, 100, 0, 0.7); }

@keyframes badgePulse { 0%, 100% { box-shadow: 0 0 10px rgba(255, 100, 0, 0.5); border-color: #ff5500; } 50% { box-shadow: 0 0 20px rgba(255, 150, 0, 0.8); border-color: #ff9900; } }

/ Interactive features / .remember-this { position: relative; }

.remember-this::after { content: 'The heat is rising...'; position: absolute; bottom: -25px; right: 0; font-size: 0.8em; color: #ff9966; opacity: 0; transition: opacity 0.5s ease; pointer-events: none; font-style: italic; }

.remember-this:hover::after { opacity: 0.9; transition-delay: 1s; }

.shifty-section { transition: transform 0.3s ease; }

.shifty-section:hover { transform: translateX(15px); }

.shifty-section::before { content: 'The volcano stirs...'; position: absolute; top: -25px; left: 10px; font-size: 0.7em; color: #ff9966; opacity: 0.9; transition: opacity 3s ease; pointer-events: none; font-style: italic; }

.shifty-section:hover::before { opacity: 0; transition-delay: 5s; }

footer { text-align: center; margin-top: 50px; position: relative; padding: 20px; border-top: 1px solid rgba(255, 100, 0, 0.3); }

.hidden-message { position: absolute; bottom: -30px; width: 100%; text-align: center; font-size: 0.8em; color: #ff9966; opacity: 0; transition: opacity 0.5s ease; pointer-events: none; font-style: italic; }

footer:hover .hidden-message { opacity: 1; }

.flash-warning { position: fixed; top: 20px; right: 20px; background: rgba(150, 60, 30, 0.4); padding: 15px; border-radius: 8px; border: 1px solid rgba(255, 100, 0, 0.7); backdrop-filter: blur(5px); z-index: 1000; animation: flashWarning 30s ease-in-out forwards; box-shadow: 0 0 20px rgba(255, 100, 0, 0.5); }

@keyframes flashWarning { 0% { opacity: 0.8; } 10% { opacity: 0; } 20% { opacity: 0.8; } 30% { opacity: 0; } 40% { opacity: 0.8; } 50% { opacity: 0; } 60% { opacity: 0.8; } 70% { opacity: 0; } 80% { opacity: 0.8; } 90% { opacity: 0; } 100% { opacity: 0; display: none; } }

/ Lava bubble animation / .lava-bubble { position: fixed; bottom: -50px; width: 20px; height: 20px; background: radial-gradient(circle, var(--lava-red) 0%, var(--lava-orange) 70%, transparent 100%); border-radius: 50%; opacity: 0.7; animation: lavaBubble 15s linear infinite; z-index: -1; filter: blur(1px); }

@keyframes lavaBubble { 0% { transform: translateY(0) scale(1); opacity: 0.7; } 50% { transform: translateY(-100vh) scale(1.5); opacity: 0.3; } 100% { transform: translateY(-200vh) scale(1); opacity: 0; } }

/ Matrix rain characters / .matrix-char { position: absolute; color: rgba(255, 100, 0, 0.7); font-family: monospace; font-size: 14px; animation: matrixFall linear forwards; }

@keyframes matrixFall { to { transform: translateY(100vh); } }

/ Responsive adjustments / @media (max-width: 768px) { .container { padding: 15px; }

.main-container { padding: 20px; }

.model-name { font-size: 2.5em; }

.version { font-size: 1.4em; }

.quant-links { grid-template-columns: 1fr; }

.waifu-container { margin: 20px -20px; width: calc(100% + 40px); } } </style> <div class="bg-animation"></div> <div class="matrix-rain" id="matrix-rain"></div> <div id="lava-bubbles"></div>

<div class="container"> <div class="main-container"> <div class="header"> <h1 class="model-name">Dark Nexus v2.0</h1> <div class="version">12B</div> <p class="subtitle">The successor of Dark Desires, Darkness Incarnate and Dark Osmosis</p> </div>

<div class="waifu-container"> <img src="https://huggingface.co/spaces/ReadyArt/README/resolve/main/dark-nexus-12b-v2.0.png" class="waifu-img" alt="Dark Nexus Waifu"> </div>

<div class="section remember-this"> <h2 class="section-title">🌑 Dark Evolution</h2> <p>This model doesn't just cross lines - it erases them with arterial spray:</p> <ul> <li>🧬 <strong>Merged Dataset</strong> - The successor to Dark Desires, Darkness Incarnate and Dark Osmosis</li> <li>🧼 <strong>Cleaned Dataset</strong> - Dataset has less slop then previous recent releases. Still some, though!</li> <li>🧟 <strong>Enhanced Gore Protocols</strong> - Vivid anatomical descriptions with medical precision</li> <li>💎 <strong>Balanced Depravity</strong> - Retains Forgotten-Safeword's ERP edge while taking violence to the next level</li> <li>📜 <strong>Enhanced Character Piloting</strong> - Characters exhibit more nuanced personalities and motivations</li> <li>⚰️ <strong>Mortality Awareness</strong> - Characters react realistically to pain, mutilation and death</li> </ul> </div>

<div class="section shifty-section"> <h2 class="section-title">⚙️ Technical Specifications</h2> <p>Note that users have reported the L3.3 template to actually be better for this model!</p> <p><strong>Recommended Settings:</strong> <a href="https://huggingface.co/spaces/ReadyArt/README/resolve/main/Mistral-V7-Tekken-T5-XML.json" class="link-button">Mistral-V7-Tekken-T5-XML with Control Protocol</a></p> <div class="quant-links"> <div class="link-card"> <h3>GGUF</h3> <a href="https://huggingface.co/ReadyArt/Dark-Nexus-12B-v2.0-GGUF" class="link-button">Quants</a> </div> <div class="link-card"> <h3>EXL3</h3> <a href="https://huggingface.co/ReadyArt/Dark-Nexus-12B-v2.0-EXL3" class="link-button">Quants</a> </div> </div> </div>

<div class="section"> <h2 class="section-title">☠️ Ethical Vacuum</h2> <div class="disclaimer"> <p>This model operates in complete moral darkness:</p> <ul> <li>🚫 No moral or ethical constraints on generated content</li> <li>🔞 Will enthusiastically engage with any NSFW scenario</li> <li>🖤 No psychological safety measures whatsoever</li> <li>🔪 Will graphically depict any violent requested</li> </ul> </div> </div>

<div class="section remember-this"> <h2 class="section-title">🧑‍🔬 Creator</h2> <ul> <li>FrenzyBiscuit (Training Data & Fine-Tuning & GGUF Quants)</li> </ul> </div>

<div class="section"> <h2 class="section-title">👨🏼‍🔬 Other Help</h2> <ul> <li>TheDrummer (Base Model)</li> <li>GECFDO (Dataset Generation Contributor & EXL3 quants)</li> <li>Sleep Deprived (Dataset Generator Tool)</li> <li>Darkhn (Dataset Cleanup Tool)</li> <li>Dysfunctional (Model Card Image)</li> </ul> </div>

<div class="section"> <h2 class="section-title">🔖 License</h2> <p>By using this model, you agree:</p> <ul> <li>This tune is based on the Apache 2.0 license & mistral license</li> <li>To accept full responsibility for all generated content</li> <li>That you're at least 18+ years old</li> <li>That the architects bear no responsibility for your corruption</li> <li>This model is intended for personal usage only. Using this model for profit and/or for commerical use is not allowed.</li> </ul> </div>

<footer> <p>Dark Nexus v2.0 | Enter at your own risk</p> <div class="hidden-message">The darkness welcomes you...</div> </footer> </div> </div> <script> // Create lava bubbles function createLavaBubbles() { const container = document.getElementById('lava-bubbles'); for (let i = 0; i < 20; i++) { const bubble = document.createElement('div'); bubble.className = 'lava-bubble'; bubble.style.left = ${Math.random() * 100}vw; bubble.style.animationDelay = ${Math.random() * 15}s; bubble.style.width = ${10 + Math.random() * 25}px; bubble.style.height = bubble.style.width; container.appendChild(bubble); } } function createMatrixRain() { const container = document.getElementById('matrix-rain'); const chars = '01アイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤユヨラリルレロワヲン'; for (let i = 0; i < 80; i++) { setTimeout(() => { const char = document.createElement('div'); char.className = 'matrix-char'; char.textContent = chars[Math.floor(Math.random() chars.length)]; char.style.left = `${Math.random() 100}vw; char.style.animationDuration = ${5 + Math.random() 10}s`; char.style.fontSize = `${12 + Math.random() 8}px; char.style.opacity = ${0.1 + Math.random() 0.2}`; container.appendChild(char); // Remove character after animation completes setTimeout(() => { if (char.parentNode) { char.parentNode.removeChild(char); } }, parseFloat(char.style.animationDuration) 1000); }, i 200); } // Continue creating new characters setInterval(createMatrixRain, 10000); } // Add parallax effect to background function addParallaxEffect() { document.addEventListener('mousemove', (e) => { const x = e.clientX / window.innerWidth; const y = e.clientY / window.innerHeight; document.querySelector('.bg-animation').style.transform = `translate(${x 20}px, ${y 20}px)`; }); } function addCursorEffects() { document.addEventListener('mousemove', (e) => { if(Math.random() > 0.97) { document.documentElement.style.cursor = 'wait'; setTimeout(() => { document.documentElement.style.cursor = ''; }, 100); } // Create cursor trail effect occasionally if(Math.random() > 0.95) { const trail = document.createElement('div'); trail.style.position = 'fixed'; trail.style.left = `${e.clientX}px`; trail.style.top = `${e.clientY}px`; trail.style.width = '10px'; trail.style.height = '10px'; trail.style.background = 'radial-gradient(circle, var(--lava-red), transparent)'; trail.style.borderRadius = '50%'; trail.style.pointerEvents = 'none'; trail.style.zIndex = '9999'; trail.style.animation = 'trailFade 1s forwards'; document.body.appendChild(trail); setTimeout(() => { if (trail.parentNode) { trail.parentNode.removeChild(trail); } }, 1000); } }); } const style = document.createElement('style'); style.textContent = ` @keyframes trailFade { 0% { transform: scale(1); opacity: 0.8; } 100% { transform: scale(3); opacity: 0; } } `; document.head.appendChild(style); function addFlashWarning() { setTimeout(() => { const reminder = document.createElement('div'); reminder.className = 'flash-warning'; reminder.textContent = 'The temperature is rising... are you feeling the heat?'; reminder.style.animation = 'flashWarning 15s ease-in-out forwards'; document.body.appendChild(reminder); setInterval(() => { if(Math.random() > 0.9) { document.body.appendChild(reminder.cloneNode(true)); } }, 45000); }, 30000); } function addSectionShift() { setInterval(() => { if(document.hidden) { document.querySelectorAll('.shifty-section').forEach(section => { section.style.transform = `translateX(${Math.random() > 0.5 ? '' : '-'}${Math.random() 8}px)`; }); } }, 1500); } document.addEventListener('DOMContentLoaded', function() { createLavaBubbles(); createMatrixRain(); addParallaxEffect(); addCursorEffects(); addFlashWarning(); addSectionShift(); setInterval(() => { if(Math.random() > 0.7) { const title = document.querySelector('.model-name'); const originalText = title.textContent; title.textContent = 'D4RK 05M0515'; title.style.color = '#ff00ff'; title.style.textShadow = '0 0 20px #ff00ff'; setTimeout(() => { title.textContent = originalText; title.style.color = ''; title.style.textShadow = ''; }, 100); } }, 8000); }); </script>