| <!DOCTYPE html> |
| <html lang="en"> |
| <head> |
| <meta charset="UTF-8"> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| <title>Image FX Downloader</title> |
| <link rel="stylesheet" href="popup.css"> |
| <script src="popup.js" defer></script> |
| </head> |
| <body> |
| <div class="container"> |
| <div class="header"> |
| <img src="icons/icon48.png" alt="Logo" class="logo"> |
| <h1>Image FX Downloader</h1> |
| </div> |
| |
| <div class="controls"> |
| <div class="input-group"> |
| <label for="imagePrompt">Prompt:</label> |
| <input type="text" id="imagePrompt" placeholder="Enter image description"> |
| </div> |
| |
| <div class="input-group"> |
| <label for="imageStyle">Style:</label> |
| <select id="imageStyle"> |
| <option value="photographic">Photographic</option> |
| <option value="illustration">Illustration</option> |
| <option value="painting">Painting</option> |
| <option value="3d-render">3D Render</option> |
| <option value="anime">Anime</option> |
| </select> |
| </div> |
| |
| <div class="input-group"> |
| <label for="imageQuality">Quality:</label> |
| <select id="imageQuality"> |
| <option value="low">Low (512x512)</option> |
| <option value="medium" selected>Medium (1024x1024)</option> |
| <option value="high">High (2048x2048)</option> |
| </select> |
| </div> |
| </div> |
| |
| <div class="progress-container"> |
| <div class="progress-bar" id="progressBar"></div> |
| </div> |
| |
| <div class="image-grid" id="imageGrid"></div> |
| |
| <button id="generateBtn" class="generate-btn"> |
| <span class="btn-icon">🎨</span> Generate Images |
| </button> |
| </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=hiojo/extens-o" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body> |
| </html> |
