completed - adding extra features

Week-3/Homework/mandatory/2-quotegenerator/quotes.js

@@ -502,10 +502,12 @@ async function getQuote() {
     quoteText.innerText = data.quote;
     authorText.innerText = data.author;
   } catch (error) {
-    console.log("I'm sorry quotes don finish");
+    console.log("I'm sorry there's no more quotes to display");
   }
 }
+
 //On load
 getQuote();
-//Button Click function
+
+//Event listener on Button Click function
 newQuoteBtn.addEventListener("click", getQuote);

Week-3/Homework/mandatory/2-quotegenerator/style.css

@@ -6,7 +6,7 @@ body {
   margin: 0;
   min-height: 100vh;
   background-color: #ffffff;
-  background-image: url("data:image/svg+xml,%3Csvg width='48' height='64' viewBox='0 0 48 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M48 28v-4L36 12 24 24 12 12 0 24v4l4 4-4 4v4l12 12 12-12 12 12 12-12v-4l-4-4 4-4zM8 32l-6-6 10-10 10 10-6 6 6 6-10 10L2 38l6-6zm12 0l4-4 4 4-4 4-4-4zm12 0l-6-6 10-10 10 10-6 6 6 6-10 10-10-10 6-6zM0 16L10 6 4 0h4l4 4 4-4h4l-6 6 10 10L34 6l-6-6h4l4 4 4-4h4l-6 6 10 10v4L36 8 24 20 12 8 0 20v-4zm0 32l10 10-6 6h4l4-4 4 4h4l-6-6 10-10 10 10-6 6h4l4-4 4 4h4l-6-6 10-10v-4L36 56 24 44 12 56 0 44v4z' fill='%232b3332' fill-opacity='0.13' fill-rule='evenodd'/%3E%3C/svg%3E");
+  background-image: url("https://images.pexels.com/photos/235985/pexels-photo-235985.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940");
   color: #000000;
   font-family: "Montserrat", sans-serif;
   text-align: center;