diff --git a/public/js/main.js b/public/js/main.js
index af3f4fa..56d876f 100644
--- a/public/js/main.js
+++ b/public/js/main.js
@@ -55,8 +55,9 @@ function renderMatches(matches) {
const list = document.getElementById('result-list');
list.innerHTML = '';
- // For every match found, render the objects to the DOM in JSON format
- if (matches.length > 0) {
+ // If matches exist, render each match to the DOM
+ if(matches.length) {
+ // For every match found, render the objects to the DOM in JSON format
matches.forEach(match => {
const li = document.createElement('li');
@@ -68,8 +69,9 @@ function renderMatches(matches) {
list.appendChild(li);
});
} else {
+ // Display "No matches were found" in result-list
in the DOM
const li = document.createElement('li');
li.innerText = 'No matches were found.';
list.appendChild(li);
}
-}
\ No newline at end of file
+}
diff --git a/resources.js b/resources.js
index 9ad725c..92852fe 100644
--- a/resources.js
+++ b/resources.js
@@ -285,6 +285,16 @@ const resources = [
url: 'https://htmlcheatsheet.com/seo/',
keywords: ['SEO', 'cheat sheet']
},
+ {
+ name: 'SEO Guide to Lighthouse Performance Metrics',
+ url: 'https://www.searchenginejournal.com/core-web-vitals/technical-seo-lighthouse/',
+ keywords: ['SEO', 'lighthouse', 'performance', 'metrics']
+ },
+ {
+ name: 'Centering in CSS',
+ url: 'https://ishadeed.com/article/learn-css-centering/#:~:text=To%20center%20an%20inline%20element,is%20text%2Dalign%3A%20center%20.&text=For%20multiple%20inline%20elements%2C%20the,using%20text%2Dalign%3A%20center%20',
+ keywords: ['CSS', 'center', 'align']
+ },
// Resource Format - please follow the styling below.
// {
// name: '',