From 9d2ecaa56d33d52a446168b1f33f1dd04283edbf Mon Sep 17 00:00:00 2001
From: duong <nguye958@msu.edu>
Date: Tue, 17 Oct 2023 03:07:28 -0400
Subject: [PATCH] cats

---
 templates/index.html | 20 +++++++++++---------
 1 file changed, 11 insertions(+), 9 deletions(-)

diff --git a/templates/index.html b/templates/index.html
index ed79af9..958f87b 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -206,16 +206,18 @@ <h3>Long-term Interests</h3>
             .then(response => response.json())
             .then(data => {
                 for (let i = 0; i < data.length; i++){
-                    $('.ad').eq(i).html(`
-                    <div class="card p-0 m-0" style="width: 100%; aspect-ratio: 1/1; overflow: hidden">
-                        <img src="https://cataas.com/cat" class="card-img-top" alt="..." style="width: 100%; height: 100%; object-fit: cover;">
-                        <div class="overlay">
-                            <div class="card-img-overlay d-flex flex-column justify-content-end text-light">
-                                <h1 class="card-title">${data[i].advertiser}</h1>
-                                <p class="card-text">${data[i].adText}</p>
+                    fetch('https://cataas.com/cat?json=true').then(response => response.json()).then(cat => {
+                        $('.ad').eq(i).html(`
+                        <div class="card p-0 m-0" style="width: 100%; aspect-ratio: 1/1; overflow: hidden">
+                            <img src="https://cataas.com/cat/${cat._id}" class="card-img-top" alt="..." style="width: 100%; height: 100%; object-fit: cover;">
+                            <div class="overlay">
+                                <div class="card-img-overlay d-flex flex-column justify-content-end text-light">
+                                    <h1 class="card-title">${data[i].advertiser}</h1>
+                                    <p class="card-text">${data[i].adText}</p>
+                                </div>
                             </div>
-                        </div>
-                    </div>`);
+                        </div>`);
+                    });
                 }
             });
         }