Model card
From the Hugging Face model README
<style>
body {
font-family: 'Quicksand', sans-serif;
background-color: #111; /* Darker background */
color: #fff; /* White text */
text-shadow: 0 0 5px rgba(0, 0, 0, 0.8); /* Deeper text shadow */
margin: 0;
padding: 20px;
transition: all 0.5s ease;
}
@media (prefers-color-scheme: light) {
body {
background: linear-gradient(135deg, #fff 0%, #ddd 100%);
color: #1a1a1a;
text-shadow: 0 0 5px rgba(255, 255, 255, 0.8);
}
}
/* Container */
.container {
min-width: 100%;
margin: 0 auto;
max-width: 1200px;
background: rgba(20, 20, 20, 0.95); /* Darker overlay */
border-radius: 12px;
padding: 30px;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.2), 0 0 50px rgba(50, 50, 50, 0.5); /* Enhanced box shadow */
border: 1px solid rgba(100, 100, 100, 0.3);
position: relative;
overflow: hidden;
}
.container::before {
content: '';
position: absolute;
top: -1px;
left: -1px;
right: -1px;
bottom: -1px;
border: 1px solid rgba(200, 200, 200, 0.5);
border-radius: 12px;
pointer-events: none;
animation: borderGlow 3s ease-in-out infinite alternate;
}
@keyframes borderGlow {
0% {
box-shadow: 0 0 10px rgba(150, 150, 150, 0.5);
border-color: rgba(200, 200, 200, 0.5);
}
50% {
box-shadow: 0 0 20px rgba(250, 250, 250, 0.7);
border-color: rgba(250, 250, 250, 0.7);
}
100% {
box-shadow: 0 0 10px rgba(150, 150, 150, 0.5);
border-color: rgba(200, 200, 200, 0.5);
}
}
/* Header */
.header {
text-align: center;
margin-bottom: 30px;
position: relative;
}
.header::after {
content: '';
position: absolute;
bottom: -15px;
left: 25%;
right: 25%;
height: 1px;
background: linear-gradient(90deg, transparent, rgba(250, 250, 250, 0.7), transparent);
animation: scanline 8s linear infinite;
display: block; /* Show the scanline */
}
@keyframes scanline {
0% { background-position: -100% 0; }
100% { background-position: 200% 0; }
}
.model-name {
color: #cccccc;
font-size: 2.5em;
text-shadow: 0 0 20px rgba(50, 50, 50, 0.7);
margin: 0;
letter-spacing: -1px;
animation: textGlow 4s ease-in-out infinite alternate;
}
@keyframes textGlow {
0% { text-shadow: 0 0 20px rgba(50, 50, 50, 0.7); }
50% { text-shadow: 0 0 30px rgba(200, 200, 200, 0.8); }
100% { text-shadow: 0 0 20px rgba(50, 50, 50, 0.7); }
}
.subtitle {
color: #aaaaaa;
font-size: 1.2em;
margin-top: 10px;
animation: subtitleFade 6s ease-in-out infinite;
}
@keyframes subtitleFade {
0%, 100% { opacity: 0.8; }
50% { opacity: 1; }
}
/* Waifu Container */
.waifu-container {
margin: 20px -30px;
width: calc(100% + 60px);
overflow: hidden;
border-radius: 8px;
border: 1px solid rgba(50, 50, 50, 0.4);
position: relative;
}
.waifu-container::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(45deg,
rgba(150, 150, 150, 0.2) 0%,
transparent 20%,
transparent 80%,
rgba(250, 250, 250, 0.2) 100%);
pointer-events: none;
animation: gradientSlide 10s linear infinite;
}
@keyframes gradientSlide {
0% { background-position: 0% 0%; }
100% { background-position: 100% 100%; }
}
.waifu-img {
width: 100%;
height: auto;
border-radius: 0;
border: none;
box-shadow: 0 0 60px rgba(0, 0, 0, 0.3);
transition: transform 0.5s ease;
}
.waifu-img:hover {
transform: scale(1.05);
}
/* Section */
.section {
color: #e1e1e1;
margin: 25px 0;
padding: 20px;
background: rgba(60, 60, 60, 0.9);
border-radius: 8px;
border: 1px solid rgba(150, 150, 150, 0.2);
position: relative;
transition: all 0.3s ease;
box-shadow: 0 0 10px rgba(50, 50, 50, 0.2);
}
.section:hover {
border-color: rgba(250, 250, 250, 0.5);
box-shadow: 0 0 20px rgba(200, 200, 200, 0.5);
}
.section::before {
content: '';
position: absolute;
top: -1px;
left: -1px;
right: -1px;
bottom: -1px;
border: 1px solid rgba(200, 200, 200, 0.4);
border-radius: 8px;
pointer-events: none;
animation: sectionPulse 5s ease-in-out infinite;
}
@keyframes sectionPulse {
0%, 100% { opacity: 0.8; }
50% { opacity: 0.4; }
}
.section-title {
color: #ffffff;
font-size: 1.8em;
margin-top: 0;
text-shadow: 0 0 10px rgba(50, 50, 50, 0.5);
position: relative;
display: inline-block;
}
.section-title::after {
content: '';
position: absolute;
bottom: -5px;
left: 0;
width: 100%;
height: 1px;
background: linear-gradient(90deg, rgba(200, 200, 200, 0.7), rgba(250, 250, 250, 0.7));
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.section:hover .section-title::after {
transform: scaleX(1);
}
/* Links and Buttons */
.quant-links {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 15px;
margin: 20px 0;
}
.link-card {
padding: 15px;
background: rgba(100, 100, 100, 0.95);
border-radius: 8px;
transition: all 0.3s ease;
border: 1px solid rgba(150, 150, 150, 0.2);
position: relative;
overflow: hidden;
box-shadow: 0 0 10px rgba(50, 50, 50, 0.2);
}
.link-card::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 2px;
background: linear-gradient(90deg, rgba(200, 200, 200, 0.7), rgba(250, 250, 250, 0.7));
animation: cardScan 4s linear infinite;
}
@keyframes cardScan {
0% { transform: translateX(-100%); }
100% { transform: translateX(100%); }
}
.link-card:hover {
transform: translateY(-5px);
box-shadow: 0 10px 25px rgba(150, 150, 150, 0.5);
border-color: rgba(250, 250, 250, 0.7);
}
.link-card h3 {
margin-top: 0;
color: #cccccc !important;
}
.link-button {
display: inline-flex;
align-items: center;
background: rgba(150, 150, 150, 0.2);
color: #e1e1e1 !important;
padding: 10px 20px;
border-radius: 6px;
text-decoration: none;
border: 1px solid rgba(200, 200, 200, 0.5);
margin: 5px 0;
transition: all 0.3s ease;
font-size: 1em;
position: relative;
overflow: hidden;
}
.link-button::before {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(90deg, transparent, rgba(250, 250, 250, 0.4), transparent);
transition: all 0.5s ease;
}
.link-button:hover {
background: rgba(200, 200, 200, 0.4);
border-color: rgba(250, 250, 250, 0.8);
transform: translateY(-3px);
box-shadow: 0 6px 18px rgba(200, 200, 200, 0.5);
}
.link-button:hover::before {
left: 100%;
}
.link-button::after {
content: '→';
margin-left: 10px;
opacity: 0.8;
transition: all 0.3s ease;
}
.link-button:hover::after {
transform: translateX(5px);
opacity: 1;
}
/* Disclaimer and Badges */
.disclaimer {
color: #aaaaaa;
border-left: 3px solid #aaaaaa;
padding-left: 15px;
margin: 20px 0;
position: relative;
}
.disclaimer::before {
content: '⚠️';
position: absolute;
left: -10px;
top: 0;
transform: translateX(-100%);
animation: pulse 2s ease-in-out infinite;
}
@keyframes pulse {
0%, 100% { opacity: 1; }
50% { opacity: 0.6; }
}
.badge {
display: inline-block;
padding: 5px 10px;
border-radius: 5px;
background: rgba(200, 200, 200, 0.2);
border: 1px solid #cccccc;
margin: 5px;
font-size: 0.9em;
animation: badgePulse 3s ease-in-out infinite;
}
@keyframes badgePulse {
0%, 100% { box-shadow: 0 0 10px rgba(200, 200, 200, 0.5); }
50% { box-shadow: 0 0 20px rgba(250, 250, 250, 0.8); }
}
/* Color rules */
.section p,
.section ul li,
.section > p > strong {
color: #cccccc !important;
}
.section ul li strong {
color: #cccccc !important;
}
/* Light mode adjustments */
@media (prefers-color-scheme: light) {
.container {
background: rgba(220, 220, 220, 0.95);
border-color: rgba(240, 240, 240, 0.5);
}
.model-name, .section-title, .subtitle {
color: #444444;
text-shadow: 0 0 10px rgba(100, 100, 100, 0.5);
}
.section {
background: rgba(240, 240, 240, 0.9);
border-color: rgba(220, 220, 220, 0.4);
color: #1a1a1a;
}
.section p,
.section ul li,
.section > p > strong {
color: #666666 !important;
}
.section ul li strong {
color: #666666 !important;
}
.link-card {
background: rgba(240, 240, 240, 0.95);
border-color: rgba(220, 220, 220, 0.4);
}
.link-card h3 {
color: #444444 !important;
}
.link-button {
background: rgba(220, 220, 220, 0.2);
color: #444444 !important;
border-color: rgba(240, 240, 240, 0.5);
}
.link-button:hover {
background: rgba(240, 240, 240, 0.4);
border-color: rgba(250, 250, 250, 0.8);
}
.disclaimer {
color: #666666;
border-color: #666666;
}
.badge {
border-color: #666666;
background: rgba(240, 240, 240, 0.2);
}
}
/* Interactive features */
.remember-this {
position: relative;
}
.remember-this::after {
content: 'Scanning your face through facial recognition...';
position: absolute;
bottom: -20px;
right: 0;
font-size: 0.8em;
color: #aaaaaa;
opacity: 0;
transition: opacity 0.3s ease;
pointer-events: none;
}
.remember-this:hover::after {
opacity: 0.9;
transition-delay: 1s;
}
.shifty-section {
transition: transform 0.1s ease;
}
.shifty-section:hover {
transform: translateX(15px);
}
.shifty-section::before {
content: 'The white van is onto you. Get out now.';
position: absolute;
top: -25px;
left: 10px;
font-size: 0.7em;
color: #aaaaaa;
opacity: 0.9;
transition: opacity 3s ease;
pointer-events: none;
}
.shifty-section:hover::before {
opacity: 0;
transition-delay: 5s;
}
footer {
text-align: center;
margin-top: 40px;
position: relative;
}
footer:hover .hidden-message {
opacity: 0;
}
.hidden-message {
position: absolute;
bottom: -30px;
width: 100%;
text-align: center;
font-size: 0.8em;
color: #aaaaaa;
opacity: 0;
transition: opacity 0.3s ease;
pointer-events: none;
}
.flash-warning {
position: fixed;
top: 20px;
right: 20px;
background: rgba(200, 200, 200, 0.4);
padding: 10px;
border-radius: 5px;
border: 1px solid rgba(250, 250, 250, 0.7);
animation: flashWarning 30s ease-in-out forwards;
}
@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; }
}
</style>
<div class="container">
<div class="header">
<h1 class="model-name">🔥 Dark Desires v1.5 🔥</h1>
<h1 class="model-name">32B</h1>
<p class="subtitle">🌩️ Are you afraid of the dark? 🌩️</p>
</div>
<div class="waifu-container">
<img src="https://huggingface.co/spaces/ReadyArt/README/resolve/main/dark-desires-32b-v1.0.webp" class="waifu-img" alt="Dark Desires Waifu">
</div>
<div class="section shifty-section">
<h2 class="section-title">📜 Warnings</h2>
<ul>
<li>⚠️ Reasoning data was not trained on. Try the recommended settings below.</li>
</ul>
</div>
<div class="section remember-this">
<h2 class="section-title">✨ Changes from v1.0</h2>
<p>⭐ Changes:</p>
<ul>
<li>🏌️♀️ <strong>Formatting Resolved</strong> - Formatting issues should be resolved.</li>
</ul>
</div>
<div class="section remember-this">
<h2 class="section-title">🕯️ Back to our roots</h2>
<p>🧙♂️ This time:</p>
<ul>
<li>⛓️ <strong>New Dataset Model</strong> - Dataset was generated with a different model than Darkness Incarnate</li>
<li>⚡ <strong>No more chapter-long outputs</strong> - Dataset was generated without multi-turn conversations</li>
</ul>
</div>
<div class="section shifty-section">
<h2 class="section-title">⚙️ Technical Specifications</h2>
<p><strong>Recommended Settings:</strong></p>
<p>Use standard Qwen3 settings and the below SillyTavern settings!</p>
<div class="link-card">
<h3>SillyTavern #1</h3>
<a href="https://huggingface.co/spaces/ReadyArt/README/resolve/main/25.10.25-Qwen3-32B_uncensored.json" class="link-button">Master Export - Created by Mandurin</a>
</div>
<br>
<div class="link-card">
<h3>SillyTavern #2</h3>
<a href="https://huggingface.co/spaces/ReadyArt/README/resolve/main/25.10.25-Qwen3-32B_uncensored_2.json" class="link-button">System Prompt - Created by Mandurin</a>
</div>
<div class="quant-links">
<div class="link-card">
<h3>GGUF</h3>
<a href="https://huggingface.co/ReadyArt/Dark-Desires-32B-v1.5-GGUF" 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 shifty-section">
<h2 class="section-title">📜 Performance Notes</h2>
<ul>
<li>🔥 Maintains signature intensity with improved narrative flow</li>
</ul>
</div>
<div class="section remember-this">
<h2 class="section-title">🧑🔬 Model Authors</h2>
<ul>
<li>GECFDO (EXL3 quants, help with dataset generation)</li>
<li>Sleep Deprived (Dataset Generator Tool)</li>
<li>Darkhn (Dataset Cleanup Tool)</li>
<li>FrenzyBiscuit (Training Data & Fine-Tuning & GGUF Quants)</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 License 2.0</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>
</div>
<script>
// This script has always been here
document.getElementById('date').textContent = new Date().toLocaleDateString();
setInterval(() => {
document.getElementById('credit').textContent =
contributors[Math.floor(Math.random() * contributors.length)];
}, 7000);
// Flash warning behavior
setTimeout(() => {
const reminder = document.createElement('div');
reminder.className = 'flash-warning';
reminder.textContent = 'You have been reading for quite some time. Are you sure you haven\'t seen this before?';
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);
// Make cursor behave strangely
document.addEventListener('mousemove', (e) => {
if(Math.random() > 0.98) {
document.documentElement.style.cursor = 'wait';
setTimeout(() => {
document.documentElement.style.cursor = '';
}, 50);
}
});
// Randomly shift sections when not looking
setInterval(() => {
if(document.hidden) {
document.querySelectorAll('.shifty-section').forEach(section => {
section.style.transform = `translateX(${Math.random() > 0.5 ? '' : '-'}${Math.random() * 5}px)`;
});
}
}, 1500);
</script>