From 829112e2b739e1ebc610b6ab2598156f57111d84 Mon Sep 17 00:00:00 2001
From: kor <kor@dwarshuis.com>
Date: Fri, 26 Jan 2024 19:03:02 +0100
Subject: [PATCH] feat: Output now in Bootstrap card layout

---
 public/js/collection.js | 17 ++++++++++++++---
 1 file changed, 14 insertions(+), 3 deletions(-)

diff --git a/public/js/collection.js b/public/js/collection.js
index e29488e..6517ef2 100644
--- a/public/js/collection.js
+++ b/public/js/collection.js
@@ -9,9 +9,20 @@ function loadCollections() {
             for (let i = 0; i < terms.length; i++) {
                 // loop through kerificTerms.terms.term and kerificTerms.terms.definition
                 // create a list item for each
-                domString += `<h2>${terms[i].term}</h2>`;
-                domString += `${terms[i].definition}`;
-                domString += `<p>${terms[i].organisation}</p>`;
+
+                domString += `
+                <div class="card mb-5">
+                    <div class="card-body">
+                        <h2>${terms[i].term}</h2>
+                        <p class="card-text">
+                        ${terms[i].definition}
+                        </p>
+                        <p class="card-text">
+                        This definition comes from: ${terms[i].organisation}
+                        </p>
+                    </div>
+                </div>
+                `;
             }
         }
         document.getElementById('container-collection').innerHTML = domString;