Spaces:

gregoWahoo
/

anycoder-94cb8611

Running

App Files Files Community

gregoWahoo commited on 28 days ago

Commit

3350cd8

verified ·

1 Parent(s): 11b0111

Upload folder using huggingface_hub

Browse files

Files changed (1) hide show

index.html +820 -19

index.html CHANGED Viewed

@@ -1,19 +1,820 @@
-<!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>NSFW Prompt Generator for ZImage Turbo</title>
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
+    <style>
+        :root {
+            --primary-color: #6c5ce7;
+            --secondary-color: #a29bfe;
+            --accent-color: #fd79a8;
+            --dark-color: #2d3436;
+            --light-color: #f5f6fa;
+            --shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
+            --transition: all 0.3s ease;
+        }
+        * {
+            margin: 0;
+            padding: 0;
+            box-sizing: border-box;
+            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+        }
+        body {
+            background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
+            min-height: 100vh;
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            padding: 20px;
+        }
+        header {
+            width: 100%;
+            max-width: 1200px;
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            margin-bottom: 30px;
+            padding: 20px;
+            background-color: rgba(255, 255, 255, 0.9);
+            border-radius: 15px;
+            box-shadow: var(--shadow);
+        }
+        .logo {
+            display: flex;
+            align-items: center;
+            gap: 10px;
+            text-decoration: none;
+            color: var(--dark-color);
+        }
+        .logo i {
+            font-size: 24px;
+            color: var(--primary-color);
+        }
+        .logo span {
+            font-weight: 700;
+            font-size: 18px;
+        }
+        .anycoder-link {
+            color: var(--primary-color);
+            text-decoration: none;
+            font-weight: 600;
+            font-size: 14px;
+            transition: var(--transition);
+        }
+        .anycoder-link:hover {
+            color: var(--accent-color);
+        }
+        .container {
+            width: 100%;
+            max-width: 1200px;
+            background-color: white;
+            border-radius: 20px;
+            box-shadow: var(--shadow);
+            padding: 30px;
+            margin-bottom: 30px;
+        }
+        h1 {
+            text-align: center;
+            color: var(--dark-color);
+            margin-bottom: 30px;
+            font-size: 28px;
+            font-weight: 700;
+            background: linear-gradient(to right, var(--primary-color), var(--accent-color));
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+        }
+        .controls {
+            display: grid;
+            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+            gap: 20px;
+            margin-bottom: 30px;
+        }
+        .control-group {
+            background-color: var(--light-color);
+            padding: 20px;
+            border-radius: 10px;
+            border: 2px solid transparent;
+            transition: var(--transition);
+        }
+        .control-group:hover {
+            border-color: var(--secondary-color);
+        }
+        .control-group h3 {
+            margin-bottom: 15px;
+            color: var(--primary-color);
+            font-size: 16px;
+            font-weight: 600;
+        }
+        .options {
+            display: flex;
+            flex-direction: column;
+            gap: 10px;
+        }
+        .option {
+            display: flex;
+            align-items: center;
+            gap: 10px;
+            padding: 10px;
+            background-color: white;
+            border-radius: 8px;
+            cursor: pointer;
+            transition: var(--transition);
+            border: 2px solid transparent;
+        }
+        .option:hover {
+            background-color: #e8e8e8;
+        }
+        .option input[type="radio"],
+        .option input[type="checkbox"] {
+            width: 18px;
+            height: 18px;
+            cursor: pointer;
+        }
+        .option label {
+            cursor: pointer;
+            font-size: 14px;
+            color: var(--dark-color);
+        }
+        .slider-container {
+            margin-top: 15px;
+        }
+        .slider-container label {
+            display: block;
+            margin-bottom: 8px;
+            font-size: 14px;
+            color: var(--dark-color);
+        }
+        .slider {
+            width: 100%;
+            height: 8px;
+            border-radius: 4px;
+            background: linear-gradient(to right, var(--secondary-color), var(--primary-color));
+            outline: none;
+            -webkit-appearance: none;
+        }
+        .slider::-webkit-slider-thumb {
+            -webkit-appearance: none;
+            appearance: none;
+            width: 20px;
+            height: 20px;
+            border-radius: 50%;
+            background: var(--accent-color);
+            cursor: pointer;
+            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
+        }
+        .slider::-moz-range-thumb {
+            width: 20px;
+            height: 20px;
+            border-radius: 50%;
+            background: var(--accent-color);
+            cursor: pointer;
+            border: none;
+            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
+        }
+        .buttons {
+            display: flex;
+            justify-content: center;
+            gap: 15px;
+            margin-top: 30px;
+        }
+        button {
+            padding: 12px 25px;
+            border: none;
+            border-radius: 8px;
+            font-size: 16px;
+            font-weight: 600;
+            cursor: pointer;
+            transition: var(--transition);
+            display: flex;
+            align-items: center;
+            gap: 8px;
+        }
+        .generate-btn {
+            background: linear-gradient(to right, var(--primary-color), var(--accent-color));
+            color: white;
+        }
+        .generate-btn:hover {
+            transform: translateY(-2px);
+            box-shadow: 0 5px 15px rgba(108, 92, 231, 0.4);
+        }
+        .copy-btn {
+            background-color: var(--light-color);
+            color: var(--primary-color);
+            border: 2px solid var(--primary-color);
+        }
+        .copy-btn:hover {
+            background-color: var(--primary-color);
+            color: white;
+        }
+        .result {
+            margin-top: 30px;
+            padding: 20px;
+            background-color: var(--light-color);
+            border-radius: 10px;
+            min-height: 100px;
+            border: 2px dashed var(--secondary-color);
+            position: relative;
+        }
+        .result h3 {
+            margin-bottom: 15px;
+            color: var(--primary-color);
+            font-size: 18px;
+        }
+        .prompt-text {
+            font-size: 16px;
+            line-height: 1.6;
+            color: var(--dark-color);
+            white-space: pre-wrap;
+            word-wrap: break-word;
+        }
+        .copy-notification {
+            position: fixed;
+            bottom: 20px;
+            right: 20px;
+            background-color: var(--primary-color);
+            color: white;
+            padding: 12px 20px;
+            border-radius: 8px;
+            box-shadow: var(--shadow);
+            display: none;
+            align-items: center;
+            gap: 8px;
+            z-index: 1000;
+        }
+        .loading {
+            display: none;
+            justify-content: center;
+            align-items: center;
+            gap: 10px;
+            margin-top: 20px;
+        }
+        .spinner {
+            width: 20px;
+            height: 20px;
+            border: 3px solid rgba(255, 255, 255, 0.3);
+            border-radius: 50%;
+            border-top-color: var(--accent-color);
+            animation: spin 1s ease-in-out infinite;
+        }
+        @keyframes spin {
+            to { transform: rotate(360deg); }
+        }
+        .additional-options {
+            margin-top: 20px;
+            padding-top: 20px;
+            border-top: 1px solid #ddd;
+        }
+        .additional-options h3 {
+            margin-bottom: 15px;
+            color: var(--primary-color);
+            font-size: 16px;
+            font-weight: 600;
+        }
+        .tags-container {
+            display: flex;
+            flex-wrap: wrap;
+            gap: 8px;
+            margin-bottom: 15px;
+        }
+        .tag {
+            background-color: white;
+            padding: 5px 12px;
+            border-radius: 20px;
+            font-size: 12px;
+            color: var(--dark-color);
+            border: 1px solid #ddd;
+            cursor: pointer;
+            transition: var(--transition);
+        }
+        .tag:hover {
+            background-color: var(--primary-color);
+            color: white;
+            border-color: var(--primary-color);
+        }
+        .tag.active {
+            background-color: var(--primary-color);
+            color: white;
+            border-color: var(--primary-color);
+        }
+        .custom-input {
+            width: 100%;
+            padding: 10px;
+            border: 2px solid #ddd;
+            border-radius: 8px;
+            font-size: 14px;
+            margin-top: 10px;
+            resize: vertical;
+            min-height: 60px;
+            font-family: inherit;
+        }
+        .custom-input:focus {
+            outline: none;
+            border-color: var(--primary-color);
+        }
+        @media (max-width: 768px) {
+            .container {
+                padding: 20px;
+            }
+            .controls {
+                grid-template-columns: 1fr;
+            }
+            header {
+                flex-direction: column;
+                gap: 15px;
+                text-align: center;
+            }
+            .buttons {
+                flex-direction: column;
+            }
+            button {
+                width: 100%;
+                justify-content: center;
+            }
+        }
+        @media (max-width: 480px) {
+            h1 {
+                font-size: 22px;
+            }
+            .container {
+                padding: 15px;
+            }
+            .control-group {
+                padding: 15px;
+            }
+        }
+    </style>
+</head>
+<body>
+    <header>
+        <a href="#" class="logo">
+            <i class="fas fa-magic"></i>
+            <span>NSFW Prompt Generator</span>
+        </a>
+        <a href="https://huggingface.co/spaces/akhaliq/anycoder" class="anycoder-link" target="_blank">
+            <i class="fas fa-code"></i> Built with anycoder
+        </a>
+    </header>
+    <div class="container">
+        <h1>Generate Detailed NSFW Prompts for ZImage Turbo</h1>
+        <div class="controls">
+            <div class="control-group">
+                <h3><i class="fas fa-layer-group"></i> Content Categories</h3>
+                <div class="options">
+                    <div class="option">
+                        <input type="checkbox" id="category-fantasy" checked>
+                        <label for="category-fantasy">Fantasy/Sci-Fi</label>
+                    </div>
+                    <div class="option">
+                        <input type="checkbox" id="category-realistic" checked>
+                        <label for="category-realistic">Realistic</label>
+                    </div>
+                    <div class="option">
+                        <input type="checkbox" id="category-anime" checked>
+                        <label for="category-anime">Anime/Comic</label>
+                    </div>
+                    <div class="option">
+                        <input type="checkbox" id="category-hentai">
+                        <label for="category-hentai">Hentai</label>
+                    </div>
+                    <div class="option">
+                        <input type="checkbox" id="category-cosplay">
+                        <label for="category-cosplay">Cosplay</label>
+                    </div>
+                </div>
+            </div>
+            <div class="control-group">
+                <h3><i class="fas fa-palette"></i> Art Style</h3>
+                <div class="options">
+                    <div class="option">
+                        <input type="radio" name="style" id="style-detailed" value="detailed" checked>
+                        <label for="style-detailed">Highly Detailed</label>
+                    </div>
+                    <div class="option">
+                        <input type="radio" name="style" id="style-artistic" value="artistic">
+                        <label for="style-artistic">Artistic</label>
+                    </div>
+                    <div class="option">
+                        <input type="radio" name="style" id="style-photorealistic" value="photorealistic">
+                        <label for="style-photorealistic">Photorealistic</label>
+                    </div>
+                    <div class="option">
+                        <input type="radio" name="style" id="style-sketch" value="sketch">
+                        <label for="style-sketch">Sketch/Line Art</label>
+                    </div>
+                    <div class="option">
+                        <input type="radio" name="style" id="style-cyberpunk" value="cyberpunk">
+                        <label for="style-cyberpunk">Cyberpunk</label>
+                    </div>
+                </div>
+            </div>
+            <div class="control-group">
+                <h3><i class="fas fa-sliders-h"></i> Intensity Level</h3>
+                <div class="slider-container">
+                    <label for="intensity">NSFW Intensity: <span id="intensity-value">5</span>/10</label>
+                    <input type="range" id="intensity" class="slider" min="1" max="10" value="5">
+                </div>
+            </div>
+            <div class="control-group">
+                <h3><i class="fas fa-lightbulb"></i> Special Features</h3>
+                <div class="options">
+                    <div class="option">
+                        <input type="checkbox" id="feature-multiple" checked>
+                        <label for="feature-multiple">Multiple Characters</label>
+                    </div>
+                    <div class="option">
+                        <input type="checkbox" id="feature-detailed-background">
+                        <label for="feature-detailed-background">Detailed Background</label>
+                    </div>
+                    <div class="option">
+                        <input type="checkbox" id="feature-special-effects">
+                        <label for="feature-special-effects">Special Effects</label>
+                    </div>
+                    <div class="option">
+                        <input type="checkbox" id="feature-close-up">
+                        <label for="feature-close-up">Close-up Focus</label>
+                    </div>
+                    <div class="option">
+                        <input type="checkbox" id="feature-outdoor">
+                        <label for="feature-outdoor">Outdoor Setting</label>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="additional-options">
+            <h3><i class="fas fa-tags"></i> Additional Tags</h3>
+            <p style="margin-bottom: 10px; color: #666; font-size: 14px;">Click tags to include them in your prompt</p>
+            <div class="tags-container">
+                <div class="tag" data-tag="ultra-detailed">Ultra Detailed</div>
+                <div class="tag" data-tag="8k resolution">8K Resolution</div>
+                <div class="tag" data-tag="cinematic lighting">Cinematic Lighting</div>
+                <div class="tag" data-tag="volumetric lighting">Volumetric Lighting</div>
+                <div class="tag" data-tag="hyper-realistic">Hyper Realistic</div>
+                <div class="tag" data-tag="dynamic pose">Dynamic Pose</div>
+                <div class="tag" data-tag="intricate details">Intricate Details</div>
+                <div class="tag" data-tag="vibrant colors">Vibrant Colors</div>
+                <div class="tag" data-tag="moody atmosphere">Moody Atmosphere</div>
+                <div class="tag" data-tag="fantasy setting">Fantasy Setting</div>
+                <div class="tag" data-tag="sci-fi elements">Sci-Fi Elements</div>
+                <div class="tag" data-tag="magical effects">Magical Effects</div>
+            </div>
+            <h3 style="margin-top: 20px;"><i class="fas fa-edit"></i> Custom Prompt Elements</h3>
+            <textarea class="custom-input" id="custom-prompt" placeholder="Add any specific elements you want to include in the prompt..."></textarea>
+        </div>
+        <div class="buttons">
+            <button class="generate-btn" id="generate-btn">
+                <i class="fas fa-magic"></i> Generate Prompt
+            </button>
+            <button class="copy-btn" id="copy-btn">
+                <i class="fas fa-copy"></i> Copy to Clipboard
+            </button>
+        </div>
+        <div class="loading" id="loading">
+            <div class="spinner"></div>
+            <span>Generating your NSFW prompt...</span>
+        </div>
+        <div class="result">
+            <h3><i class="fas fa-file-alt"></i> Generated Prompt</h3>
+            <div class="prompt-text" id="prompt-result">
+                Click "Generate Prompt" to create a detailed NSFW prompt for ZImage Turbo.
+            </div>
+        </div>
+    </div>
+    <div class="copy-notification" id="copy-notification">
+        <i class="fas fa-check-circle"></i>
+        <span>Prompt copied to clipboard!</span>
+    </div>
+    <script>
+        // DOM Elements
+        const generateBtn = document.getElementById('generate-btn');
+        const copyBtn = document.getElementById('copy-btn');
+        const promptResult = document.getElementById('prompt-result');
+        const copyNotification = document.getElementById('copy-notification');
+        const loading = document.getElementById('loading');
+        const intensitySlider = document.getElementById('intensity');
+        const intensityValue = document.getElementById('intensity-value');
+        const customPrompt = document.getElementById('custom-prompt');
+        const tags = document.querySelectorAll('.tag');
+        // Data for prompt generation
+        const categories = {
+            fantasy: [
+                "fantasy realm", "magical kingdom", "enchanted forest", "dragon's lair",
+                "elven city", "dwarven fortress", "ancient ruins", "mystical landscape",
+                "otherworldly dimension", "celestial palace"
+            ],
+            realistic: [
+                "modern apartment", "luxury bedroom", "beach house", "penthouse suite",
+                "hotel room", "studio apartment", "villa", "mansion", "yacht", "private jet"
+            ],
+            anime: [
+                "anime-style", "manga-inspired", "chibi proportions", "anime aesthetics",
+                "Japanese animation style", "cel-shaded", "anime character design"
+            ],
+            hentai: [
+                "hentai-style", "Japanese adult anime", "ecchi aesthetics", "hentai proportions",
+                "adult manga style", "explicit anime", "hentai character design"
+            ],
+            cosplay: [
+                "cosplay outfit", "character costume", "roleplay attire", "themed clothing",
+                "fantasy costume", "anime cosplay", "game character outfit"
+            ]
+        };
+        const styles = {
+            detailed: [
+                "hyper-detailed", "ultra-detailed", "intricate details", "highly detailed",
+                "meticulously detailed", "exquisitely detailed", "richly detailed"
+            ],
+            artistic: [
+                "artistic rendering", "painterly style", "watercolor texture", "oil painting style",
+                "digital painting", "artistic composition", "masterpiece quality"
+            ],
+            photorealistic: [
+                "photorealistic", "lifelike", "realistic textures", "true-to-life",
+                "hyper-realistic", "photo-quality", "realistic rendering"
+            ],
+            sketch: [
+                "sketch style", "line art", "pencil drawing", "ink sketch",
+                "charcoal drawing", "rough sketch", "detailed linework"
+            ],
+            cyberpunk: [
+                "cyberpunk aesthetic", "neon-lit", "futuristic cityscape", "high-tech environment",
+                "cybernetic enhancements", "digital rain", "holographic elements"
+            ]
+        };
+        const intensityDescriptors = {
+            1: ["subtle", "suggestive", "implied", "hinted", "mild"],
+            2: ["light", "gentle", "soft", "moderate", "tasteful"],
+            3: ["moderate", "balanced", "standard", "typical", "average"],
+            4: ["explicit", "detailed", "clear", "direct", "unambiguous"],
+            5: ["intense", "graphic", "detailed", "explicit", "vivid"],
+            6: ["very explicit", "highly detailed", "graphic", "intense", "detailed"],
+            7: ["extremely explicit", "highly graphic", "very detailed", "intense", "explicit"],
+            8: ["ultra-explicit", "extremely graphic", "highly detailed", "very intense", "explicit"],
+            9: ["maximum explicit", "ultra-graphic", "extremely detailed", "highly intense", "explicit"],
+            10: ["ultra-maximum explicit", "extremely graphic", "highly detailed", "very intense", "explicit"]
+        };
+        const features = {
+            multiple: [
+                "multiple characters", "group scene", "several people", "multiple figures",
+                "crowd of characters", "various individuals"
+            ],
+            background: [
+                "detailed background", "elaborate setting", "rich environment", "complex backdrop",
+                "intricate scenery", "detailed surroundings"
+            ],
+            effects: [
+                "special effects", "magical effects", "lighting effects", "visual effects",
+                "atmospheric effects", "dynamic effects"
+            ],
+            closeup: [
+                "close-up shot", "detailed focus", "intimate framing", "tight composition",
+                "detailed viewpoint", "focused perspective"
+            ],
+            outdoor: [
+                "outdoor setting", "natural environment", "open-air location", "exterior scene",
+                "outside setting", "al fresco environment"
+            ]
+        };
+        const additionalTags = [
+            "ultra-detailed", "8k resolution", "cinematic lighting", "volumetric lighting",
+            "hyper-realistic", "dynamic pose", "intricate details", "vibrant colors",
+            "moody atmosphere", "fantasy setting", "sci-fi elements", "magical effects"
+        ];
+        // Selected options
+        let selectedCategories = ['fantasy', 'realistic', 'anime'];
+        let selectedStyle = 'detailed';
+        let selectedFeatures = ['multiple'];
+        let selectedTags = [];
+        let intensityLevel = 5;
+        // Event Listeners
+        intensitySlider.addEventListener('input', function() {
+            intensityLevel = parseInt(this.value);
+            intensityValue.textContent = intensityLevel;
+        });
+        // Category checkboxes
+        document.querySelectorAll('input[type="checkbox"][id^="category-"]').forEach(checkbox => {
+            checkbox.addEventListener('change', function() {
+                const category = this.id.replace('category-', '');
+                if (this.checked) {
+                    if (!selectedCategories.includes(category)) {
+                        selectedCategories.push(category);
+                    }
+                } else {
+                    selectedCategories = selectedCategories.filter(c => c !== category);
+                }
+            });
+        });
+        // Style radio buttons
+        document.querySelectorAll('input[type="radio"][name="style"]').forEach(radio => {
+            radio.addEventListener('change', function() {
+                if (this.checked) {
+                    selectedStyle = this.value;
+                }
+            });
+        });
+        // Feature checkboxes
+        document.querySelectorAll('input[type="checkbox"][id^="feature-"]').forEach(checkbox => {
+            checkbox.addEventListener('change', function() {
+                const feature = this.id.replace('feature-', '');
+                if (this.checked) {
+                    if (!selectedFeatures.includes(feature)) {
+                        selectedFeatures.push(feature);
+                    }
+                } else {
+                    selectedFeatures = selectedFeatures.filter(f => f !== feature);
+                }
+            });
+        });
+        // Tag selection
+        tags.forEach(tag => {
+            tag.addEventListener('click', function() {
+                this.classList.toggle('active');
+                const tagText = this.dataset.tag;
+                if (this.classList.contains('active')) {
+                    if (!selectedTags.includes(tagText)) {
+                        selectedTags.push(tagText);
+                    }
+                } else {
+                    selectedTags = selectedTags.filter(t => t !== tagText);
+                }
+            });
+        });
+        // Generate prompt
+        generateBtn.addEventListener('click', generatePrompt);
+        // Copy to clipboard
+        copyBtn.addEventListener('click', function() {
+            const promptText = promptResult.textContent;
+            if (promptText && promptText !== "Click \"Generate Prompt\" to create a detailed NSFW prompt for ZImage Turbo.") {
+                navigator.clipboard.writeText(promptText).then(function() {
+                    // Show notification
+                    copyNotification.style.display = 'flex';
+                    // Hide notification after 3 seconds
+                    setTimeout(function() {
+                        copyNotification.style.display = 'none';
+                    }, 3000);
+                }).catch(function(err) {
+                    console.error('Could not copy text: ', err);
+                });
+            }
+        });
+        // Generate prompt function
+        function generatePrompt() {
+            loading.style.display = 'flex';
+            promptResult.textContent = "";
+            setTimeout(() => {
+                // Get random elements from each selected category
+                const categoryDescriptions = selectedCategories.map(category => {
+                    const options = categories[category];
+                    return options[Math.floor(Math.random() * options.length)];
+                });
+                // Get style description
+                const styleOptions = styles[selectedStyle];
+                const styleDescription = styleOptions[Math.floor(Math.random() * styleOptions.length)];
+                // Get intensity descriptors
+                const intensityDesc = intensityDescriptors[intensityLevel];
+                const intensityAdjective = intensityDesc[Math.floor(Math.random() * intensityDesc.length)];
+                // Get feature descriptions
+                const featureDescriptions = selectedFeatures.map(feature => {
+                    const options = features[feature];
+                    return options[Math.floor(Math.random() * options.length)];
+                });
+                // Build the prompt
+                let prompt = `Create a ${intensityAdjective} NSFW image featuring `;
+                // Add category descriptions
+                if (categoryDescriptions.length > 0) {
+                    prompt += categoryDescriptions.join(", ") + ", ";
+                }
+                // Add style description
+                prompt += `with a ${styleDescription} art style, `;
+                // Add feature descriptions
+                if (featureDescriptions.length > 0) {
+                    prompt += featureDescriptions.join(", ") + ", ";
+                }
+                // Add intensity level
+                prompt += `intensity level ${intensityLevel}/10, `;
+                // Add selected tags
+                if (selectedTags.length > 0) {
+                    prompt += selectedTags.join(", ") + ", ";
+                }
+                // Add custom prompt elements
+                const customText = customPrompt.value.trim();
+                if (customText) {
+                    prompt += customText + ", ";
+                }
+                // Add common NSFW prompt elements
+                prompt += `highly detailed, ultra HD, 8K resolution, cinematic composition, professional lighting, realistic textures, `;
+                prompt += `dynamic poses, intricate details, vibrant colors, moody atmosphere, ZImage Turbo optimized, `;
+                prompt += `masterpiece quality, award-winning composition, photorealistic rendering`;
+                // Clean up the prompt
+                prompt = prompt.replace(/,\s*,/g, ', ');
+                prompt = prompt.replace(/,\s*$/g, '');
+                prompt = prompt.replace(/\s+,/g, ',');
+                prompt = prompt.replace(/,\s*\./g, '.');
+                // Display the result
+                promptResult.textContent = prompt;
+                loading.style.display = 'none';
+            }, 1000);
+        }
+        // Initialize
+        intensityValue.textContent = intensityLevel;
+    </script>
+</body>
+</html>