feat: Output now in Bootstrap card layout

WebOfTrust · Jan 26, 2024 · 829112e · 829112e
1 parent dbe627e
commit 829112e
Showing 1 changed file with 14 additions and 3 deletions.
diff --git 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;