add firetable brand to favicon

2025-12-29 00:16:39 +01:00 · 2020-01-31 12:48:46 +11:00
parent 0b8db75003
commit e204a57e77
19 changed files with 95 additions and 5 deletions
--- a/www/public/browserconfig.xml
+++ b/www/public/browserconfig.xml
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square150x150logo src="/mstile-150x150.png"/>
+            <TileColor>#ED4746</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>
--- a/www/public/favicon/android-chrome-192x192.png
+++ b/www/public/favicon/android-chrome-192x192.png
--- a/www/public/favicon/android-chrome-512x512.png
+++ b/www/public/favicon/android-chrome-512x512.png
--- a/www/public/favicon/apple-touch-icon.png
+++ b/www/public/favicon/apple-touch-icon.png
--- a/www/public/favicon/favicon-16x16.png
+++ b/www/public/favicon/favicon-16x16.png
--- a/www/public/favicon/favicon-32x32.png
+++ b/www/public/favicon/favicon-32x32.png
--- a/www/public/favicon/favicon.ico
+++ b/www/public/favicon/favicon.ico
--- a/www/public/favicon/firetable.svg
+++ b/www/public/favicon/firetable.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><g fill="none" fill-rule="evenodd"><rect width="48" height="48" fill="#ED4746" rx="4"/><g stroke="#FFF" stroke-width="2"><path d="M9.879 38.121A2.99 2.99 0 0012 39h7V29H9v7c0 .828.336 1.578.879 2.121zM29 39h7a2.99 2.99 0 002.121-.879A2.99 2.99 0 0039 36v-7H29v10zm0-10H19v10h10zM39 19H29v10h10zm-10 0H19v10h10z"/><path fill="#FFF" d="M39 9H29v10h10z"/></g><path fill="#ED4746" d="M37 17l-2.529-6h-.94L31 17h1.035l1.947-4.746L35.93 17z"/></g></svg>
--- a/www/public/favicon/mstile-144x144.png
+++ b/www/public/favicon/mstile-144x144.png
--- a/www/public/favicon/mstile-150x150.png
+++ b/www/public/favicon/mstile-150x150.png
--- a/www/public/favicon/mstile-310x150.png
+++ b/www/public/favicon/mstile-310x150.png
--- a/www/public/favicon/mstile-310x310.png
+++ b/www/public/favicon/mstile-310x310.png
--- a/www/public/favicon/mstile-70x70.png
+++ b/www/public/favicon/mstile-70x70.png
--- a/www/public/favicon/safari-pinned-tab.svg
+++ b/www/public/favicon/safari-pinned-tab.svg
@@ -0,0 +1,32 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="700.000000pt" height="700.000000pt" viewBox="0 0 700.000000 700.000000"
+ preserveAspectRatio="xMidYMid meet">
+<metadata>
+Created by potrace 1.11, written by Peter Selinger 2001-2013
+</metadata>
+<g transform="translate(0.000000,700.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M454 6985 c-210 -46 -395 -232 -440 -444 -11 -56 -14 -527 -14 -3037
+0 -2091 3 -2988 11 -3030 6 -32 28 -97 50 -142 75 -163 244 -292 419 -322 47
+-8 907 -10 3060 -8 l2995 3 55 21 c108 42 166 78 236 148 70 70 106 128 148
+236 l21 55 3 2995 c2 2153 0 3013 -8 3060 -35 206 -191 380 -409 458 -42 15
+-292 17 -3056 19 -2467 1 -3021 -1 -3071 -12z m5377 -1887 c3 -2344 -2 -3423
+-17 -3487 -45 -200 -223 -378 -425 -426 -56 -13 -298 -15 -1893 -15 -2033 0
+-1880 -5 -2021 68 -92 48 -189 145 -237 238 -68 129 -68 128 -68 822 l0 622
+725 0 725 0 2 728 3 727 728 3 727 2 0 725 0 725 875 0 875 0 1 -732z"/>
+<path d="M4821 5233 c-39 -93 -122 -289 -185 -438 l-114 -270 71 -3 c38 -2 73
+1 78 5 4 4 69 160 145 345 76 186 139 336 141 335 1 -2 65 -156 142 -343 l139
+-339 76 -3 c42 -2 76 1 76 5 0 12 -352 846 -363 861 -6 7 -34 12 -72 12 l-63
+0 -71 -167z"/>
+<path d="M2920 3500 l0 -580 580 0 580 0 0 580 0 580 -580 0 -580 0 0 -580z"/>
+<path d="M4380 3500 l0 -580 580 0 580 0 0 580 0 580 -580 0 -580 0 0 -580z"/>
+<path d="M1462 2148 c3 -476 3 -484 25 -524 34 -63 66 -97 125 -129 l53 -30
+478 -3 477 -3 0 586 0 585 -580 0 -581 0 3 -482z"/>
+<path d="M2920 2045 l0 -585 580 0 580 0 0 585 0 585 -580 0 -580 0 0 -585z"/>
+<path d="M4380 2045 l0 -586 478 3 477 3 53 29 c54 30 94 72 128 136 18 33 19
+67 22 518 l3 482 -581 0 -580 0 0 -585z"/>
+</g>
+</svg>
--- a/www/public/index.html
+++ b/www/public/index.html
@@ -2,11 +2,40 @@
 <html lang="en">
  <head>
    <meta charset="utf-8" />
