Merge pull request #1252 from abhivyakti2/feature/expand-sample-image

Added expand button for sample images

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>