Update favicons

apps/fz_http/assets/static/browserconfig.xml

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square150x150logo src="/images/mstile-150x150.png"/>
+            <TileColor>331700</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>

apps/fz_http/assets/static/images/logo-text.svg

@@ -1,6 +0,0 @@
-<svg width="400" height="110" viewBox="0 0 400 110" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M78.2375 14C98.1001 30.5434 77.5376 67.2083 84.7938 82.0126C69.8826 60.6161 90.1985 42.2283 78.2375 14Z" fill="#CF5C00"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M89.2523 45.8429C102.235 54.2787 86.6509 74.0444 94.9475 79.1039C103.35 84.2282 102.399 62.9323 114 68.3953C101.921 64.2857 106.932 89.64 91.9646 86.2658C74.8363 82.4045 96.1377 55.1601 89.2524 45.8429H89.2523Z" fill="#8D1E00"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M14 74.7276C38.7271 55.0266 72.4083 86.6411 88.3024 88.6166C108.743 91.1568 103.298 67.5234 113.529 68.4039C104.101 69.5408 109.76 94.2573 88.6835 95.0211C65.7302 95.853 42.8299 60.8576 14 74.7276H14Z" fill="#2B1200"/>
-<path d="M124.96 84H140.38V77.88H136.78V59.46H148.24V77.88H144.64V84H160V77.88H154.48V53.34H136.78V50.88C136.78 48.24 139.12 47.28 141.88 47.28C144.22 47.28 146.41 47.46 148.24 47.67C148.99 48.54 150.07 49.08 151.3 49.08C153.64 49.08 155.44 47.22 155.44 44.94C155.44 42.66 153.64 40.86 151.3 40.86C149.92 40.86 148.72 41.52 147.97 42.54C145.45 41.82 143.35 41.28 140.38 41.28C135.7 41.28 130.54 42.72 130.54 49.56V53.34H124.96V59.46H130.54V77.88H124.96V84ZM158.033 84H179.993V77.94H171.413V68.04C171.413 62.46 174.353 58.98 181.913 58.98V65.58H188.633V54.24C187.073 53.4 184.673 52.62 181.613 52.62C176.513 52.62 172.463 54.99 170.933 58.26V53.34H158.033V59.4H164.513V77.94H158.033V84ZM205.085 84.72C209.825 84.72 213.485 82.8 216.065 79.98L211.925 75.6C210.005 77.7 207.845 78.6 205.145 78.6C200.885 78.6 198.125 75.81 197.345 71.34H218.165C218.405 69.78 218.405 68.22 218.405 67.14C218.405 57.18 212.465 52.62 205.085 52.62C196.145 52.62 190.445 58.68 190.445 68.64C190.445 78.36 195.965 84.72 205.085 84.72ZM205.085 58.68C208.265 58.68 211.205 60.72 211.625 65.46H197.345C198.065 61.2 200.465 58.68 205.085 58.68ZM222.798 84H247.938V77.82H231.618L247.998 58.44V53.34H223.938V59.52H239.178L222.798 78.78V84ZM266.371 84.72C275.491 84.72 281.071 78.54 281.071 68.7C281.071 58.86 275.491 52.62 266.371 52.62C257.311 52.62 251.671 58.92 251.671 68.7C251.671 78.6 257.311 84.72 266.371 84.72ZM266.371 78.12C261.391 78.12 258.631 74.4 258.631 68.7C258.631 62.94 261.391 59.16 266.371 59.16C271.471 59.16 274.111 63 274.111 68.7C274.111 74.4 271.411 78.12 266.371 78.12ZM283.903 84H290.803V66.6C290.803 60.9 293.923 59.16 297.583 59.16C301.063 59.16 303.943 61.08 303.943 66.72V84H310.843V65.28C310.843 55.86 305.623 52.62 299.503 52.62C295.633 52.62 292.333 54.33 290.803 56.28V53.34H283.903V84ZM328.976 84.72C333.716 84.72 337.376 82.8 339.956 79.98L335.816 75.6C333.896 77.7 331.736 78.6 329.036 78.6C324.776 78.6 322.016 75.81 321.236 71.34H342.056C342.296 69.78 342.296 68.22 342.296 67.14C342.296 57.18 336.356 52.62 328.976 52.62C320.036 52.62 314.336 58.68 314.336 68.64C314.336 78.36 319.856 84.72 328.976 84.72ZM328.976 58.68C332.156 58.68 335.096 60.72 335.516 65.46H321.236C321.956 61.2 324.356 58.68 328.976 58.68Z" fill="#ADADAD"/>
-</svg>

apps/fz_http/assets/static/images/logo.svg