-    <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="theme-color" content="#000000" />
    <meta name="description" content="Excel for your database" />
-    <link rel="apple-touch-icon" href="logo192.png" />
+
+    <!--
+      Generated from https://realfavicongenerator.net/
+    -->
+    <link
+      rel="apple-touch-icon"
+      sizes="180x180"
+      href="/favicon/apple-touch-icon.png"
+    />
+    <link
+      rel="icon"
+      type="image/png"
+      sizes="32x32"
+      href="/favicon/favicon-32x32.png"
+    />
+    <link
+      rel="icon"
+      type="image/png"
+      sizes="16x16"
+      href="/favicon/favicon-16x16.png"
+    />
+    <link rel="icon" type="image/svg+xml" href="/favicon/firetable.svg" />
+    <link rel="manifest" href="/site.webmanifest" />
+    <link
+      rel="mask-icon"
+      href="/favicon/safari-pinned-tab.svg"
+      color="#ED4746"
+    />
+    <meta name="msapplication-TileColor" content="#ED4746" />
+    <meta name="theme-color" content="#ffffff" />
+
    <!--
      manifest.json provides metadata used when your web app is installed on a
      user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
@@ -27,7 +56,7 @@
      rel="stylesheet"
    />

-    <title>Firetable</title>
+    <title>firetable</title>
  </head>
  <body>
    <noscript>You need to enable JavaScript to run this app.</noscript>
--- a/www/public/logo192.png
+++ b/www/public/logo192.png
--- a/www/public/logo512.png
+++ b/www/public/logo512.png
--- a/www/public/manifest.json
+++ b/www/public/manifest.json
@@ -8,12 +8,12 @@
      "type": "image/x-icon"
    },
    {
-      "src": "logo192.png",
+      "src": "favicon/android-chrome-192x192.png",
      "type": "image/png",
      "sizes": "192x192"
    },
    {
-      "src": "logo512.png",
+      "src": "favicon/android-chrome-512x512.png",
      "type": "image/png",
      "sizes": "512x512"
    }
--- a/www/public/site.webmanifest
+++ b/www/public/site.webmanifest
@@ -0,0 +1,19 @@
+{
+  "name": "",
+  "short_name": "",
+  "icons": [
+    {
+      "src": "/favicon/android-chrome-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png"
+    },
+    {
+      "src": "/favicon/android-chrome-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png"
+    }
+  ],
+  "theme_color": "#ffffff",
+  "background_color": "#ffffff",
+  "display": "standalone"
+}
				`@@ -0,0 +1 @@`
				<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><g fill="none" fill-rule="evenodd"><rect width="48" height="48" fill="#ED4746" rx="4"/><g stroke="#FFF" stroke-width="2"><path d="M9.879 38.121A2.99 2.99 0 0012 39h7V29H9v7c0 .828.336 1.578.879 2.121zM29 39h7a2.99 2.99 0 002.121-.879A2.99 2.99 0 0039 36v-7H29v10zm0-10H19v10h10zM39 19H29v10h10zm-10 0H19v10h10z"/><path fill="#FFF" d="M39 9H29v10h10z"/></g><path fill="#ED4746" d="M37 17l-2.529-6h-.94L31 17h1.035l1.947-4.746L35.93 17z"/></g></svg>