Improve app's bootstrap HTML metadata

Some simple changes to remove defaults from the CreateReactApp origins: - Improves the HTML title to more specifically match this app (vs. other IPFS produced sites) - Adds a meta description (pulled from the Github repo) - Adds an IPFS theme colour in HTML meta - Adds canonical link to bootstrap HTML
ipfs · Oct 22, 2023 · 569221a · 569221a
1 parent 0cc3b04
commit 569221a
Showing 1 changed file with 8 additions and 6 deletions.
diff --git a/public/index.html b/public/index.html
@@ -3,9 +3,10 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-    <meta name="theme-color" content="#000000">
+    <meta name="theme-color" content="#55B8BE">
     <meta name="generator" content="ipfs-webui https://github.com/ipfs-shipyard/ipfs-webui">
     <meta name="revision" content="%REACT_APP_GIT_REV%">
+    <meta name="description" content="A web interface for IPFS. Check on your node stats, explore the IPLD powered merkle forest, see peers around the world and manage your files, without needing to touch the CLI.">
     <!--
       manifest.json provides metadata used when your web app is added to the
       homescreen on Android. See https://developers.google.com/web/fundamentals/engage-and-retain/web-app-manifest/
@@ -21,22 +22,23 @@
       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`.
     -->
-    <title>IPFS</title>
+    <title>WebUI | IPFS</title>
+    <link rel="canonical" href="https://webui.ipfs.io/">
   </head>
   <body>
     <noscript>
       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`.
       -->