Spaces:
Running
on
Zero
Running
on
Zero
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Image Gallery</title> | |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css"> | |
| <style> | |
| .gallery { | |
| display: grid; | |
| grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); | |
| grid-gap: 20px; | |
| padding: 20px; | |
| } | |
| .gallery-item { | |
| position: relative; /* For positioning the copy icon */ | |
| overflow: hidden; | |
| border-radius: 10px; | |
| box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); | |
| } | |
| .gallery-item img { | |
| width: 100%; | |
| height: auto; | |
| display: block; | |
| } | |
| .gallery-item p { | |
| text-align: center; | |
| margin: 10px 0; | |
| font-size: 14px; | |
| color: #666; | |
| } | |
| .copy-icon { | |
| position: absolute; | |
| top: 10px; | |
| right: 10px; | |
| color: #666; | |
| cursor: pointer; | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <div class="gallery"> | |
| <!-- Replace the src attribute with the actual image URLs --> | |
| <div class="gallery-item"> | |
| <img src="assets/1.webp" alt="Image 1"> | |
| <i class="fas fa-copy copy-icon" onclick="copyToClipboard('Cartoon 3D sunny bright Pixar-style image : super hero : full costume : cinematic --ar 68:128 --stylize 750 --v 5.2')"></i> | |
| </div> | |
| <div class="gallery-item"> | |
| <img src="assets/2.webp" alt="Image 2"> | |
| <i class="fas fa-copy copy-icon" onclick="copyToClipboard('green velvet armchair with disco ball, white background, minimalist photography. --ar 85:128 --v 6.0 --style raw')"></i> | |
| </div> | |
| <div class="gallery-item"> | |
| <img src="assets/3.webp" alt="Image 3"> | |
| <i class="fas fa-copy copy-icon" onclick="copyToClipboard('Animal wolf warrior character, anthropomorphic figure, fantasy, d&d, masterwork, realistic figure, realism, hyper-detailed, cinematic lighting, photography, 32k uhd --ar 9:16 --s 750')"></i> | |
| </div> | |
| <div class="gallery-item"> | |
| <img src="assets/4.webp" alt="Image 4"> | |
| <i class="fas fa-copy copy-icon" onclick="copyToClipboard('Daria Morgendorffer the main character of the animated series Daria, serious expression, very excites sultry look, so hot girl, beautiful charismatic girl, so hot shot, a woman wearing eye glasses, gorgeous figure, interesting shapes, life-size figures')"></i> | |
| </div> | |
| <div class="gallery-item"> | |
| <img src="assets/5.webp" alt="Image 5"> | |
| <i class="fas fa-copy copy-icon" onclick="copyToClipboard('Superman, in dynamic, atmosphere of darkness and horror, dramatic light, highly detailed, packed with hidden details, hyper realistic, in the style of wallpaper portraits, colorful realism, realistic attention to detail, highly detailed, colorful realism, UHD, 8K')"></i> | |
| </div> | |
| <div class="gallery-item"> | |
| <img src="assets/6.webp" alt="Image 6"> | |
| <i class="fas fa-copy copy-icon" onclick="copyToClipboard('Spider man in dynamics, highly detailed, packed with hidden details, style, high dynamic range, hyper realistic, realistic attention to detail, highly detailed, 32K, intense close - ups, uhd image, realism, colorful realism, --ar 71:121 --s 750 --niji 5')"></i> | |
| </div> | |
| <div class="gallery-item"> | |
| <img src="assets/7.webp" alt="Image 7"> | |
| <i class="fas fa-copy copy-icon" onclick="copyToClipboard('The Joker, a villain from the Batman film series, looks at himself in a broken mirror, in the style of Christopher Nolan, in dynamic, atmosphere of darkness and horror, dramatic light, highly detailed, packed with hidden details, hyper realistic, wallpaper portraits, colorful realism, realistic attention to detail, highly detailed,colorful realism, UHD, 8K')"></i> | |
| </div> | |
| <div class="gallery-item"> | |
| <img src="assets/8.webp" alt="Image 8"> | |
| <i class="fas fa-copy copy-icon" onclick="copyToClipboard('The view outside is of rolling hills at dawn, with sunlight casting long shadows over them. A sense of solitude and peace envelops the scene as they look out into nature from inside the vehicle --ar 85:128 --v 6.0 --style raw')"></i> | |
| </div> | |
| <div class="gallery-item"> | |
| <img src="assets/9.webp" alt="Image 9"> | |
| <i class="fas fa-copy copy-icon" onclick="copyToClipboard('Photo of an empty red running track with white lines, no people, closeup view, high resolution photography, in the style of Anthropic. The track has white lines and is empty with no people visible. It is a closeup view taken with high resolution photography --ar 85:128 --v 6.0 --style raw')"></i> | |
| </div> | |
| <div class="gallery-item"> | |
| <img src="assets/10.webp" alt="Image 10"> | |
| <i class="fas fa-copy copy-icon" onclick="copyToClipboard('A photo of a river with fog, with soft lighting and a calm atmosphere. This scene creates a sense of tranquility and solitude. --ar 85:128 --v 6.0 --style raw')"></i> | |
| </div> | |
| <!-- Add more gallery items as needed --> | |
| </div> | |
| <script> | |
| function copyToClipboard(text) { | |
| var dummy = document.createElement("textarea"); | |
| document.body.appendChild(dummy); | |
| dummy.value = text; | |
| dummy.select(); | |
| document.execCommand("copy"); | |
| document.body.removeChild(dummy); | |
| alert("Copied to clipboard: " + text); | |
| } | |
| </script> | |
| </body> | |
| </html> | |