Top-Prompt-Collection / index.html
prithivMLmods's picture
Update index.html
a2daee4 verified
raw
history blame
5.45 kB
<!DOCTYPE html>
<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('(Masterpiece, award winning, professional, highly detailed), centered, medium shot, full body, anime style, illustration, stylized, oil painting, witch girl, cute, cuddling, holding moon, space planetary background, magical array, fractal art, hyper maximalism, (epic composition, epic proportion, surrealism), vibrant color, natural lighting, depth of field, HD, 64K, panoramic,
')"></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('(Pirate ship sailing into a bioluminescence sea with a galaxy in the sky), epic, 4k, ultra,')"></i>
</div>
<div class="gallery-item">
<img src="assets/9.webp" alt="Image 9">
<i class="fas fa-copy copy-icon" onclick="copyToClipboard('At night you can see tall neon light-lit buildings with holographic advertisements in a cyber dystopian city, highly detailed, cinematic noise, fade, photography, high contrast, 8k --ar 9:16 --s 750')"></i>
</div>
<div class="gallery-item">
<img src="assets/10.webp" alt="Image 10">
<i class="fas fa-copy copy-icon" onclick="copyToClipboard('photography, dynamic range, in the city, ollie motion with professional man skateboarder')"></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>