Added expand button for sample images

Implemented an expand button to allow users to view larger versions of AI-generated sample images, enhancing visual clarity and user experience. Signed-off-by: abhivyakti2 <143368698+abhivyakti2@users.noreply.github.com>
SurajPratap10 · Oct 15, 2024 · 566b656 · 566b656
1 parent 408fe96
commit 566b656
Showing 1 changed file with 4 additions and 0 deletions.
diff --git a/views/home.ejs b/views/home.ejs
@@ -45,6 +45,7 @@
                     <h1>Horse</h1>
                     <p>Photograph of an astronaut riding a horse.</p>
                     <button class="btn" aria-label="Download" onclick="downloadImage('expImg1')"> Download</button>
+<button class="btn" aria-label="Expand" onclick="openModal('1.webp')">Expand</button>
                   </div>
                 </div>
                 <div class="cardEx float-in" style="border-radius: 2rem;">
@@ -53,6 +54,7 @@
                     <h1>Capybara</h1>
                     <p>An oil painting of a capybara wearing a crown.</p>
                     <button class="btn" aria-label="Download" onclick="downloadImage('expImg2')">Download</button>
+<button class="btn" aria-label="Expand" onclick="openModal('2.webp')">Expand</button>
                   </div>
                 </div>
                 <div class="cardEx float-in" style="border-radius: 2rem;">
@@ -61,6 +63,7 @@
                     <h1>Sports Car</h1>
                     <p>Synthwave sports car on a port road.</p>
                     <button class="btn"  aria-label="Download" onclick="downloadImage('expImg3')"> Download </button>
+<button class="btn" aria-label="Expand" onclick="openModal('3.webp')">Expand</button>
                   </div>
                 </div>
                 <div class="cardEx float-in" style="border-radius: 2rem;">
@@ -69,6 +72,7 @@
                     <h1>Astronaut</h1>
                     <p>An astronaut lounging in a resort in space, vaporwave.</p>
                     <button class="btn" aria-label="Download" onclick="downloadImage('expImg4')"> Download</button>
+<button class="btn" aria-label="Expand" onclick="openModal('4.webp')">Expand</button>
                   </div>
                 </div>
               </div>