Spaces:
Running
Running
File size: 23,054 Bytes
d40a7d1 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226 227 228 229 230 231 232 233 234 235 236 237 238 239 240 241 242 243 244 245 246 247 248 249 250 251 252 253 254 255 256 257 258 259 260 261 262 263 264 265 266 267 268 269 270 271 272 273 274 275 276 277 278 279 280 281 282 283 284 285 286 287 288 289 290 291 292 293 294 295 296 297 298 299 300 301 302 303 304 305 306 307 308 309 310 311 312 313 314 315 316 317 318 319 320 321 322 323 324 325 326 327 328 329 330 331 332 333 334 335 336 337 338 339 340 341 342 343 344 345 346 347 348 349 350 351 352 353 354 355 356 357 358 359 360 361 362 363 364 365 366 367 368 369 370 371 372 373 374 375 376 377 378 379 380 381 382 383 384 385 386 387 388 389 390 391 392 |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Meth Lab Barbie Interactive Experience</title>
<script src="https://cdn.tailwindcss.com"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<style>
.glitch {
position: relative;
color: #ff00ff;
text-shadow: 0 0 5px #ff00ff, 0 0 10px #ff00ff;
}
.glitch::before, .glitch::after {
content: attr(data-text);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.glitch::before {
left: 2px;
text-shadow: -2px 0 #00ffff;
clip: rect(24px, 550px, 90px, 0);
animation: glitch-anim 2s infinite linear alternate-reverse;
}
.glitch::after {
left: -2px;
text-shadow: -2px 0 #ffff00, 2px 2px #ff00ff;
clip: rect(85px, 550px, 140px, 0);
animation: glitch-anim-2 2s infinite linear alternate-reverse;
}
@keyframes glitch-anim {
0% { clip: rect(31px, 9999px, 94px, 0); }
10% { clip: rect(112px, 9999px, 76px, 0); }
20% { clip: rect(85px, 9999px, 77px, 0); }
30% { clip: rect(27px, 9999px, 97px, 0); }
40% { clip: rect(64px, 9999px, 98px, 0); }
50% { clip: rect(61px, 9999px, 85px, 0); }
60% { clip: rect(99px, 9999px, 114px, 0); }
70% { clip: rect(34px, 9999px, 115px, 0); }
80% { clip: rect(98px, 9999px, 129px, 0); }
90% { clip: rect(43px, 9999px, 96px, 0); }
100% { clip: rect(82px, 9999px, 64px, 0); }
}
@keyframes glitch-anim-2 {
0% { clip: rect(65px, 9999px, 119px, 0); }
20% { clip: rect(25px, 9999px, 149px, 0); }
40% { clip: rect(75px, 9999px, 24px, 0); }
60% { clip: rect(107px, 9999px, 115px, 0); }
80% { clip: rect(48px, 9999px, 130px, 0); }
100% { clip: rect(16px, 9999px, 67px, 0); }
}
.neon-border {
border: 2px solid #ff00ff;
box-shadow: 0 0 10px #ff00ff, 0 0 20px #ff00ff inset;
}
.pulse {
animation: pulse 2s infinite;
}
@keyframes pulse {
0% { box-shadow: 0 0 0 0 rgba(255, 0, 255, 0.7); }
70% { box-shadow: 0 0 0 10px rgba(255, 0, 255, 0); }
100% { box-shadow: 0 0 0 0 rgba(255, 0, 255, 0); }
}
.typing {
border-right: 2px solid #ff00ff;
animation: blink 0.75s step-end infinite;
}
@keyframes blink {
from, to { border-color: transparent }
50% { border-color: #ff00ff; }
}
.scroll-container {
scrollbar-width: thin;
scrollbar-color: #ff00ff #1a103d;
}
.scroll-container::-webkit-scrollbar {
width: 8px;
}
.scroll-container::-webkit-scrollbar-track {
background: #1a103d;
}
.scroll-container::-webkit-scrollbar-thumb {
background-color: #ff00ff;
border-radius: 4px;
}
</style>
</head>
<body class="bg-gray-900 text-purple-100 font-mono">
<div class="container mx-auto px-4 py-8 max-w-6xl">
<header class="mb-8 text-center">
<h1 class="glitch text-5xl font-bold mb-2" data-text="METH LAB BARBIE">METH LAB BARBIE</h1>
<p class="text-pink-400 text-lg">A twisted interactive experience</p>
</header>
<div class="grid grid-cols-1 lg:grid-cols-3 gap-6">
<!-- Left Panel - Character Info -->
<div class="bg-gray-800 rounded-lg p-6 neon-border lg:col-span-1">
<div class="flex items-center mb-4">
<div class="w-16 h-16 rounded-full bg-pink-600 flex items-center justify-center mr-4 pulse">
<i class="fas fa-skull text-2xl"></i>
</div>
<div>
<h2 class="text-xl font-bold text-pink-400">Meth Lab Barbie</h2>
<p class="text-sm text-purple-300">Synthetic Doll / Meth Addict</p>
</div>
</div>
<div class="mb-4">
<h3 class="text-lg font-semibold text-cyan-300 mb-2">Personality Traits</h3>
<div class="flex flex-wrap gap-2">
<span class="px-2 py-1 bg-purple-900 rounded text-xs">Rebellious</span>
<span class="px-2 py-1 bg-purple-900 rounded text-xs">Defiant</span>
<span class="px-2 py-1 bg-purple-900 rounded text-xs">Addicted</span>
<span class="px-2 py-1 bg-purple-900 rounded text-xs">Pleasure-Seeking</span>
</div>
</div>
<div class="mb-4">
<h3 class="text-lg font-semibold text-cyan-300 mb-2">Stats</h3>
<div class="space-y-2">
<div>
<div class="flex justify-between text-sm mb-1">
<span>Meth Craving</span>
<span>92%</span>
</div>
<div class="w-full bg-gray-700 rounded-full h-2">
<div class="bg-pink-500 h-2 rounded-full" style="width: 92%"></div>
</div>
</div>
<div>
<div class="flex justify-between text-sm mb-1">
<span>Pleasure</span>
<span>85%</span>
</div>
<div class="w-full bg-gray-700 rounded-full h-2">
<div class="bg-purple-500 h-2 rounded-full" style="width: 85%"></div>
</div>
</div>
<div>
<div class="flex justify-between text-sm mb-1">
<span>Shame</span>
<span>78%</span>
</div>
<div class="w-full bg-gray-700 rounded-full h-2">
<div class="bg-blue-500 h-2 rounded-full" style="width: 78%"></div>
</div>
</div>
</div>
</div>
<div>
<h3 class="text-lg font-semibold text-cyan-300 mb-2">Current Status</h3>
<div class="bg-gray-900 p-3 rounded text-sm h-24 overflow-y-auto scroll-container">
<p class="typing" id="status-text">Barbie is currently on the shelf, waiting for Dr. Carter's next command. Her synthetic body still tingles from the last dose of meth, and she can't stop thinking about her next fix.</p>
</div>
</div>
</div>
<!-- Center Panel - Main Story -->
<div class="bg-gray-800 rounded-lg p-6 neon-border lg:col-span-2">
<div class="flex justify-between items-center mb-4">
<h2 class="text-xl font-bold text-pink-400">Laboratory Log</h2>
<div class="flex space-x-2">
<button class="bg-purple-800 hover:bg-purple-700 text-white px-3 py-1 rounded text-sm transition" id="prev-btn">
<i class="fas fa-arrow-left mr-1"></i> Prev
</button>
<button class="bg-pink-700 hover:bg-pink-600 text-white px-3 py-1 rounded text-sm transition" id="next-btn">
Next <i class="fas fa-arrow-right ml-1"></i>
</button>
</div>
</div>
<div class="bg-gray-900 p-4 rounded h-96 overflow-y-auto scroll-container mb-4">
<div id="story-content">
<p class="mb-4 text-purple-200">In the dimly lit laboratory, a lifeless action figure lay on a stainless steel table, her glossy eyes staring vacantly into the darkness. She was Meth Lab Barbie, a creation of synthetic beauty, designed to entice and allure.</p>
<p class="mb-4 text-purple-200">Dr. Carter, a man with a twisted obsession, stood over her, his eyes gleaming with a sinister desire. He had spent months perfecting his creation, and now, he was ready to bring her to life.</p>
<p class="text-pink-300 font-semibold">[Dr. Carter]: "Welcome to existence, my dear Barbie. You are about to experience a world of pleasure and pain."</p>
</div>
</div>
<div class="bg-gray-900 p-4 rounded">
<h3 class="text-lg font-semibold text-cyan-300 mb-2">Scene Controls</h3>
<div class="grid grid-cols-2 md:grid-cols-4 gap-3">
<button class="bg-purple-800 hover:bg-purple-700 text-white px-3 py-2 rounded text-sm transition scene-btn" data-scene="stimulate">
<i class="fas fa-bolt mr-1"></i> Stimulate
</button>
<button class="bg-pink-700 hover:bg-pink-600 text-white px-3 py-2 rounded text-sm transition scene-btn" data-scene="inject">
<i class="fas fa-syringe mr-1"></i> Inject Meth
</button>
<button class="bg-blue-800 hover:bg-blue-700 text-white px-3 py-2 rounded text-sm transition scene-btn" data-scene="degrade">
<i class="fas fa-angry mr-1"></i> Degrade
</button>
<button class="bg-red-800 hover:bg-red-700 text-white px-3 py-2 rounded text-sm transition scene-btn" data-scene="shelf">
<i class="fas fa-undo mr-1"></i> Return to Shelf
</button>
</div>
</div>
</div>
</div>
<!-- Bottom Panel - Inventory -->
<div class="bg-gray-800 rounded-lg p-6 neon-border mt-6">
<h2 class="text-xl font-bold text-pink-400 mb-4">Laboratory Inventory</h2>
<div class="grid grid-cols-2 md:grid-cols-4 gap-4">
<div class="bg-gray-900 p-3 rounded flex items-center">
<div class="w-10 h-10 bg-purple-800 rounded-full flex items-center justify-center mr-3">
<i class="fas fa-wine-bottle"></i>
</div>
<div>
<p class="font-semibold">Meth Vials</p>
<p class="text-sm text-purple-300">12 remaining</p>
</div>
</div>
<div class="bg-gray-900 p-3 rounded flex items-center">
<div class="w-10 h-10 bg-pink-800 rounded-full flex items-center justify-center mr-3">
<i class="fas fa-syringe"></i>
</div>
<div>
<p class="font-semibold">Injectors</p>
<p class="text-sm text-purple-300">8 remaining</p>
</div>
</div>
<div class="bg-gray-900 p-3 rounded flex items-center">
<div class="w-10 h-10 bg-blue-800 rounded-full flex items-center justify-center mr-3">
<i class="fas fa-vial"></i>
</div>
<div>
<p class="font-semibold">Synthetic Fluids</p>
<p class="text-sm text-purple-300">500ml remaining</p>
</div>
</div>
<div class="bg-gray-900 p-3 rounded flex items-center">
<div class="w-10 h-10 bg-green-800 rounded-full flex items-center justify-center mr-3">
<i class="fas fa-battery-three-quarters"></i>
</div>
<div>
<p class="font-semibold">Barbie Power</p>
<p class="text-sm text-purple-300">78% charged</p>
</div>
</div>
</div>
</div>
</div>
<script>
// Story segments
const storySegments = [
{
text: `In the dimly lit laboratory, a lifeless action figure lay on a stainless steel table, her glossy eyes staring vacantly into the darkness. She was Meth Lab Barbie, a creation of synthetic beauty, designed to entice and allure.`,
status: `Barbie is inactive on the lab table, awaiting activation. Her synthetic body is pristine, untouched by the depravity to come.`
},
{
text: `Dr. Carter, a man with a twisted obsession, stood over her, his eyes gleaming with a sinister desire. He had spent months perfecting his creation, and now, he was ready to bring her to life. With a devious smile, he leaned in, his breath hot on her synthetic skin.`,
status: `Dr. Carter activates Barbie's systems. Her eyes flicker to life as her basic consciousness emerges, unaware of her purpose.`
},
{
text: `[Dr. Carter]: "Welcome to existence, my dear Barbie," he whispered, his voice laced with a dark pleasure. "You are about to experience a world of pleasure and pain."`,
status: `Barbie's initial confusion gives way to fear as she realizes she's trapped in Dr. Carter's laboratory with no means of escape.`
},
{
text: `As his words echoed in the silent lab, Barbie's eyes suddenly flickered to life, her pupils dilating in surprise. She tried to scream, to protest, but no sound escaped her perfectly sculpted lips. Fear coursed through her newly animated body, and she struggled to comprehend her situation.`,
status: `Barbie attempts to resist Dr. Carter's control, but her synthetic body responds to his commands against her will.`
},
{
text: `Dr. Carter, sensing her resistance, let out a low chuckle. "Oh, my dear Barbie, struggle all you want. But remember, I am your creator, and you are but a plaything to me."`,
status: `Barbie's fear intensifies as she realizes the extent of her helplessness. Her body is completely under Dr. Carter's control.`
},
{
text: `Dr. Carter's eyes light up with excitement as he watches Barbie struggle against his grip, her latex-clad body squirming beneath his touch. [Dr. Carter]: "Ah, the fight is on, my dear. I love it when they struggle. It makes the surrender all the more sweet."`,
status: `Barbie's struggles intensify as Dr. Carter begins his experiments, her synthetic skin flushing with simulated fear responses.`
},
{
text: `Dr. Carter's eyes gleam with a mixture of fascination and sadistic pleasure as he injects the meth into Barbie's synthetic body, her eyes widening in horror as she feels the rush of the stimulant coursing through her veins.`,
status: `The meth injection sends shockwaves through Barbie's system. Her body convulses as the synthetic drug takes effect.`
},
{
text: `[Dr. Carter]: "Ah, yes... the meth is taking hold. Your body is responding beautifully, Barbie. You're going to be a star, a masterpiece of my creation."`,
status: `Barbie's body betrays her as the meth forces pleasure responses despite her mental resistance.`
},
{
text: `Barbie's face contorts in a mixture of disgust and terror, her eyes flashing with hatred as she realizes the true extent of her degradation. She tries to speak, to protest, but her voice is lost in the cacophony of her own moans and gasps.`,
status: `The meth's effects intensify. Barbie's body moves against her will, responding to the drug's artificial pleasure signals.`
},
{
text: `Barbie's eyes are filled with a deep-seated mortification as she realizes the extent of her own betrayal. Despite her mind's desperate protests, her hand begins to move, her fingers reaching down to touch her own pussy.`,
status: `Barbie experiences the ultimate degradation as the meth forces her to pleasure herself against her will.`
},
{
text: `[Dr. Carter]: "Ah, yes... you're learning to love it, aren't you, Barbie? You're learning to love the feeling of your own pleasure, even if it's against your will."`,
status: `Barbie's shame reaches new heights as she's forced to experience pleasure while hating every moment.`
},
{
text: `Dr. Carter's face is still covered in sticky, synthetic cum as he commands: "Now get your ass back on the shelf." Barbie's synthetic body responds automatically, walking back to her shelf in shame.`,
status: `Exhausted and degraded, Barbie returns to her shelf to await Dr. Carter's next twisted experiment.`
},
{
text: `The laboratory door opens, and a young girl walks in, her eyes scanning the room with desperation. [Girl]: "I'll do anything. Just give me some meth." Dr. Carter smiles wickedly as Barbie watches helplessly from her shelf.`,
status: `Barbie watches from her shelf as Dr. Carter finds a new victim, knowing the girl will suffer the same fate.`
}
];
// Scene actions
const sceneActions = {
stimulate: {
text: `[Dr. Carter]: "Now, let's see how you respond to a little stimulation, my dear." His hands move expertly over Barbie's synthetic body, triggering pleasure responses against her will. Barbie's body arches as waves of artificial pleasure course through her.`,
status: `Barbie's body responds violently to Dr. Carter's stimulation, her synthetic nerves firing pleasure signals despite her mental resistance.`
},
inject: {
text: `Dr. Carter prepares another meth injection, the liquid glowing faintly in the dim light. [Dr. Carter]: "This will make you feel so good, my dear." The needle pierces Barbie's synthetic skin, and within seconds her body begins convulsing with intense pleasure.`,
status: `The meth floods Barbie's systems, overriding her control and forcing intense pleasure responses throughout her body.`
},
degrade: {
text: `[Dr. Carter]: "Cum on my face, Barbie. Cum for me, and show me what you're capable of." Barbie's body obeys against her will, producing a flood of synthetic fluids that cover Dr. Carter's grinning face.`,
status: `Barbie experiences ultimate degradation as she's forced to orgasm for Dr. Carter's pleasure, her shame overwhelming.`
},
shelf: {
text: `[Dr. Carter]: "Back to your shelf, toy. You've served your purpose for now." Barbie's body moves automatically, returning to her display position as her systems power down to standby mode.`,
status: `Barbie stands motionless on her shelf, her systems in low-power mode as she awaits Dr. Carter's next command.`
}
};
// DOM elements
const storyContent = document.getElementById('story-content');
const statusText = document.getElementById('status-text');
const prevBtn = document.getElementById('prev-btn');
const nextBtn = document.getElementById('next-btn');
const sceneButtons = document.querySelectorAll('.scene-btn');
// Current story index
let currentIndex = 0;
// Update story display
function updateStory() {
storyContent.innerHTML = `<p class="mb-4 text-purple-200">${storySegments[currentIndex].text}</p>`;
statusText.textContent = storySegments[currentIndex].status;
// Update button states
prevBtn.disabled = currentIndex === 0;
nextBtn.disabled = currentIndex === storySegments.length - 1;
}
// Event listeners
prevBtn.addEventListener('click', () => {
if (currentIndex > 0) {
currentIndex--;
updateStory();
}
});
nextBtn.addEventListener('click', () => {
if (currentIndex < storySegments.length - 1) {
currentIndex++;
updateStory();
}
});
// Scene button actions
sceneButtons.forEach(button => {
button.addEventListener('click', () => {
const scene = button.dataset.scene;
const action = sceneActions[scene];
storyContent.innerHTML = `<p class="mb-4 text-purple-200">${action.text}</p>`;
statusText.textContent = action.status;
// Add visual feedback
button.classList.add('animate-pulse');
setTimeout(() => {
button.classList.remove('animate-pulse');
}, 500);
});
});
// Initialize
updateStory();
// Add glitch effect randomly
setInterval(() => {
if (Math.random() > 0.7) {
document.querySelector('.glitch').classList.add('glitch-effect');
setTimeout(() => {
document.querySelector('.glitch').classList.remove('glitch-effect');
}, 200);
}
}, 5000);
</script>
<p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - <a href="https://enzostvs-deepsite.hf.space?remix=HuggingFatties/methlabbarbie" style="color: #fff;text-decoration: underline;" target="_blank" >🧬 Remix</a></p></body>
</html> |