Move JavaScript around because I want to!

gallery/static/js/index.js

@@ -1,19 +1,12 @@
-let webpSupport = false;
-try {
-    new Image().src = 'data:image/webp;base64,UklGRiQAAABXRUJQVlA4IBgAAAAwAQCdASoBAAEAAwA0JaQAA3AA/vuUAAA=';
-    webpSupport = true;
-} catch (e) {
-    webpSupport = false;
-}
-
 // fade in images
-function imgFade(obj, time = 250) {
+async function imgFade(obj, time = 250) {
     obj.style.transition = `opacity ${time}ms`;
     obj.style.opacity = 1;
 }
 // Lazy load images when they are in view
-function loadOnView() {
+async function loadOnView() {
     const lazyLoad = document.querySelectorAll('#lazy-load');
+    const webpSupport = checkWebpSupport();
 
     for (let i = 0; i < lazyLoad.length; i++) {
         let image = lazyLoad[i];

gallery/static/lib/notifications.js

@@ -61,5 +61,3 @@ function addNotification(notificationText, notificationLevel) {
         }
     }, 5000);
 }
-
-// uwu

gallery/static/lib/webp.js

@@ -0,0 +1,10 @@
+async function checkWebpSupport() {
+    var webpSupport = false;
+    try {
+        webpSupport = document.createElement('canvas').toDataURL('image/webp').indexOf('data:image/webp') == 0;
+    } catch (e) {
+        webpSupport = false;
+    }
+
+    return webpSupport;
+}