Spaces:

MINDFRAM3S
/

succubi

Running

App Files Files Community

MINDFRAM3S commited on May 4, 2025

Commit

108b661

verified ·

1 Parent(s): dbad5fe

Add 3 files

Browse files

Files changed (3) hide show

README.md +6 -4
index.html +394 -19
prompts.txt +2 -0

README.md CHANGED Viewed

@@ -1,10 +1,12 @@
 ---
-title: Succubi
-emoji: 🐠
-colorFrom: indigo
 colorTo: green
 sdk: static
 pinned: false
 ---
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

 ---
+title: succubi
+emoji: 🐳
+colorFrom: blue
 colorTo: green
 sdk: static
 pinned: false
+tags:
+  - deepsite
 ---
+Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

index.html CHANGED Viewed

@@ -1,19 +1,394 @@
-<!doctype html>
-<html>
-	<head>
-		<meta charset="utf-8" />
-		<meta name="viewport" content="width=device-width" />
-		<title>My static Space</title>
-		<link rel="stylesheet" href="style.css" />
-	</head>
-	<body>
-		<div class="card">
-			<h1>Welcome to your static Space!</h1>
-			<p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
-			<p>
-				Also don't forget to check the
-				<a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
-			</p>
-		</div>
-	</body>
-</html>

+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Dark Jester - MINDFRAM3 STUDIOS</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>
+        @import url('https://fonts.googleapis.com/css2?family=Creepster&family=Henny+Penny&family=IM+Fell+DW+Pica&display=swap');
+        body {
+            background-color: #0a0a0a;
+            color: #e0e0e0;
+            overflow-x: hidden;
+            font-family: 'IM Fell DW Pica', serif;
+        }
+        .carnival-border {
+            border: 3px solid #5e1914;
+            border-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Crect width='98' height='98' fill='none' stroke='%235e1914' stroke-width='2'/%3E%3C/svg%3E") 10;
+            box-shadow: 0 0 20px rgba(139, 0, 0, 0.5);
+        }
+        .jester-mask {
+            position: relative;
+        }
+        .jester-mask::before {
+            content: "";
+            position: absolute;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M50 10 Q70 30 50 50 Q30 70 50 90 Q70 70 50 50 Q30 30 50 10' fill='none' stroke='%23dc143c' stroke-width='2'/%3E%3C/svg%3E") no-repeat center;
+            opacity: 0.3;
+            pointer-events: none;
+        }
+        .flicker {
+            animation: flicker 3s linear infinite;
+        }
+        @keyframes flicker {
+            0%, 19%, 21%, 23%, 25%, 54%, 56%, 100% {
+                opacity: 1;
+            }
+            20%, 22%, 24%, 55% {
+                opacity: 0.7;
+            }
+        }
+        .tent-stripes {
+            background: repeating-linear-gradient(
+                45deg,
+                #5e1914,
+                #5e1914 10px,
+                #3d0e0e 10px,
+                #3d0e0e 20px
+            );
+        }
+        .carousel {
+            animation: carousel 30s linear infinite;
+        }
+        @keyframes carousel {
+            0% { transform: translateX(0); }
+            100% { transform: translateX(-50%); }
+        }
+        .hover-zoom {
+            transition: transform 0.3s ease;
+        }
+        .hover-zoom:hover {
+            transform: scale(1.05);
+            z-index: 10;
+        }
+        .scrollbar-carnival::-webkit-scrollbar {
+            width: 8px;
+            height: 8px;
+        }
+        .scrollbar-carnival::-webkit-scrollbar-track {
+            background: #1a1a1a;
+        }
+        .scrollbar-carnival::-webkit-scrollbar-thumb {
+            background: #5e1914;
+            border-radius: 4px;
+        }
+        .scrollbar-carnival::-webkit-scrollbar-thumb:hover {
+            background: #dc143c;
+        }
+        .nude-overlay {
+            position: relative;
+        }
+        .nude-overlay::after {
+            content: "";
+            position: absolute;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            background: rgba(94, 25, 20, 0.3);
+            mix-blend-mode: multiply;
+        }
+        .jester-hat {
+            position: relative;
+        }
+        .jester-hat::before {
+            content: "";
+            position: absolute;
+            top: -20px;
+            left: 50%;
+            transform: translateX(-50%);
+            width: 40px;
+            height: 30px;
+            background: #dc143c;
+            clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
+        }
+        .jester-hat::after {
+            content: "";
+            position: absolute;
+            top: -30px;
+            left: 50%;
+            transform: translateX(-50%);
+            width: 60px;
+            height: 20px;
+            background: #5e1914;
+            border-radius: 50% 50% 0 0;
+        }
+    </style>
+</head>
+<body class="min-h-screen bg-black">
+    <!-- Carnival Tent Header -->
+    <header class="tent-stripes py-6 relative overflow-hidden">
+        <div class="container mx-auto px-4 relative z-10">
+            <div class="flex flex-col md:flex-row justify-between items-center">
+                <div class="jester-hat text-center md:text-left mb-4 md:mb-0">
+                    <h1 class="text-5xl font-bold text-white font-creepster" style="font-family: 'Creepster', cursive;">DARK JESTER</h1>
+                    <p class="text-xl text-lust font-henny" style="font-family: 'Henny Penny', cursive;">Carnival of Forbidden Delights</p>
+                </div>
+                <div class="text-center md:text-right">
+                    <h2 class="text-3xl font-bold text-white flicker" style="font-family: 'Creepster', cursive;">MINDFRAM3 STUDIOS</h2>
+                    <p class="text-sm text-white/70">Est. 666</p>
+                </div>
+            </div>
+        </div>
+        <div class="absolute inset-0 flex items-center justify-center pointer-events-none">
+            <div class="text-8xl opacity-5" style="font-family: 'Creepster', cursive;">DARK JESTER</div>
+        </div>
+    </header>
+    <!-- Main Carnival Area -->
+    <main class="container mx-auto px-4 py-8">
+        <!-- Gallery Carousel -->
+        <section class="mb-16 relative">
+            <div class="flex items-center justify-between mb-6">
+                <h2 class="text-3xl font-bold text-crimson" style="font-family: 'Creepster', cursive;">5000+ FORBIDDEN IMAGES</h2>
+                <div class="flex space-x-2">
+                    <button class="bg-crimson hover:bg-lust text-white px-4 py-2 rounded-full text-sm transition-colors">
+                        <i class="fas fa-arrow-left mr-1"></i> Prev
+                    </button>
+                    <button class="bg-crimson hover:bg-lust text-white px-4 py-2 rounded-full text-sm transition-colors">
+                        Next <i class="fas fa-arrow-right ml-1"></i>
+                    </button>
+                </div>
+            </div>
+            <div class="relative h-64 overflow-hidden carnival-border">
+                <div class="absolute inset-0 flex carousel">
+                    <!-- Sample images - in a real implementation these would be your actual images -->
+                    <div class="flex-shrink-0 w-1/4 h-full nude-overlay hover-zoom" style="background: url('https://source.unsplash.com/random/300x450/?nude,woman') center/cover;"></div>
+                    <div class="flex-shrink-0 w-1/4 h-full nude-overlay hover-zoom" style="background: url('https://source.unsplash.com/random/300x450/?nude,woman,art') center/cover;"></div>
+                    <div class="flex-shrink-0 w-1/4 h-full nude-overlay hover-zoom" style="background: url('https://source.unsplash.com/random/300x450/?nude,woman,painting') center/cover;"></div>
+                    <div class="flex-shrink-0 w-1/4 h-full nude-overlay hover-zoom" style="background: url('https://source.unsplash.com/random/300x450/?nude,woman,erotic') center/cover;"></div>
+                    <div class="flex-shrink-0 w-1/4 h-full nude-overlay hover-zoom" style="background: url('https://source.unsplash.com/random/300x450/?nude,woman,sexy') center/cover;"></div>
+                    <div class="flex-shrink-0 w-1/4 h-full nude-overlay hover-zoom" style="background: url('https://source.unsplash.com/random/300x450/?nude,woman,sensual') center/cover;"></div>
+                    <div class="flex-shrink-0 w-1/4 h-full nude-overlay hover-zoom" style="background: url('https://source.unsplash.com/random/300x450/?nude,woman,model') center/cover;"></div>
+                    <div class="flex-shrink-0 w-1/4 h-full nude-overlay hover-zoom" style="background: url('https://source.unsplash.com/random/300x450/?nude,woman,photography') center/cover;"></div>
+                </div>
+                <div class="absolute inset-0 flex items-center justify-center">
+                    <div class="bg-black/70 text-white p-4 rounded-lg text-center max-w-md">
+                        <h3 class="text-xl font-bold mb-2" style="font-family: 'Creepster', cursive;">ENTER THE CARNIVAL</h3>
+                        <p class="text-sm">5000+ dark, seductive images await. Join the forbidden collection.</p>
+                        <button class="mt-3 bg-crimson hover:bg-lust text-white px-6 py-2 rounded-full transition-colors">
+                            UNLOCK ALL <i class="fas fa-lock-open ml-1"></i>
+                        </button>
+                    </div>
+                </div>
+            </div>
+        </section>
+        <!-- Carnival Attractions -->
+        <section class="grid grid-cols-1 md:grid-cols-3 gap-6 mb-16">
+            <!-- Freak Show -->
+            <div class="carnival-border p-6 bg-black/50 relative overflow-hidden jester-mask">
+                <h3 class="text-2xl font-bold text-crimson mb-4" style="font-family: 'Creepster', cursive;">FREAK SHOW</h3>
+                <p class="text-white/80 mb-4">Witness the most twisted, beautiful creatures of the night.</p>
+                <div class="grid grid-cols-3 gap-2">
+                    <div class="h-24 bg-cover bg-center nude-overlay" style="background-image: url('https://source.unsplash.com/random/150x150/?nude,woman,tattoo')"></div>
+                    <div class="h-24 bg-cover bg-center nude-overlay" style="background-image: url('https://source.unsplash.com/random/150x150/?nude,woman,piercing')"></div>
+                    <div class="h-24 bg-cover bg-center nude-overlay" style="background-image: url('https://source.unsplash.com/random/150x150/?nude,woman,alternative')"></div>
+                </div>
+                <button class="mt-4 bg-gore hover:bg-crimson text-white px-4 py-2 rounded-full text-sm transition-colors">
+                    ENTER <i class="fas fa-arrow-right ml-1"></i>
+                </button>
+            </div>
+            <!-- Hall of Mirrors -->
+            <div class="carnival-border p-6 bg-black/50 relative overflow-hidden jester-mask">
+                <h3 class="text-2xl font-bold text-lust mb-4" style="font-family: 'Creepster', cursive;">HALL OF MIRRORS</h3>
+                <p class="text-white/80 mb-4">Distorted reflections of beauty and desire.</p>
+                <div class="grid grid-cols-3 gap-2">
+                    <div class="h-24 bg-cover bg-center nude-overlay" style="background-image: url('https://source.unsplash.com/random/150x150/?nude,woman,mirror')"></div>
+                    <div class="h-24 bg-cover bg-center nude-overlay" style="background-image: url('https://source.unsplash.com/random/150x150/?nude,woman,reflection')"></div>
+                    <div class="h-24 bg-cover bg-center nude-overlay" style="background-image: url('https://source.unsplash.com/random/150x150/?nude,woman,glass')"></div>
+                </div>
+                <button class="mt-4 bg-gore hover:bg-lust text-white px-4 py-2 rounded-full text-sm transition-colors">
+                    ENTER <i class="fas fa-arrow-right ml-1"></i>
+                </button>
+            </div>
+            <!-- The Dark Ride -->
+            <div class="carnival-border p-6 bg-black/50 relative overflow-hidden jester-mask">
+                <h3 class="text-2xl font-bold text-hellfire mb-4" style="font-family: 'Creepster', cursive;">THE DARK RIDE</h3>
+                <p class="text-white/80 mb-4">A journey through sensual nightmares and dark fantasies.</p>
+                <div class="grid grid-cols-3 gap-2">
+                    <div class="h-24 bg-cover bg-center nude-overlay" style="background-image: url('https://source.unsplash.com/random/150x150/?nude,woman,dark')"></div>
+                    <div class="h-24 bg-cover bg-center nude-overlay" style="background-image: url('https://source.unsplash.com/random/150x150/?nude,woman,shadow')"></div>
+                    <div class="h-24 bg-cover bg-center nude-overlay" style="background-image: url('https://source.unsplash.com/random/150x150/?nude,woman,redlight')"></div>
+                </div>
+                <button class="mt-4 bg-gore hover:bg-hellfire text-white px-4 py-2 rounded-full text-sm transition-colors">
+                    ENTER <i class="fas fa-arrow-right ml-1"></i>
+                </button>
+            </div>
+        </section>
+        <!-- Jester's Stage -->
+        <section class="carnival-border p-8 mb-16 bg-black/50 relative overflow-hidden">
+            <div class="absolute inset-0 flex items-center justify-center opacity-10">
+                <div class="text-9xl" style="font-family: 'Creepster', cursive;">MINDFRAM3</div>
+            </div>
+            <div class="relative z-10 text-center">
+                <h2 class="text-4xl font-bold text-crimson mb-6" style="font-family: 'Creepster', cursive;">THE JESTER'S STAGE</h2>
+                <p class="text-xl text-white/80 mb-8 max-w-2xl mx-auto">Where dark humor meets sensual performance. A spectacle of the bizarre and beautiful.</p>
+                <div class="grid grid-cols-2 md:grid-cols-4 gap-4 mb-8">
+                    <div class="h-48 bg-cover bg-center nude-overlay hover-zoom" style="background-image: url('https://source.unsplash.com/random/300x450/?nude,woman,jester')"></div>
+                    <div class="h-48 bg-cover bg-center nude-overlay hover-zoom" style="background-image: url('https://source.unsplash.com/random/300x450/?nude,woman,harlequin')"></div>
+                    <div class="h-48 bg-cover bg-center nude-overlay hover-zoom" style="background-image: url('https://source.unsplash.com/random/300x450/?nude,woman,circus')"></div>
+                    <div class="h-48 bg-cover bg-center nude-overlay hover-zoom" style="background-image: url('https://source.unsplash.com/random/300x450/?nude,woman,carnival')"></div>
+                </div>
+                <button class="bg-crimson hover:bg-lust text-white px-8 py-3 rounded-full text-lg transition-colors flicker">
+                    JOIN THE PERFORMANCE <i class="fas fa-ticket-alt ml-2"></i>
+                </button>
+            </div>
+        </section>
+        <!-- Dark Carnival Members -->
+        <section class="mb-16">
+            <h2 class="text-3xl font-bold text-crimson mb-6 text-center" style="font-family: 'Creepster', cursive;">DARK CARNIVAL MEMBERS</h2>
+            <div class="bg-black/50 p-6 rounded-lg carnival-border">
+                <div class="overflow-x-auto scrollbar-carnival">
+                    <div class="flex space-x-4" style="min-width: max-content;">
+                        <!-- Sample member cards -->
+                        <div class="flex-shrink-0 w-48 bg-gore rounded-lg overflow-hidden">
+                            <div class="h-32 bg-cover bg-center nude-overlay" style="background-image: url('https://source.unsplash.com/random/300x300/?nude,woman,portrait')"></div>
+                            <div class="p-3">
+                                <h4 class="font-bold text-white">LADY DAMNATION</h4>
+                                <p class="text-xs text-white/70">Ring Mistress</p>
+                            </div>
+                        </div>
+                        <div class="flex-shrink-0 w-48 bg-gore rounded-lg overflow-hidden">
+                            <div class="h-32 bg-cover bg-center nude-overlay" style="background-image: url('https://source.unsplash.com/random/300x300/?nude,woman,tattoo')"></div>
+                            <div class="p-3">
+                                <h4 class="font-bold text-white">MISS CARNAGE</h4>
+                                <p class="text-xs text-white/70">Fire Dancer</p>
+                            </div>
+                        </div>
+                        <div class="flex-shrink-0 w-48 bg-gore rounded-lg overflow-hidden">
+                            <div class="h-32 bg-cover bg-center nude-overlay" style="background-image: url('https://source.unsplash.com/random/300x300/?nude,woman,piercing')"></div>
+                            <div class="p-3">
+                                <h4 class="font-bold text-white">DOLLY DECAY</h4>
+                                <p class="text-xs text-white/70">Contortionist</p>
+                            </div>
+                        </div>
+                        <div class="flex-shrink-0 w-48 bg-gore rounded-lg overflow-hidden">
+                            <div class="h-32 bg-cover bg-center nude-overlay" style="background-image: url('https://source.unsplash.com/random/300x300/?nude,woman,goth')"></div>
+                            <div class="p-3">
+                                <h4 class="font-bold text-white">PRINCESS PAIN</h4>
+                                <p class="text-xs text-white/70">Knife Thrower</p>
+                            </div>
+                        </div>
+                        <div class="flex-shrink-0 w-48 bg-gore rounded-lg overflow-hidden">
+                            <div class="h-32 bg-cover bg-center nude-overlay" style="background-image: url('https://source.unsplash.com/random/300x300/?nude,woman,alternative')"></div>
+                            <div class="p-3">
+                                <h4 class="font-bold text-white">COUNTESS CHAOS</h4>
+                                <p class="text-xs text-white/70">Fortune Teller</p>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </section>
+    </main>
+    <!-- Carnival Footer -->
+    <footer class="tent-stripes py-8 border-t border-gore relative">
+        <div class="container mx-auto px-4">
+            <div class="flex flex-col md:flex-row justify-between items-center mb-6">
+                <div class="mb-4 md:mb-0">
+                    <h2 class="text-2xl font-bold text-white" style="font-family: 'Creepster', cursive;">DARK JESTER</h2>
+                    <p class="text-sm text-white/70">A MINDFRAM3 STUDIOS Production</p>
+                </div>
+                <div class="flex space-x-6">
+                    <a href="#" class="text-white/70 hover:text-crimson transition-colors text-xl"><i class="fab fa-instagram"></i></a>
+                    <a href="#" class="text-white/70 hover:text-crimson transition-colors text-xl"><i class="fab fa-twitter"></i></a>
+                    <a href="#" class="text-white/70 hover:text-crimson transition-colors text-xl"><i class="fab fa-patreon"></i></a>
+                    <a href="#" class="text-white/70 hover:text-crimson transition-colors text-xl"><i class="fab fa-discord"></i></a>
+                </div>
+            </div>
+            <div class="border-t border-gore/30 pt-6 text-center text-white/50 text-sm">
+                <p>© 2023 Dark Jester Carnival. All images are property of MINDFRAM3 STUDIOS.</p>
+                <p class="mt-1">Warning: This carnival may contain explicit content. Enter at your own risk.</p>
+            </div>
+        </div>
+        <!-- Floating Jester -->
+        <div class="absolute bottom-4 right-4 w-16 h-16 bg-crimson rounded-full flex items-center justify-center text-2xl">
+            <i class="fas fa-grin-tongue-wink"></i>
+        </div>
+    </footer>
+    <!-- Carnival Music Player -->
+    <div class="fixed bottom-0 left-0 right-0 bg-black/80 py-2 px-4 flex items-center justify-between z-50 carnival-border">
+        <div class="flex items-center space-x-4">
+            <button class="text-white hover:text-crimson text-xl">
+                <i class="fas fa-backward"></i>
+            </button>
+            <button class="text-white hover:text-crimson text-2xl">
+                <i class="fas fa-play"></i>
+            </button>
+            <button class="text-white hover:text-crimson text-xl">
+                <i class="fas fa-forward"></i>
+            </button>
+            <div class="text-sm text-white">
+                <span>Dark Carnival Waltz</span>
+                <span class="text-white/50 ml-2">- Insane Clown Posse</span>
+            </div>
+        </div>
+        <div class="flex items-center space-x-4">
+            <div class="w-64 hidden md:block">
+                <div class="flex space-x-px h-2">
+                    <div class="w-full bg-crimson"></div>
+                    <div class="w-full bg-crimson"></div>
+                    <div class="w-full bg-gore"></div>
+                    <div class="w-full bg-gore"></div>
+                    <div class="w-full bg-crimson"></div>
+                    <div class="w-full bg-crimson"></div>
+                    <div class="w-full bg-gore"></div>
+                    <div class="w-full bg-gore"></div>
+                    <div class="w-full bg-crimson"></div>
+                    <div class="w-full bg-crimson"></div>
+                </div>
+            </div>
+            <button class="text-white hover:text-crimson">
+                <i class="fas fa-volume-up"></i>
+            </button>
+        </div>
+    </div>
+<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=MINDFRAM3S/succubi" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
+</html>

prompts.txt ADDED Viewed

	@@ -0,0 +1,2 @@


1	+ design me a space that has these element {Painterly Crimsontype Goreprint Lusty Dominatrix Succubus Aberration], A watercolor with ink pen outline, ultrarealistic, sharp features, majestic, a million details, of a sexy Succubus in lingerie, with ice blue blazing eyes, dancing on a stripper pole in Hell. With light and darkness fractals, and elements of fire, evil, bondage, and lust in the background. Horror/Gore tattoo genre {Style of Paul Booth, Ryan and Matt Murray, Lukasz Smyku, Sandry Riffard, Angelo Parente, Paul Acker, and Anrijs Straume, David Shumate, Greg Rutkowski, H.R. Geiger}, [Nero and Rosso Palette] --HD --8K --UHD --HDR --DSLR --S 750 --Style RAW and a AI music and art generator
2	+ create me a space that has a dark seductive look with nude images of woman over 5000, and says Dark Jester, and MINDFRAM3 STUDIOS some where on the screen give it a eerie dark carnival I.C.P. Vibe