@@ -1,68 +1,5 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   inkscape:version="1.0 (4035a4fb49, 2020-05-01)"
-   sodipodi:docname="logo.svg"
-   id="svg14"
-   version="1.1"
-   clip-rule="evenodd"
-   fill-rule="evenodd"
-   y="0px"
-   x="0px"
-   viewBox="0 0 23.6446 19.1606"
-   style="shape-rendering:geometricPrecision;text-rendering:geometricPrecision;image-rendering:optimizeQuality;"
-   xml:space="preserve"
-   fill="#000000"
-   width="100px"
-   height="100px"><metadata
-     id="metadata18"><rdf:RDF><cc:Work
-         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><sodipodi:namedview
-     inkscape:current-layer="g12"
-     inkscape:window-maximized="1"
-     inkscape:window-y="0"
-     inkscape:window-x="0"
-     inkscape:cy="38.095238"
-     inkscape:cx="30.902778"
-     inkscape:zoom="10.08"
-     showgrid="false"
-     id="namedview16"
-     inkscape:window-height="1440"
-     inkscape:window-width="2560"
-     inkscape:pageshadow="2"
-     inkscape:pageopacity="0"
-     guidetolerance="10"
-     gridtolerance="10"
-     objecttolerance="10"
-     borderopacity="1"
-     bordercolor="#666666"
-     pagecolor="#ffffff" /><defs
-     id="defs4"><style
-       id="style2"
-       type="text/css">
-
-    .fil0 {fill:#000000}
-
-  </style></defs><g
-     id="g12"><path
-       style="fill:#cf5c00;fill-opacity:1"
-       id="path6"
-       d="M15.1887 0c4.69642,3.91162 -0.165501,12.5809 1.55021,16.0813 -3.52571,-5.05912 1.27791,-9.40684 -1.55021,-16.0813z"
-       class="fil0" /><path
-       style="fill:#8d1e00;fill-opacity:1"
-       id="path8"
-       d="M17.7931 7.52913c3.06981,1.99461 -0.615103,6.66813 1.34661,7.86443 1.98661,1.21161 1.76181,-3.82372 4.50492,-2.53201 -2.85611,-0.971704 -1.67131,5.02322 -5.21022,4.22542 -4.04992,-0.913004 0.986704,-7.35483 -0.641303,-9.55784z"
-       class="fil0" /><path
-       style="fill:#2b1200;fill-opacity:1"
-       id="path10"
-       d="M-0 14.3588c5.84662,-4.65822 13.8104,2.81691 17.5685,3.28401 4.83302,0.600603 3.54561,-4.98742 5.96463,-4.77922 -2.22901,0.268801 -0.891004,6.11293 -5.87452,6.29353 -5.42722,0.196701 -10.8419,-8.07783 -17.6586,-4.79832z"
-       class="fil0" /></g><g
-     inkscape:label="Layer 1"
-     id="layer1"
-     inkscape:groupmode="layer" /></svg>
+<svg width="228" height="184" viewBox="0 0 228 184" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M145.858 0C190.958 37.5635 144.268 120.815 160.744 154.43C126.887 105.847 173.016 64.0952 145.858 0Z" fill="#FF7300"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M170.867 72.3025C200.346 91.4568 164.96 136.337 183.798 147.825C202.876 159.46 200.717 111.106 227.059 123.51C199.632 114.179 211.01 171.748 177.025 164.087C138.134 155.319 186.501 93.4581 170.867 72.3025Z" fill="#7F3900"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0 137.888C56.1454 93.1552 132.622 164.939 168.711 169.425C215.123 175.192 202.76 121.53 225.99 123.53C204.585 126.111 217.433 182.233 169.576 183.967C117.459 185.856 65.4612 106.395 9.60305e-05 137.888H0Z" fill="#331700"/>
+</svg>

apps/fz_http/assets/static/site.webmanifest

@@ -0,0 +1,19 @@
+{
+    "name": "Firezone",
+    "short_name": "Firezone",
+    "icons": [
+        {
+            "src": "/android-chrome-192x192.png",
+            "sizes": "192x192",
+            "type": "image/png"
+        },
+        {
+            "src": "/android-chrome-512x512.png",
+            "sizes": "512x512",
+            "type": "image/png"
+        }
+    ],
+    "theme_color": "331700",
+    "background_color": "331700",
+    "display": "standalone"
+}

apps/fz_http/assets/webpack.config.js

@@ -43,7 +43,7 @@ module.exports = (env, options) => ({
         ]
       },
       {
-        test: /.(png|jpg|jpeg|gif|svg|woff|woff2|ttf|eot)$/,
+        test: /.(png|jpg|jpeg|gif|svg|woff|woff2|ttf|eot|xml|webmanifest)$/,
         use: "url-loader?limit=100000"
       }
     ]

apps/fz_http/lib/fz_http_web/templates/layout/root.html.heex

@@ -10,13 +10,13 @@
     <script defer phx-track-static type="text/javascript" src={Routes.static_path(@conn, "/js/app.js")}></script>
 
     <!-- Favicon -->
-    <link rel="apple-touch-icon-precomposed" sizes="57x57" href="/images/favicon-apple-touch-114.png">
-    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="/images/favicon-apple-touch-114.png">
-    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="/images/favicon-apple-touch-144.png">
-    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="/images/favicon-apple-touch-144.png">
-    <link rel="icon" type="image/vnd.microsoft.icon" sizes="32x32 48x48" href="/images/favicon.ico">
-    <link rel="icon" sizes="128x128" href="/images/favicon.icns">
-    <link rel="icon" href="/images/favicon.png" type="image/x-icon">
+    <link rel="apple-touch-icon" sizes="180x180" href="/images/apple-touch-icon.png">
+    <link rel="icon" type="image/png" sizes="32x32" href="/images/favicon-32x32.png">
+    <link rel="icon" type="image/png" sizes="16x16" href="/images/favicon-16x16.png">
+    <link rel="manifest" href="/site.webmanifest">
+    <meta name="msapplication-config" content="/browserconfig.xml" />
+    <meta name="msapplication-TileColor" content="331700">
+    <meta name="theme-color" content="331700">
 
     <!-- Fonts -->
     <link rel="dns-prefetch" href="https://fonts.gstatic.com">