publish: Remove webgl from two sketches for compatibility with KDE Plasma HTMLWallpaper

generated from commit d0803fb9ac

1/index.html

@@ -4,7 +4,7 @@
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>Gradient Burst - Generative Art - seigler.github.io</title>
-    <link rel="stylesheet" href="../app-d698f06a.css">
+    <link rel="stylesheet" href="../app-4ea0f198.css">
     <meta property="og:title" content="Gradient Burst">
     <meta property="og:description" content="Algorithmic art generated with P5.js. See more art in this style.">
     <meta property="og:image" content="https://seigler.github.io/generative/1/example.jpg">
@@ -20,7 +20,17 @@
     <script src="../modules/p5.min.js"></script>
     <script src="../modules/rhill-voronoi-core.min.js"></script>
     <script src="../modules/simplex-noise.js"></script>
-    <script src="../app-a3c72e86.js"></script>
+    <script src="../app-c58010f7.js"></script>
+    <header id="errors"></header>
     <footer><a href="../">Back</a> | <code>Space</code> or double click for a new one. <code>S</code> to save.</footer>
+    <script>
+      window.onerror = function(error) {
+        var text = document.createTextNode(error);
+        var box = document.createElement("div");
+        box.className = "error"
+        box.appendChild(text);
+        document.body.querySelector('#errors').appendChild(box);
+      }
+    </script>
   </body>
 </html>

2/index.html

@@ -4,7 +4,7 @@
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>Gradient Jungle - Generative Art - seigler.github.io</title>
-    <link rel="stylesheet" href="../app-d698f06a.css">
+    <link rel="stylesheet" href="../app-4ea0f198.css">
     <meta property="og:title" content="Gradient Jungle">
     <meta property="og:description" content="Algorithmic art generated with P5.js. See more art in this style.">
     <meta property="og:image" content="https://seigler.github.io/generative/2/example.jpg">
@@ -20,7 +20,17 @@
     <script src="../modules/p5.min.js"></script>
     <script src="../modules/rhill-voronoi-core.min.js"></script>
     <script src="../modules/simplex-noise.js"></script>
-    <script src="../app-a3c72e86.js"></script>
+    <script src="../app-c58010f7.js"></script>
+    <header id="errors"></header>
     <footer><a href="../">Back</a> | <code>Space</code> or double click for a new one. <code>S</code> to save.</footer>
+    <script>
+      window.onerror = function(error) {
+        var text = document.createTextNode(error);
+        var box = document.createElement("div");
+        box.className = "error"
+        box.appendChild(text);
+        document.body.querySelector('#errors').appendChild(box);
+      }
+    </script>
   </body>
 </html>

3/index.html

@@ -4,7 +4,7 @@
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>Peanut Butter and Jelly - Generative Art - seigler.github.io</title>
-    <link rel="stylesheet" href="../app-d698f06a.css">
+    <link rel="stylesheet" href="../app-4ea0f198.css">
     <meta property="og:title" content="Peanut Butter and Jelly">
     <meta property="og:description" content="Algorithmic art generated with P5.js. See more art in this style.">
     <meta property="og:image" content="https://seigler.github.io/generative/3/example.jpg">
@@ -20,7 +20,17 @@
     <script src="../modules/p5.min.js"></script>
     <script src="../modules/rhill-voronoi-core.min.js"></script>
     <script src="../modules/simplex-noise.js"></script>
-    <script src="../app-a3c72e86.js"></script>
+    <script src="../app-c58010f7.js"></script>
+    <header id="errors"></header>
     <footer><a href="../">Back</a> | <code>Space</code> or double click for a new one. <code>S</code> to save.</footer>
+    <script>
+      window.onerror = function(error) {
+        var text = document.createTextNode(error);
+        var box = document.createElement("div");
+        box.className = "error"
+        box.appendChild(text);
+        document.body.querySelector('#errors').appendChild(box);
+      }
+    </script>
   </body>
 </html>

4/index.html

