favourites

src/main/resources/templates/fragments/card.html

@@ -1,4 +1,4 @@
-<div th:fragment="card" class="feature-card">
+<div th:fragment="card" class="feature-card" th:id="${id}">
     <a th:href="${cardLink}">
         <div class="d-flex align-items-center"> <!-- Add a flex container to align the SVG and title -->
             <img th:if="${svgPath}"  id="card-icon" class="home-card-icon home-card-icon-colour" th:src="${svgPath}" alt="Icon" width="30" height="30">
@@ -6,4 +6,7 @@
         </div>
         <p class="card-text" th:text="${cardText}"></p>
     </a>
+    <div class="favorite-icon" onclick="toggleFavorite(this)">
+        <img src="images/star.svg" alt="Favorite">
+    </div>
 </div>