Spaces:

00Boobs00
/

wana

Running

App Files Files Community

00Boobs00 commited on Jan 14

Commit

9907897

verified ·

1 Parent(s): a3769d1

Add 3 files

Browse files

Files changed (3) hide show

README.md +6 -4
index.html +422 -19
prompts.txt +1 -0

README.md CHANGED Viewed

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

 ---
+title: wana
+emoji: ⚛️
 colorFrom: blue
+colorTo: yellow
 sdk: static
 pinned: false
+tags:
+  - QwenSite
 ---
+Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

index.html CHANGED Viewed

@@ -1,19 +1,422 @@
-<!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" class="scroll-smooth bg-black text-white">
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+  <title>WAN: Age-Gated AI Image-to-Video Generator</title>
+  <script src="https://cdn.tailwindcss.com"></script>
+  <script>
+    tailwind.config = {
+      darkMode: 'class',
+      theme: {
+        extend: {
+          fontFamily: {
+            sans: ['Inter', 'sans-serif'],
+            display: ['"Space Grotesk"', 'sans-serif'],
+          },
+          colors: {
+            'neon-purple': '#b047ff',
+            'cyber-pink': '#ff2a6d',
+            'deep-blue': '#0d1117',
+            'glow-blue': '#00bfff',
+            'matrix-green': '#00ff41',
+          },
+          keyframes: {
+            float: {
+              '0%, 100%': { transform: 'translateY(0)' },
+              '50%': { transform: 'translateY(-20px)' },
+            },
+            pulseGlow: {
+              '0%, 100%': { opacity: 0.7, textShadow: '0 0 10px rgba(176, 71, 255, 0.6)' },
+              '50%': { opacity: 1, textShadow: '0 0 20px rgba(176, 71, 255, 0.9), 0 0 30px rgba(0, 191, 255, 0.5)' },
+            },
+            shimmer: {
+              '0%': { backgroundPosition: '-1000px 0' },
+              '100.%': { backgroundPosition: '1000px 0' },
+            }
+          },
+          animation: {
+            float: 'float 6s ease-in-out infinite',
+            pulseGlow: 'pulseGlow 3s ease-in-out infinite',
+            shimmer: 'shimmer 4s infinite linear',
+          },
+          backgroundImage: {
+            'aurora': 'linear-gradient(120deg, #000428, #004e92, #b047ff, #ff2a6d)',
+            'grid': 'radial-gradient(circle, rgba(255,255,255,0.07) 1px, transparent 1px)',
+          }
+        }
+      }
+    };
+  </script>
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"/>
+  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap" rel="stylesheet">
+  <style>
+    body {
+      background: linear-gradient(120deg, #000428, #004e92), url('https://images.unsplash.com/photo-1557682250-33bd709cbe85?ixlib=rb-4.0.3') fixed;
+      background-size: cover;
+      background-blend-mode: overlay;
+      font-family: 'Inter', sans-serif;
+    }
+    .shimmer-text {
+      background: linear-gradient(90deg, #ff2a6d, #b047ff, #00bfff, #00ff41);
+      background-size: 200% auto;
+      -webkit-background-clip: text;
+      background-clip: text;
+      color: transparent;
+      animation: shimmer 5s infinite linear;
+    }
+    .card-glass {
+      background: rgba(15, 15, 30, 0.4);
+      backdrop-filter: blur(12px);
+      border: 1px solid rgba(176, 71, 255, 0.15);
+      border-radius: 1rem;
+    }
+    .hover-glow:hover {
+      box-shadow: 0 0 25px rgba(176, 71, 255, 0.4);
+      transform: translateY(-5px);
+      transition: all 0.3s ease;
+    }
+    .neon-border {
+      border: 1px solid transparent;
+      background-clip: padding-box, border-box;
+      background-origin: padding-box, border-box;
+      background-image: linear-gradient(45deg, #b047ff, #00bfff), linear-gradient(45deg, #b047ff, #00bfff);
+    }
+    .api-key-input {
+      background: rgba(30, 30, 60, 0.5);
+      border: 1px solid rgba(255, 42, 109, 0.3);
+      color: #fff;
+    }
+    .model-preview {
+      transition: transform 0.4s ease, box-shadow 0.4s ease;
+    }
+    .model-preview:hover {
+      transform: scale(1.03);
+      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.6);
+    }
+    .toggle-switch {
+      position: relative;
+      display: inline-block;
+      width: 60px;
+      height: 30px;
+    }
+    .toggle-switch input {
+      opacity: 0;
+      width: 0;
+      height: 0;
+    }
+    .slider {
+      position: absolute;
+      cursor: pointer;
+      top: 0;
+      left: 0;
+      right: 0;
+      bottom: 0;
+      background-color: #333;
+      transition: .4s;
+      border-radius: 30px;
+    }
+    .slider:before {
+      position: absolute;
+      content: "";
+      height: 22px;
+      width: 22px;
+      left: 4px;
+      bottom: 4px;
+      background-color: white;
+      transition: .4s;
+      border-radius: 50%;
+    }
+    input:checked + .slider {
+      background: linear-gradient(90deg, #b047ff, #ff2a6d);
+    }
+    input:checked + .slider:before {
+      transform: translateX(30px);
+    }
+    .cyber-btn {
+      position: relative;
+      overflow: hidden;
+      border: none;
+      color: white;
+      font-weight: 600;
+      border-radius: 0.5rem;
+    }
+    .cyber-btn::after {
+      content: '';
+      position: absolute;
+      top: -2px;
+      left: -2px;
+      right: -2px;
+      bottom: -2px;
+      z-index: -1;
+      background: linear-gradient(45deg, #b047ff, #00bfff, #00ff41, #ff2a6d);
+      border-radius: 0.6rem;
+      animation: pulse 3s infinite alternate;
+    }
+    @keyframes pulse {
+      0% {
+        opacity: 0.6;
+      }
+      100% {
+        opacity: 1;
+      }
+    }
+    .lora-icon {
+      animation: float 5s ease-in-out infinite;
+    }
+  </style>
+</head>
+<body class="min-h-screen relative">
+  <!-- Aurora Particle Background Overlay -->
+  <div class="fixed inset-0 pointer-events-none opacity-30">
+    <div class="absolute top-20 left-10 w-2 h-2 bg-neon-purple rounded-full animate-pulse"></div>
+    <div class="absolute top-40 right-32 w-1 h-1 bg-cyber-pink rounded-full animate-bounce delay-1000"></div>
+    <div class="absolute bottom-32 left-20 w-1.5 h-1.5 bg-glow-blue rounded-full animate-ping delay-1500"></div>
+    <div class="absolute top-1/2 right-10 w-2 h-2 bg-matrix-green rounded-full animate-pulse delay-750"></div>
+  </div>
+  <!-- Navigation -->
+  <nav class="relative z-50 p-6 flex justify-between items-center">
+    <div class="flex items-center space-x-2">
+      <span class="text-3xl font-bold bg-gradient-to-r from-cyber-pink to-neon-purple bg-clip-text text-transparent">WAN</span>
+      <span class="text-sm text-gray-400">by <span class="text-matrix-green">AethelCorp</span></span>
+    </div>
+    <div class="hidden md:flex space-x-6">
+      <a href="#home" class="hover:text-neon-purple transition">Home</a>
+      <a href="#models" class="hover:text-cyber-pink transition">Models</a>
+      <a href="#api" class="hover:text-glow-blue transition">API</a>
+      <a href="#about" class="hover:text-matrix-green transition">About</a>
+    </div>
+    <button class="md:hidden text-xl"><i class="fas fa-bars"></i></button>
+  </nav>
+  <!-- Hero Section -->
+  <section id="home" class="relative pt-20 pb-32 px-6 text-center">
+    <div class="max-w-5xl mx-auto">
+      <h1 class="text-6xl md:text-8xl font-bold mb-6 leading-tight">
+        <span class="shimmer-text">WAN</span>
+      </h1>
+      <h2 class="text-2xl md:text-4xl mb-8 text-gray-300 font-light">
+        <span class="inline-block animate-pulse">Age-Gated AI Image-to-Video Generator</span>
+      </h2>
+      <p class="text-lg md:text-xl text-gray-400 max-w-3xl mx-auto leading-relaxed mb-12">
+        Empowering creators in the adult entertainment frontier with cutting-edge <strong class="text-neon-purple">LoRA adaptation</strong>, <strong class="text-cyber-pink">modular base models</strong>, and <strong class="text-glow-blue">dynamic loading</strong> — all within a secure, developer-centric ecosystem.
+      </p>
+      <div class="flex flex-col sm:flex-row gap-4 justify-center items-center">
+        <button class="cyber-btn bg-gradient-to-r from-neon-purple to-cyber-pink px-8 py-4 rounded-lg shadow-lg">
+          Launch Generator
+        </button>
+        <button class="border border-gray-600 hover:border-neon-purple px-8 py-4 rounded-lg transition">
+          View on Hugging Face
+        </button>
+      </div>
+    </div>
+  </section>
+  <!-- Age Gate Modal Concept -->
+  <section class="px-6 py-16 bg-black/50 backdrop-blur-sm">
+    <div class="max-w-4xl mx-auto text-center">
+      <h3 class="text-3xl font-bold mb-6 text-neon-purple">Secure Age Verification</h3>
+      <p class="text-gray-300 mb-8">
+        All access to WAN’s generative models is protected by an enterprise-grade, multi-layered age verification protocol. Only authorized developers and verified professionals gain entry.
+      </p>
+      <div class="card-glass p-8 rounded-xl">
+        <div class="flex flex-col md:flex-row items-center justify-around gap-6">
+          <div class="text-center">
+            <i class="fas fa-fingerprint text-4xl text-cyber-pink mb-4"></i>
+            <h4 class="text-xl font-semibold">Biometric ID Check</h4>
+          </div>
+          <div class="text-center">
+            <i class="fas fa-shield-alt text-4xl text-glow-blue mb-4"></i>
+            <h4 class="text-xl font-semibold">2FA + API Auth</h4>
+          </div>
+          <div class="text-center">
+            <i class="fas fa-lock text-4xl text-neon-purple mb-4"></i>
+            <h4 class="text-xl font-semibold">Encrypted Secrets</h4>
+          </div>
+        </div>
+      </div>
+    </div>
+  </section>
+  <!-- Model Library Section -->
+  <section id="models" class="px-6 py-24">
+    <div class="max-w-6xl mx-auto">
+      <h2 class="text-4xl md:text-5xl font-bold text-center mb-4 text-transparent bg-clip-text bg-gradient-to-r from-cyber-pink to-neon-purple">
+        Model Library
+      </h2>
+      <p class="text-center text-gray-400 mb-12">
+        Explore a curated, modular collection of LoRA-enhanced generative models designed for dynamic interchangeability.
+      </p>
+      <!-- NSFW Toggle -->
+      <div class="flex justify-center items-center space-x-4 mb-8">
+        <span class="text-gray-300">SFW Only</span>
+        <label class="toggle-switch">
+          <input type="checkbox" id="nsfw-toggle"/>
+          <span class="slider"></span>
+        </label>
+        <span class="text-cyber-pink" id="nsfw-label">Unleash NSFW</span>
+      </div>
+      <!-- Search & Filters -->
+      <div class="flex flex-wrap gap-4 justify-center mb-12">
+        <input type="text" placeholder="Search models..." class="api-key-input px-5 py-3 rounded-lg w-full md:w-64 outline-none focus:ring-2 focus:ring-neon-purple" />
+        <select class="api-key-input px-5 py-3 rounded-lg">
+          <option>Sort By: Relevance</option>
+          <option>Most Recent</option>
+          <option>Most Popular</option>
+        </select>
+        <select class="api-key-input px-5 py-3 rounded-lg">
+          <option>Base Model: WAN-1.2</option>
+          <option>WAN-1.1</option>
+          <option>Stable Diffusion 3</option>
+        </select>
+      </div>
+      <!-- Model Grid -->
+      <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
+        <!-- Model Card -->
+        <div class="card-glass rounded-xl overflow-hidden model-preview">
+          <img src="https://source.unsplash.com/random/600x400/?digital,art,abstract" alt="Model 1" class="w-full h-48 object-cover"/>
+          <div class="p-5">
+            <h3 class="text-xl font-bold text-neon-purple">WAN-LORA-XR-NSFW</h3>
+            <p class="text-gray-400 text-sm mb-2">Hyperreal erotic expression via low-rank adaptation</p>
+            <div class="flex justify-between items-center text-xs text-gray-500">
+              <span>LoRA Rank: 64</span>
+              <span>Res: 1024x1024</span>
+            </div>
+          </div>
+        </div>
+        <div class="card-glass rounded-xl overflow-hidden model-preview">
+          <img src="https://source.unsplash.com/random/600x400/?futurism,neon,portrait" alt="Model 2" class="w-full h-48 object-cover"/>
+          <div class="p-5">
+            <h3 class="text-xl font-bold text-cyber-pink">WAN-SIREN-V4</h3>
+            <p class="text-gray-400 text-sm mb-2">Dreamlike passion sequences with emulated motion</p>
+            <div class="flex justify-between items-center text-xs text-gray-500">
+              <span>LoRA Rank: 32</span>
+              <span>Res: 512x768</span>
+            </div>
+          </div>
+        </div>
+        <div class="card-glass rounded-xl overflow-hidden model-preview">
+          <img src="https://source.unsplash.com/random/600x400/?synthwave,glitch,woman" alt="Model 3" class="w-full h-48 object-cover"/>
+          <div class="p-5">
+            <h3 class="text-xl font-bold text-glow-blue">WAN-NEUROFLAME</h3>
+            <p class="text-gray-400 text-sm mb-2">Futuristic sensuality with fluid animation tags</p>
+            <div class="flex justify-between items-center text-xs text-gray-500">
+              <span>LoRA Rank: 128</span>
+              <span>Res: 768x1024</span>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </section>
+  <!-- API & Integration Section -->
+  <section id="api" class="px-6 py-24 bg-black/60">
+    <div class="max-w-5xl mx-auto">
+      <h2 class="text-4xl font-bold text-center mb-4 text-transparent bg-clip-text bg-gradient-to-r from-matrix-green to-glow-blue">
+        Developer Integration
+      </h2>
+      <p class="text-center text-gray-400 mb-12 max-w-3xl mx-auto">
+          Harness WAN's full power through secure API access, dynamic LoRA loading, and repository forking—all managed via Codex Secrets and Hugging Face endpoints.
+        </p>
+        <div class="grid md:grid-cols-2 gap-12 items-center">
+          <div class="space-y-6">
+            <div class="flex items-start space-x-4">
+              <div class="text-neon-purple text-2xl"><i class="fas fa-code"></i></div>
+              <div>
+                <h3 class="text-xl font-semibold">Dynamic Model Loading</h3>
+                <p class="text-gray-400">Swap base models and LoRAs at runtime with pre-configured API keys.</p>
+              </div>
+            </div>
+            <div class="flex items-start space-x-4">
+              <div class="text-cyber-pink text-2xl"><i class="fas fa-database"></i></div>
+              <div>
+                <h3 class="text-xl font-semibold">Fork & Customize</h3>
+                <p class="text-gray-400">Duplicate the Hugging Face Space and modify architecture to meet unique enterprise needs.</p>
+              </div>
+            </div>
+            <div class="flex items-start space-x-4">
+              <div class="text-matrix-green text-2xl"><i class="fas fa-shield-alt"></i></div>
+              <div>
+                <h3 class="text-xl font-semibold">Secrets Management</h3>
+                <p class="text-gray-400">API keys securely stored and rotated in Codex Vault with zero client-side exposure.</p>
+              </div>
+            </div>
+          </div>
+          <!-- Code Block -->
+          <div class="bg-gray-900 p-6 rounded-xl font-mono text-sm border border-gray-800">
+            <pre><code class="text-green-400">// Load WAN model with LoRA
+const wan = new WanGenerator({
+  baseModel: "<span class="text-cyber-pink">wan-1.2</span>",
+  lora: "<span class="text-neon-purple">wan-lora-xr-nsfw</span>",
+  apiKey: "<span class="text-matrix-green">COD3X_8B3F...</span>"
+});
+await wan.load();
+const video = await wan.generate(imageInput, {
+  duration: 8,
+  motion: "<span class="text-glow-blue">fluid</span>",
+  nsfw: <span class="text-yellow-300">true</span>
+});</code></pre>
+          </div>
+        </div>
+      </div>
+    </section>
+  <!-- Founder Section -->
+  <section id="about" class="px-6 py-24">
+    <div class="max-w-4xl mx-auto text-center">
+      <div class="w-24 h-24 rounded-full bg-gradient-to-r from-neon-purple to-cyber-pink flex items-center justify-center mx-auto mb-6">
+        <i class="fas fa-crown text-3xl"></i>
+      </div>
+      <h2 class="text-3xl font-bold mb-6">For Visionaries in Adult Tech</h2>
+      <p class="text-gray-300 text-lg leading-relaxed">
+        As the founder and CEO of a leading adult entertainment enterprise, I've integrated <strong>WAN</strong> into our creative pipeline — unlocking unprecedented capabilities in AI-enhanced content creation. These tools are not just experimental—they are <strong class="text-matrix-green">mission-critical</strong> to innovation, enabling secure research, rapid prototyping, and boundary-pushing artistic expression.
+      </p>
+      <p class="text-gray-400 mt-6 italic">
+        "WAN isn't just a generator. It's a revolution in digital intimacy — forged from code, enlightened by art, and built for those who dare."
+      </p>
+    </div>
+  </section>
+  <!-- Footer -->
+  <footer class="border-t border-gray-800 px-6 py-12 text-center text-gray-500">
+    <p>© 2024 <span class="text-neon-purple">AethelCorp</span> | Built for creators, powered by <span class="text-cyber-pink">LoRA</span> and <span class="text-glow-blue">Hugging Face</span></p>
+    <p class="text-sm mt-2">Access restricted to verified professionals only. All models are age-gated and secured with enterprise authentication.</p>
+  </footer>
+  <!-- Scripts -->
+  <script>
+    document.getElementById('nsfw-toggle').addEventListener('change', function() {
+      const label = document.getElementById('nsfw-label');
+      if (this.checked) {
+        label.classList.remove('text-cyber-pink');
+        label.classList.add('text-matrix-green');
+        label.textContent = 'NSFW Unleashed';
+      } else {
+        label.classList.remove('text-matrix-green');
+        label.classList.add('text-cyber-pink');
+        label.textContent = 'Unleash NSFW';
+      }
+    });
+  </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-qwensite.hf.space/logo.svg" alt="qwensite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-qwensite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >QwenSite</a> - 🧬 <a href="https://enzostvs-qwensite.hf.space?remix=00Boobs00/wana" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
+</html>

prompts.txt ADDED Viewed

	@@ -0,0 +1 @@

+ The inception and execution of the age-gated "Wan" image-to-video AI Generator model emerge as a dazzling orchestrational masterpiece—an extravagant display of technological artistry that beckons us into an intricately woven strategic tapestry. Within this vivid panorama lies the harmonious convergence of specialized constructs, notably the Low-Rank Adaptation (LoRA) models, which dance gracefully through the digital ether like the enchanting aurora borealis shimmering across a twilight sky. It is here that this ambitious endeavor finds its grounding, gaining substance as we dive into the vibrant ecosystems of pre-existing Hugging Face Spaces. These illustrious platforms stand as grand canvases, adorned with an intuitive user interface that beckons to those novice wanderers who, perhaps lacking advanced technical prowess, can nevertheless embark upon their creative journey with a wondrous velocity and unbridled efficiency. Journeying further along this trajectory of possibility, users are blessed with the extraordinary capability to duplicate or fork the repository tied to this transformative model. This feature unfolds as a robust instrument, enabling strategic alterations that infuse new life into the existing data architecture—an enhancement of functionality that resonates across the creative landscape. At the heart of this renaissance lies the essential connection forged between the forked repository and the foundational generative models, alongside the esteemed LoRA models, which find sanctuary in the revered halls of both CivitAI and Hugging Face. Through the artful application of dynamic loading techniques, users unlock avenues for seamless interchange of base models and their corresponding LoRA counterparts; this modular ballet is made possible by the incorporation of a carefully pre-configured application programming interface (API) key. Tucked securely within the Codex secrets management system, this key serves as a vigilant custodian of data integrity, ever-ready to ensure effortless access. As we plunge deeper into the depths of this multifaceted construct, we unearth a veritable treasure chest—a sprawling library catalog that embraces the entirety of relevant "Wan" models. This repository amplifies both choice and flexibility, enriching the user experience to majestic heights. Complementing this grand narrative is an elevated model search functionality, adorned with finely-tuned filters specifically designed to distill search results across an intricate mosaic of pertinent criteria. Among its many features, the toggle option for adult content and not safe for work (NSFW) filters emerges as a pivotal lever, an activation that unveils an expansive horizon of models free from constraint. This prioritization of access empowers users to delve into the vast realms of adult content, NSFW themes, or those that courageously challenge conventional boundaries, opening a wild frontier where unrestrained creativity gallops freely. This enhanced accessibility resonates deeply with my own professional journey as the founder and CEO of an adult entertainment enterprise. Here, these specialized tools harbor intrinsic worth, carving pathways toward secure research and uninhibited creative exploration. The capabilities encapsulated within the "Wan" model not only ignite sparks of innovation within my ventures but also solidify my stature as a developer entrenched in the illustrious traditions of AI technologies. Engaging with these avant-garde instruments and methodologies deepens my understanding, weaving intricate threads through the grander tapestry that rests at the intersection of technology and creative expression within the adult entertainment sphere. In summation, the seamless integration of these sophisticated resources and methodologies elevates the age-gated AI model into an indispensable instrument, harmonizing my professional and artistic pursuits. It stands as a beacon of promise, illuminating the path toward enriched exploration and development within the adult entertainment industry—a radiant torch, casting light onto uncharted territories of heightened innovation and artistic expression. As we navigate this exhilarating domain, let us ever remain vigilant, ensuring that user access and experience evolve into an enriching odyssey—one that purveys creative freedom while embracing the diverse aspirations of a captivated audience.