crane gif

css/main.css

@@ -488,4 +488,13 @@ a.seeMore.closed>.fui-triangle-down{
 
 .red{
     color:red!important;
+}
+
+#coverImg{
+    z-index: 5;
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
 }
\ No newline at end of file

index.html

@@ -1351,7 +1351,8 @@
     <div class="modal-dialog modal-lg">
         <div class="modal-content">
             <div class="modal-body">
-                This app uses GPU functions that are not supported by this device/browser, please try again on desktop with Chrome/Firefox.<br/><br/>
+                This app uses GPU functions that are not supported by this device/browser,
+                please try again on desktop with Chrome/Firefox.<br/>
             </div>
         </div>
     </div>

js/dynamic/GPUMath.js

@@ -19,7 +19,14 @@ function initGPUMath(){
     console.log(maxTexturesInFragmentShader + " textures max");
 
     function notSupported(){
-        //todo get gif
+        var elm = '<div id="coverImg" ' +
+                  'style="background: url(crane.gif) no-repeat center center fixed;' +
+                    '-webkit-background-size: cover;' +
+                    '-moz-background-size: cover;' +
+                    '-o-background-size: cover;' +
+                    'background-size: cover;">'+
+                  '</div>';
+                $(elm).appendTo($("body"));
         $("#noSupportModal").modal("show");
        console.warn("floating point textures are not supported on your system");
     }

js/pattern.js

@@ -181,6 +181,14 @@ function initPattern(globals){
             var path = $elements[i];
             var pathVertices = [];
             if (path === undefined || path.getPathData === undefined){//mobile problem
+                var elm = '<div id="coverImg" ' +
+                  'style="background: url(crane.gif) no-repeat center center fixed;' +
+                    '-webkit-background-size: cover;' +
+                    '-moz-background-size: cover;' +
+                    '-o-background-size: cover;' +
+                    'background-size: cover;">'+
+                  '</div>';
+                $(elm).appendTo($("body"));
                 $("#noSupportModal").modal("show");
                 console.warn("path parser not supported");
                 return;