[mini] copied the favicon function = cut the size by 1kB+

letscontrolit · Mar 7, 2020 · 727057f · 727057f
1 parent 1fcde37
commit 727057f
Show file tree

Hide file tree

Showing 8 changed files with 77 additions and 6 deletions.
diff --git a/build/0.1.nightly.5/info/package.json b/build/0.1.nightly.5/info/package.json
@@ -1,6 +1,6 @@
 {
   "name": "gui-easy",
-  "timestamp": 1583570480036,
+  "timestamp": 1583578088039,
   "version": "0.1.5",
   "versionName": "0.1.nightly.5",
   "author": "Jimmy 'Grovkillen' Westberg <jimmy@grovkillen.com> (https://grovkillen.com)",

diff --git a/build/0.1.nightly.5/info/release.txt b/build/0.1.nightly.5/info/release.txt
@@ -1,7 +1,7 @@
-timestamp:1583570480036
+timestamp:1583578088039
 major:0
 minor:1
 revision:5
 rc:0
 dev:true
-files:[{"build":"main","size":77102},{"build":"noDash","size":66062},{"build":"mini","size":6218}]
+files:[{"build":"main","size":77102},{"build":"noDash","size":66062},{"build":"mini","size":4339}]
diff --git a/build/0.1.nightly.5/info/source_files.json b/build/0.1.nightly.5/info/source_files.json
diff --git a/build/0.1.nightly.5/mini/index.htm.gz b/build/0.1.nightly.5/mini/index.htm.gz
diff --git a/build/0.1.nightly.5/src-0.1.nightly.5.zip b/build/0.1.nightly.5/src-0.1.nightly.5.zip
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "gui-easy",
-  "timestamp": 1583570480036,
+  "timestamp": 1583578088039,
   "version": "0.1.5",
   "versionName": "0.1.nightly.5",
   "author": "Jimmy 'Grovkillen' Westberg <jimmy@grovkillen.com> (https://grovkillen.com)",

diff --git a/src/index-minimal.html b/src/index-minimal.html
@@ -5,7 +5,6 @@
     <meta charset="utf-8">
     <meta name="theme-color" content="#000000">
     <meta name="viewport" content="width=device-width, initial-scale=1">
-    <link id="favicon" rel="shortcut icon" type="image/png" href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAFAnpUWHRSYXcgcHJvZmlsZSB0eXBlIGV4aWYAAHjarVdZssMoDPzXKeYIFmI9Dpuq5gZz/GnAcZaXvCwvoRIMkUHdLWSZ+n//Kv2Dj3FuI+tC9Mn7DR+bbDIZF3Fbn9XzZufv/Jj9L4yv5un4w2BK0Msa+r7bZ8y78w3B7vPlep5C3deJ+0L7H6cFZew8dtvt4r6QmDXP+5jSfl+2F3D2r4SF5GR8O7YBZDSHSTFkurBs+PVjF1nfPPuMr4PRJgnXIh6/jMXuckfH5Q15x9UNd1ve5+WaCtr8buBvONrn2d3nbjJ06RGfd776o+kRBD+4U21RtS902Xow5WkHdYIyr2BYQKXM2zxawNfhOsyW0CIgVpDeoGZBq8SJDdhWttw4s3KffeUKF63pJqA3phqZc1GCSaZCABY7GqsJEKORRGhToZpg2hy+8Nw3zf0qR+zcGJaGsRjjjh+N7k1+0o6FVEfoMm/x4Ap+mRGAcGMoN35hBUFYd07d5Hc2uoib7UJYgYJu0hwBMG9lLVEcn2NLps4CO7dZ2la4c2j7AqAIezs4wwIFNs/i2PMWjAnM4DFCnwzPjVhToAA7ZxqTQhtEP8SJZuyNewJPW+PMmkZqgRAORyRAGhwXiGWtQ/wEGxFD2Ymz5JzzLrjokstevPXOex/8yFE5SLDBBR9CiCGFHCXa6KKPIcaYYk4mCVKYSz4FSjGllDM2zVg64+4Mi5yLKVJsccWXUGJJJVeET7XVVV9DjTXV3EyThuPffAvUYkstd+4IpW67676HHnvqWRFrKmrVqdegUZPmQ7Vd1WvV+Ea531XjXbWhmJ124awapkM4LcEjnbihGRQzlqF4GAogoM3QbItsrRnKDc22ZHAonIFq7IY4jYdiUNB2Nk750O6s3K+6kbNv6WYeKUdDum8oR0O6Xbmfut1RreX5RJEp0DiFg9NNFIkNBj1mE/N4Jj3vSzMdzjHHqGCiGQVvyhRi0VwaELSqYpdhzN1pb6y9axfFYcdvbx7jsMYXpqLFBqVS4LTO598T098t6XXTCUukIV1PqNtVT7cTz3q1JXdfrTdYcjHSpbpORqHOoqy2HYoptS5TSA/5waXyJLOu8SK/e4n1pAM9Faoc6/dUpU9HdDpSK8J++BHgB01H5k0aNkUp8SFOugJ6xrnsSxWB4SvhRa/E4REJC2ZdCIvTyV+2AyJpL0j8pvndh2x7fUuuHQV9AuNeTy/BGvv0ZLX84FxWvCAgNWWBi586cvT0pTAKdC+MnvB6l1b6C5zLnt7heXg6JlcvwloEObShTFMSr4XnaEcoVvkD7ulDNCcN9r4WKr2FWtSB1ppDbzoG1yguMMhDAPR3mldPbyJ4CIDeRPC3NPJ6PnodwUMA9JUg+vSIlHU+V65kHcfY0XhSz2TJMg+yHyfyBMFEnFxY4qmEFgXPJDufSWM0jM5Hl+pXjmzGi9+HKXKlxuMIb4QiL4ZZnwAUXNTlfhlwWr3zSP3Yoxejnh4Hzb3y41BhlVqA0maTSPqLEvV7h/ay5BsIMhL79CNMP4psabmh5I4q5VkR8RjWQEXfgPVYtScw7qGg/EbtdxuElzFIfwnCK9VOtY/2ippaA07zeIe22EiLQaWrAx/egp6UtW9B+01BupTwRsGVdsY7wIWzdrwDVLx1qK7xbkrDFiCkaGk7iJ+Gewbo+ZzITvXIKY3RUVk8rPnuyYe3pIQq7X9dMiZgfe4fiAAAAAZiS0dEAPgA+AD2bg7VogAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB+QCGQgkEYObKK0AAAGhSURBVFjD1de/S5VRHMfx180Wa4wCBwmjJRssWhwMW3IQgghaMsihH4NDi3/AV3B0qCkSBYdamkQaGhokSWiwIbAiJyGwoJCWXFtueHq8evXex/PQZzzPgc/7Oed7Pud7qFi1A80OHbiMXvQlX77jC5aE9fIBwgAe4AaONZm9hieYEzbbAwhn8AjXWljdTUwIj1sDCCOY3scfN9Mibgkb+wcI9/G0xFpbx2Cj+qhlME8h+oVv6eCRgvkl9t6zNnQac8XBjsS8htfoOsRjf9YVGxatNFqBUZzLkD2TYruwU4DxTOF3EiP/AoQL9XTLpZvFFRjOfAVcFTpTgIsV3EO9KUBPBQB9O3Mgr45WDaBqgF8pwPsKAD6kAMuZzX8Kn1KAl5kBXhWT8AcWMgJMNyrCqUzmb4U3OwHCEp5nAHi41zEcq3cuh3kVrzRryc7jHY6XbD4r3G0eRGEVQ/haovlMI/PdkzAsY6DeUrej3xgX7rX+Mgp3MFFvKg+iF4i/gdPu06yG67iNQZzYZeYq5vFM+Fz+43QbqBunCqMfhS3/m/4AdNBPLAboKPcAAAAASUVORK5CYII=">
     <title>ESP Easy</title>
     <!-- build:css inline ../build/temp/mini.min.css -->
     <link rel="stylesheet" href="index-minimal.css">

diff --git a/src/index-minimal.js b/src/index-minimal.js
@@ -32,6 +32,7 @@ obj.color = "dark";
 obj.tab = "frontend";
 let fe, be, r, rc, n, t, d, f, m, upload, b, a, p, v, w, buttons, toggle;
 ini = function () {
+    favicon();
     let ok = start(obj.tab);
     dragDropEvent();
 };
@@ -429,4 +430,75 @@ update = async function (file) {
                 console.warn('Error uploading (' + obj[type].fileName + '): ' + error, 0, "error");
             });
     }
