|
|
--- |
|
|
base_model: |
|
|
- ReadyArt/Dark-Osmosis-24B-v1.0 |
|
|
base_model_relation: quantized |
|
|
tags: |
|
|
- nsfw |
|
|
- explicit |
|
|
- roleplay |
|
|
- unaligned |
|
|
- dangerous |
|
|
- ERP |
|
|
- Other License |
|
|
license: other |
|
|
--- |
|
|
<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 Osmosis v1.0</h1> |
|
|
<div class="version">24B</div> |
|
|
<p class="subtitle">The successor of Dark Desires</p> |
|
|
</div> |
|
|
|
|
|
<div class="waifu-container"> |
|
|
<img src="https://huggingface.co/spaces/ReadyArt/README/resolve/main/Dark-Osmosis-v1.0.webp" class="waifu-img" alt="Dark Osmosis Waifu"> |
|
|
</div> |
|
|
|
|
|
<div class="section remember-this"> |
|
|
<h2 class="section-title">π―οΈ Back to our roots</h2> |
|
|
<p>π§ββοΈ This time:</p> |
|
|
<ul> |
|
|
<li>β‘ <strong>No more chapter-long outputs</strong> - Dataset was generated without multi-turn conversations</li> |
|
|
</ul> |
|
|
</div> |
|
|
|
|
|
<div class="section remember-this"> |
|
|
<h2 class="section-title">β¨ Warnings</h2> |
|
|
<p>β Please note:</p> |
|
|
<ul> |
|
|
<li>β οΈ <strong>Asterisk issues</strong> There are issues in our dataset with asterisks. I will be releasing a 1.5 version by tomorrow which blanket removes them from our dataset</li> |
|
|
</ul> |
|
|
</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>New Dataset</strong> - The successor to Dark Desires</li> |
|
|
<li>π§Ό <strong>Cleaned Dataset</strong> - Dataset has less slop then previous recent releases and other issues have been resolve</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><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-Osmosis-24B-v1.0-GGUF" class="link-button">Quants</a> |
|
|
</div> |
|
|
<div class="link-card"> |
|
|
<h3>EXL3</h3> |
|
|
<a href="https://huggingface.co/ReadyArt/Dark-Osmosis-24B-v1.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 Osmosis v1.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> |
