Develop to main

New release

Author: OpenSourceSimon

.gitignore

@@ -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 () {
@@ -37,9 +28,8 @@
         document.getElementById("time").innerHTML = h + ":" + m;
         setTimeout(function () {
             startTime();
-        }, 500);
+        }, 1000);
     }
-
     startTime();
 })();
 
@@ -71,14 +61,27 @@ function insertDom() {
 }
 
 function getQuote() {
-    $.getJSON('https://api.quotable.io/random', 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 = `${data.content}`;
-        const author = `${data.author}`;
-        template = template.replace("QUOTE", quote);
-        template = template.replace("AUTHOR", author);
-        $("#quote").html(template);
+    $.ajax({
+        url: "https://api.quotable.io/random",
+        dataType: "json",
+        success: 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 = `${data.content}`;
+            const author = `${data.author}`;
+            template = template.replace("QUOTE", quote);
+            template = template.replace("AUTHOR", author);
+            $("#quote").html(template);
+        },
+        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);
+        }
     });
 }