+};
+favicon = function () {
+    let canvas = document.createElement('canvas');
+    let iconSide = 113;
+    let iconRadius = 15;
+    canvas.width = iconSide;
+    canvas.height = iconSide;
+    let ctx = canvas.getContext('2d');
+    ctx.lineWidth = 8;
+    ctx.fillStyle = "blue";
+    ctx.beginPath();
+    ctx.moveTo(0,iconRadius);
+    ctx.lineTo(0,iconSide-iconRadius);
+    ctx.arc(iconRadius,iconSide-iconRadius, iconRadius, Math.PI, 0.5 * Math.PI, true);
+    ctx.lineTo(iconRadius,iconSide);
+    ctx.lineTo(iconSide-iconRadius,iconSide);
+    ctx.arc(iconSide-iconRadius,iconSide-iconRadius, iconRadius, Math.PI, 1.5 * Math.PI, true);
+    ctx.lineTo(iconSide,iconSide-iconRadius);
+    ctx.lineTo(iconSide,iconRadius);
+    ctx.arc(iconSide-iconRadius,iconRadius, iconRadius, 0, 1.5 * Math.PI, true);
+    ctx.lineTo(iconSide-iconRadius,0);
+    ctx.lineTo(iconRadius,0);
+    ctx.arc(iconRadius,iconRadius, iconRadius, 0, 0.5 * Math.PI, true);
+    ctx.lineTo(0,iconRadius);
+    ctx.closePath();
+    ctx.fill();
+    //The dot
+    ctx.fillStyle = "white";
+    ctx.beginPath();
+    ctx.arc(90, 90, 10, 0, 2 * Math.PI);
+    ctx.closePath();
+    ctx.fill();
+    //The warning line
+    ctx.lineCap = "round";
+    ctx.strokeStyle = "white";
+    ctx.beginPath();
+    ctx.moveTo(42,99);
+    ctx.lineTo(99,42);
+    ctx.closePath();
+    ctx.stroke();
+    //The info line
+    ctx.strokeStyle = "white";
+    ctx.beginPath();
+    ctx.moveTo(14,99);
+    ctx.lineTo(99,14);
+    ctx.closePath();
+    ctx.stroke();
+    //The sunny line
+    ctx.strokeStyle = "white";
+    ctx.beginPath();
+    ctx.moveTo(14,70);
+    ctx.lineTo(70,14);
+    ctx.closePath();
+    ctx.stroke();
+    //The success line
+    ctx.strokeStyle = "white";
+    ctx.beginPath();
+    ctx.moveTo(14,42);
+    ctx.lineTo(42,14);
+    ctx.closePath();
+    ctx.stroke();
+    let favicon = document.getElementById("favicon");
+    if (favicon !== null) {
+        favicon.remove();
+    }
+    favicon = document.createElement('link');
+    favicon.id = "favicon";
+    favicon.type = 'image/x-icon';
+    favicon.rel = 'shortcut icon';
+    favicon.href = canvas.toDataURL("image/x-icon");
+    document.head.appendChild(favicon);
 };