@@ -4,7 +4,7 @@
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>Lenses - Generative Art - seigler.github.io</title>
-    <link rel="stylesheet" href="../app-d698f06a.css">
+    <link rel="stylesheet" href="../app-4ea0f198.css">
     <meta property="og:title" content="Lenses">
     <meta property="og:description" content="Algorithmic art generated with P5.js. See more art in this style.">
     <meta property="og:image" content="https://seigler.github.io/generative/4/example.jpg">
@@ -20,7 +20,17 @@
     <script src="../modules/p5.min.js"></script>
     <script src="../modules/rhill-voronoi-core.min.js"></script>
     <script src="../modules/simplex-noise.js"></script>
-    <script src="../app-a3c72e86.js"></script>
+    <script src="../app-c58010f7.js"></script>
+    <header id="errors"></header>
     <footer><a href="../">Back</a> | <code>Space</code> or double click for a new one. <code>S</code> to save.</footer>
+    <script>
+      window.onerror = function(error) {
+        var text = document.createTextNode(error);
+        var box = document.createElement("div");
+        box.className = "error"
+        box.appendChild(text);
+        document.body.querySelector('#errors').appendChild(box);
+      }
+    </script>
   </body>
 </html>

5/index.html

@@ -4,7 +4,7 @@
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>Glow Path - Generative Art - seigler.github.io</title>
-    <link rel="stylesheet" href="../app-d698f06a.css">
+    <link rel="stylesheet" href="../app-4ea0f198.css">
     <meta property="og:title" content="Glow Path">
     <meta property="og:description" content="Algorithmic art generated with P5.js. See more art in this style.">
     <meta property="og:image" content="https://seigler.github.io/generative/5/example.jpg">
@@ -20,7 +20,17 @@
     <script src="../modules/p5.min.js"></script>
     <script src="../modules/rhill-voronoi-core.min.js"></script>
     <script src="../modules/simplex-noise.js"></script>
-    <script src="../app-a3c72e86.js"></script>
+    <script src="../app-c58010f7.js"></script>
+    <header id="errors"></header>
     <footer><a href="../">Back</a> | <code>Space</code> or double click for a new one. <code>S</code> to save.</footer>
+    <script>
+      window.onerror = function(error) {
+        var text = document.createTextNode(error);
+        var box = document.createElement("div");
+        box.className = "error"
+        box.appendChild(text);
+        document.body.querySelector('#errors').appendChild(box);
+      }
+    </script>
   </body>
 </html>

6/index.html

@@ -4,7 +4,7 @@
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>Grow - Generative Art - seigler.github.io</title>
-    <link rel="stylesheet" href="../app-d698f06a.css">
+    <link rel="stylesheet" href="../app-4ea0f198.css">
     <meta property="og:title" content="Grow">
     <meta property="og:description" content="Algorithmic art generated with P5.js. See more art in this style.">
     <meta property="og:image" content="https://seigler.github.io/generative/6/example.jpg">
@@ -20,7 +20,17 @@
     <script src="../modules/p5.min.js"></script>
     <script src="../modules/rhill-voronoi-core.min.js"></script>
     <script src="../modules/simplex-noise.js"></script>
-    <script src="../app-a3c72e86.js"></script>
+    <script src="../app-c58010f7.js"></script>
+    <header id="errors"></header>
     <footer><a href="../">Back</a> | <code>Space</code> or double click for a new one. <code>S</code> to save.</footer>
+    <script>
+      window.onerror = function(error) {
+        var text = document.createTextNode(error);
+        var box = document.createElement("div");
+        box.className = "error"
+        box.appendChild(text);
+        document.body.querySelector('#errors').appendChild(box);
+      }
+    </script>
   </body>
 </html>

7/index.html

@@ -4,7 +4,7 @@
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>Cielo - Generative Art - seigler.github.io</title>
-    <link rel="stylesheet" href="../app-d698f06a.css">
+    <link rel="stylesheet" href="../app-4ea0f198.css">
     <meta property="og:title" content="Cielo">
     <meta property="og:description" content="Algorithmic art generated with P5.js. See more art in this style.">
     <meta property="og:image" content="https://seigler.github.io/generative/7/example.jpg">
