From 994598900ae49cddf67e888d25e8293c94826a28 Mon Sep 17 00:00:00 2001
From: "Nicholas Carrigan (he/him)" <nhcarrigan@gmail.com>
Date: Tue, 22 Dec 2020 16:07:21 -0800
Subject: [PATCH] fix(dashboard): Use CDN for favicon (#40522)

* fix: Use CDN for favicon

Replaces the local favicon (which was not
rendering correctly on production) with the
version served by the CDN. Also adds our other
meta tags used for PWAs and OpenGraph Protocol.

Signed-off-by: nhcarrigan <nhcarrigan@gmail.com>

* fix: remove local manifest

Signed-off-by: nhcarrigan <nhcarrigan@gmail.com>
---
 .../dashboard-app/client/public/favicon.ico   | Bin 7406 -> 0 bytes
 .../dashboard-app/client/public/index.html    |  70 ++++++++++++------
 .../dashboard-app/client/public/manifest.json |  15 ----
 3 files changed, 48 insertions(+), 37 deletions(-)
 delete mode 100644 tools/contributor/dashboard-app/client/public/favicon.ico
 delete mode 100644 tools/contributor/dashboard-app/client/public/manifest.json

diff --git a/tools/contributor/dashboard-app/client/public/favicon.ico b/tools/contributor/dashboard-app/client/public/favicon.ico
deleted file mode 100644
index 94d9c3a7e97864c80ba5c3dc296375a56c3be6ed..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 7406
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
Tw6eq@@g16A=f5id?vL(I1Np+9

diff --git a/tools/contributor/dashboard-app/client/public/index.html b/tools/contributor/dashboard-app/client/public/index.html
index efac91eecb..6da5d5e7b7 100644
--- a/tools/contributor/dashboard-app/client/public/index.html
+++ b/tools/contributor/dashboard-app/client/public/index.html
@@ -2,22 +2,56 @@
 <html lang="en">
   <head>
     <meta charset="utf-8">
-    <link rel="shortcut icon" href="favicon.ico">
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
     <meta name="theme-color" content="#000000">
-    <!--
-      manifest.json provides metadata used when your web app is added to the
-      homescreen on Android. See https://developers.google.com/web/fundamentals/web-app-manifest/
-    -->
-    <link rel="manifest" href="manifest.json">
-    <!--
-      Notice the use of %PUBLIC_URL% in the tags above.
-      It will be replaced with the URL of the `public` folder during the build.
-      Only files inside the `public` folder can be referenced from the HTML.
-      Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
-      work correctly both with client-side routing and a non-root public URL.
-      Learn how to configure a non-root public URL by running `npm run build`.
-    -->
+    <meta
+      content="https://cdn.freecodecamp.org/platform/universal/fcc_meta_1920x1080-indigo.png"
+      name="og:image"
+    />
+    <meta content="freeCodeCamp Contributor Tools" name="twitter:title" />
+    <meta
+      content="Tools for contributors working on the freeCodeCamp curriculum."
+      name="og:description"
+    />
+    <meta content="a40ee5d5dba3bb091ad783ebd2b1383f" name="p:domain_verify" />
+    <meta content="#FFFFFF" name="msapplication-TileColor" />
+    <meta
+      content="https://cdn.freecodecamp.org/universal/favicons/browserconfig.xml"
+      rel="msapplication-config"
+    />
+    <link
+      href="https://cdn.freecodecamp.org/universal/favicons/android-chrome-192x192.png"
+      rel="android-chrome"
+      sizes="192x192"
+    />
+    <link
+      href="https://cdn.freecodecamp.org/universal/favicons/android-chrome-384x384.png"
+      rel="android-chrome"
+      sizes="384x384"
+    />
+    <link
+      href="https://cdn.freecodecamp.org/universal/favicons/site.webmanifest"
+      rel="manifest"
+    />
+    <link
+      href="https://cdn.freecodecamp.org/universal/favicons/apple-touch-icon.png"
+      rel="apple-touch-icon"
+      sizes="180x180"
+    />
+    <link
+      href="https://cdn.freecodecamp.org/universal/favicons/favicon-16x16.png"
+      rel="favicon"
+      sizes="16x16"
+    />
+    <link
+      href="https://cdn.freecodecamp.org/universal/favicons/favicon-32x32.png"
+      rel="favicon"
+      sizes="32x32"
+    />
+    <link
+      href="https://cdn.freecodecamp.org/universal/favicons/favicon.ico"
+      rel="icon"
+    />
     <title>freeCodeCamp Contributor Tools</title>
   </head>
   <body>
@@ -25,13 +59,5 @@
       You need to enable JavaScript to run this app.
     </noscript>
     <div id="root"></div>
-    <!--
-      This HTML file is a template.
-      If you open it directly in the browser, you will see an empty page.
-      You can add webfonts, meta tags, or analytics to this file.
-      The build step will place the bundled scripts into the <body> tag.
-      To begin the development, run `npm start` or `yarn start`.
-      To create a production bundle, use `npm run build` or `yarn build`.
-    -->
   </body>
 </html>
diff --git a/tools/contributor/dashboard-app/client/public/manifest.json b/tools/contributor/dashboard-app/client/public/manifest.json
deleted file mode 100644
index 1b9ae31441..0000000000
--- a/tools/contributor/dashboard-app/client/public/manifest.json
+++ /dev/null
@@ -1,15 +0,0 @@
-{
-  "short_name": "FCC Contribute",
-  "name": "Free Code Camp Contribute",
-  "icons": [
-    {
-      "src": "favicon.ico",
-      "sizes": "64x64 32x32 24x24 16x16",
-      "type": "image/x-icon"
-    }
-  ],
-  "start_url": ".",
-  "display": "standalone",
-  "theme_color": "#000000",
-  "background_color": "#ffffff"
-}