Update

Author: OpenSourceSimon

.gitignore

@@ -1,2 +1,2 @@
 # Quote.php is in the quote branch because it's on a server
-quote.php
+image.php

index.js

@@ -6,22 +6,13 @@
     fetchImage();
 
     function fetchImage() {
-        fetch("https://source.unsplash.com/random/3840x2160/?nature")
-            .then((resp) => resp)
+        fetch("https://source.unsplash.com/3840x2160/?nature")
+            .then((resp) => {
+                return resp.url;
+            })
             .then((imagelists) => {
-                let selectedImage = imagelists.url;
-                let dom = document.getElementById("bgimg");
-                dom.style.backgroundColor = "grey";
-                dom.style.backgroundImage = `url(${selectedImage})`;
+                dom.style.backgroundImage = `url(${imagelists})`;
             })
-            .catch(() => {
-                error();
-            });
-    }
-
-    function error() {
-        let dom = document.getElementById("bgimg");
-        dom.style.backgroundColor = "grey";
     }
 })();
 (function () {
@@ -80,6 +71,19 @@ function getQuote() {
         template = template.replace("AUTHOR", author);
         $("#quote").html(template);
     });
+    // On error, show an error quote and author.
+    $.ajax({
+        url: "https://api.quotable.io/random",
+        error: function (data) {
+            let template =
+                '<span style="font-size: 2vh;padding: 8px;;text-shadow: 2px 2px 4px #000000;"><strong style="font-style: italic;font-size: 2vh;text-shadow: 0 0 2px gray;">"QUOTE"</strong><a target="_blank" rel="noopenner" style="color:white;text-decoration: none;">- AUTHOR</a><span></span></span>';
+            const quote = `Error while fetching quote`;
+            const author = `OpenSourceSimon`;
+            template = template.replace("QUOTE", quote);
+            template = template.replace("AUTHOR", author);
+            $("#quote").html(template);
+        }
+    });
 }
 
 function getdateDetails() {