@@ -20,7 +20,17 @@
     <script src="../modules/p5.min.js"></script>
     <script src="../modules/rhill-voronoi-core.min.js"></script>
     <script src="../modules/simplex-noise.js"></script>
-    <script src="../app-a3c72e86.js"></script>
+    <script src="../app-c58010f7.js"></script>
+    <header id="errors"></header>
     <footer><a href="../">Back</a> | <code>Space</code> or double click for a new one. <code>S</code> to save.</footer>
+    <script>
+      window.onerror = function(error) {
+        var text = document.createTextNode(error);
+        var box = document.createElement("div");
+        box.className = "error"
+        box.appendChild(text);
+        document.body.querySelector('#errors').appendChild(box);
+      }
+    </script>
   </body>
 </html>

8/index.html

@@ -4,7 +4,7 @@
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>Terra Firma - Generative Art - seigler.github.io</title>
-    <link rel="stylesheet" href="../app-d698f06a.css">
+    <link rel="stylesheet" href="../app-4ea0f198.css">
     <meta property="og:title" content="Terra Firma">
     <meta property="og:description" content="Algorithmic art generated with P5.js. See more art in this style.">
     <meta property="og:image" content="https://seigler.github.io/generative/8/example.jpg">
@@ -20,7 +20,17 @@
     <script src="../modules/p5.min.js"></script>
     <script src="../modules/rhill-voronoi-core.min.js"></script>
     <script src="../modules/simplex-noise.js"></script>
-    <script src="../app-a3c72e86.js"></script>
+    <script src="../app-c58010f7.js"></script>
+    <header id="errors"></header>
     <footer><a href="../">Back</a> | <code>Space</code> or double click for a new one. <code>S</code> to save.</footer>
+    <script>
+      window.onerror = function(error) {
+        var text = document.createTextNode(error);
+        var box = document.createElement("div");
+        box.className = "error"
+        box.appendChild(text);
+        document.body.querySelector('#errors').appendChild(box);
+      }
+    </script>
   </body>
 </html>

app-4ea0f198.css

@@ -1 +1 @@
-*,:after,:before{box-sizing:inherit}body,html{min-height:100%;box-sizing:border-box}body{background-color:#000;margin:0;padding:0;display:flex;align-items:center;justify-content:center;color:#fff;font-family:sans-serif}main{text-align:left}a{color:inherit}a:focus,a:hover{color:#66f}code{display:inline-block;font-size:1.2em;line-height:1;padding:.5em .5em .2em;background-color:#222}ul{list-style:none;padding-left:0}footer{position:fixed;bottom:0;left:0;max-width:100vw;color:#fff;background-color:rgba(0,0,0,.8);padding:.5em 1em;border-top-right-radius:.5em}img{max-width:100%}figure{margin:1em 0;max-width:400px}figcaption{display:flex;justify-content:space-between}main{padding:1em}
+*,:after,:before{box-sizing:inherit}body,html{min-height:100%;box-sizing:border-box}body{background-color:#000;margin:0;padding:0;display:flex;align-items:center;justify-content:center;color:#fff;font-family:sans-serif}main{text-align:left}a{color:inherit}a:focus,a:hover{color:#66f}code{display:inline-block;font-size:1.2em;line-height:1;padding:.5em .5em .2em;background-color:#222}ul{list-style:none;padding-left:0}header{position:fixed;top:0;left:0;right:0;text-align:left;z-index:10}footer{position:fixed;bottom:0;left:0;max-width:100vw;color:#fff;background-color:rgba(0,0,0,.8);padding:.5em 1em;border-top-right-radius:.5em}img{max-width:100%}figure{margin:1em 0;max-width:400px}figcaption{display:flex;justify-content:space-between}main{padding:1em}

index.html

@@ -5,7 +5,7 @@
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>Generative Art - seigler.github.io</title>
-    <link rel="stylesheet" href="app-d698f06a.css">
+    <link rel="stylesheet" href="app-4ea0f198.css">
   </head>
   <body>
     <main>