Adding favicon for all devices (#6447)

Co-authored-by: Odei Maiz <maiz@itis.swiss>
ITISFoundation · Sep 26, 2024 · d5b30c4 · d5b30c4
1 parent 212a4ee
commit d5b30c4
Show file tree

Hide file tree

Showing 89 changed files with 391 additions and 212 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,7 @@
 {
   "scripts": {
-    "linter": "npx eslint ./services/*/client/source/class/*/"
+    "linter": "npx eslint ./services/*/client/source/class/*/",
+    "linter-fix": "npx eslint ./services/*/client/source/class/*/ --fix"
   },
   "devDependencies": {
     "babel-eslint": "^10.1.0",

diff --git a/services/static-webserver/client/scripts/apps_metadata.json b/services/static-webserver/client/scripts/apps_metadata.json
@@ -3,62 +3,89 @@
         {
             "application": "osparc",
             "replacements": {
+                "replace_me_favicon_uri": "/resource/osparc/osparc/icons/favicon-32x32.png",
+                "replace_me_manifest_uri": "/resource/osparc/osparc/manifest.json",
+                "replace_me_browserconfig_uri": "/resource/osparc/osparc/browserconfig.xml",
                 "replace_me_og_title": "oSPARC",
                 "replace_me_og_description": "open online simulations for Stimulating Peripheral Activity to Relieve Conditions",
                 "replace_me_og_image": "https://raw.githubusercontent.com/ITISFoundation/osparc-simcore/master/services/static-webserver/client/source/resource/osparc/favicon-osparc.png"
             }
         }, {
             "application": "s4l",
             "replacements": {
+                "replace_me_favicon_uri": "/resource/osparc/s4l/icons/favicon-32x32.png",
+                "replace_me_manifest_uri": "/resource/osparc/s4l/manifest.json",
+                "replace_me_browserconfig_uri": "/resource/osparc/s4l/browserconfig.xml",
                 "replace_me_og_title": "Sim4Life",
                 "replace_me_og_description": "Computational life sciences platform that combines computable human phantoms, powerful physics solvers and advanced tissue models.",
                 "replace_me_og_image": "https://raw.githubusercontent.com/ZurichMedTech/s4l-assets/main/app/full/background-images/S4L/Sim4Life-head-default.png"
             }
         }, {
             "application": "s4lacad",
             "replacements": {
+                "replace_me_favicon_uri": "/resource/osparc/s4l/icons/favicon-32x32.png",
+                "replace_me_manifest_uri": "/resource/osparc/s4l/manifest.json",
+                "replace_me_browserconfig_uri": "/resource/osparc/s4l/browserconfig.xml",
                 "replace_me_og_title": "Sim4Life Science",
                 "replace_me_og_description": "Sim4Life for Science - Computational life sciences platform that combines computable human phantoms, powerful physics solvers and advanced tissue models.",
                 "replace_me_og_image": "https://raw.githubusercontent.com/ZurichMedTech/s4l-assets/main/app/full/background-images/S4L/Sim4Life-head-academy.png"
             }
         }, {
             "application": "s4lengine",
             "replacements": {
+                "replace_me_favicon_uri": "/resource/osparc/s4l/icons/favicon-32x32.png",
+                "replace_me_manifest_uri": "/resource/osparc/s4l/manifest.json",
+                "replace_me_browserconfig_uri": "/resource/osparc/s4l/browserconfig.xml",
                 "replace_me_og_title": "Sim4Life Engineering",
                 "replace_me_og_description": "Sim4Life for Engineers - Computational life sciences platform that combines computable human phantoms, powerful physics solvers and advanced tissue models.",
                 "replace_me_og_image": "https://raw.githubusercontent.com/ZurichMedTech/s4l-assets/main/app/full/background-images/S4L/Sim4Life-head-default.png"
             }
         }, {
             "application": "s4ldesktop",
             "replacements": {
+                "replace_me_favicon_uri": "/resource/osparc/s4l/icons/favicon-32x32.png",
+                "replace_me_manifest_uri": "/resource/osparc/s4l/manifest.json",
+                "replace_me_browserconfig_uri": "/resource/osparc/s4l/browserconfig.xml",
                 "replace_me_og_title": "Sim4Life (Desktop)",
                 "replace_me_og_description": "Computational life sciences platform that combines computable human phantoms, powerful physics solvers and advanced tissue models.",
                 "replace_me_og_image": "https://raw.githubusercontent.com/ZurichMedTech/s4l-assets/main/app/full/background-images/S4L/Sim4Life-head-default.png"
             }
         }, {
             "application": "s4ldesktopacad",
             "replacements": {
+                "replace_me_favicon_uri": "/resource/osparc/s4l/icons/favicon-32x32.png",
+                "replace_me_manifest_uri": "/resource/osparc/s4l/manifest.json",
+                "replace_me_browserconfig_uri": "/resource/osparc/s4l/browserconfig.xml",
                 "replace_me_og_title": "Sim4Life Science (Desktop)",
                 "replace_me_og_description": "Sim4Life for Science - Computational life sciences platform that combines computable human phantoms, powerful physics solvers and advanced tissue models.",
                 "replace_me_og_image": "https://raw.githubusercontent.com/ZurichMedTech/s4l-assets/main/app/full/background-images/S4L/Sim4Life-head-academy.png"
             }
         }, {
             "application": "s4llite",
             "replacements": {
+                "replace_me_favicon_uri": "/resource/osparc/s4l/icons/favicon-32x32.png",
+                "replace_me_manifest_uri": "/resource/osparc/s4l/manifest.json",
+                "replace_me_browserconfig_uri": "/resource/osparc/s4l/browserconfig.xml",
                 "replace_me_og_title": "S4L Lite",
                 "replace_me_og_description": "Sim4Life for Students - Computational life sciences platform that combines computable human phantoms, powerful physics solvers and advanced tissue models.",
                 "replace_me_og_image": "https://raw.githubusercontent.com/ZurichMedTech/s4l-assets/main/app/full/background-images/S4L/Sim4Life-head-lite.png"
             }
         }, {
             "application": "tis",
             "replacements": {
+                "replace_me_favicon_uri": "/resource/osparc/tis/icons/favicon-32x32.png",
+                "replace_me_manifest_uri": "/resource/osparc/tis/manifest.json",
+                "replace_me_browserconfig_uri": "/resource/osparc/tis/browserconfig.xml",
                 "replace_me_og_title": "TI Plan - IT'IS",
                 "replace_me_og_description": "A tool powered by o²S²PARC technology that reduces optimization of targeted neurostimulation protocols.",
                 "replace_me_og_image": "https://raw.githubusercontent.com/ITISFoundation/osparc-simcore/master/services/static-webserver/client/source/resource/osparc/tip_splitimage.png"
             }
         }, {
             "application": "tiplite",
             "replacements": {
+                "replace_me_favicon_uri": "/resource/osparc/tis/icons/favicon-32x32.png",
+                "replace_me_manifest_uri": "/resource/osparc/tis/manifest.json",
+                "replace_me_browserconfig_uri": "/resource/osparc/tis/browserconfig.xml",
                 "replace_me_og_title": "TI Plan lite - IT'IS",
                 "replace_me_og_description": "A tool powered by o²S²PARC technology that reduces optimization of targeted neurostimulation protocols.",
                 "replace_me_og_image": "https://raw.githubusercontent.com/ITISFoundation/osparc-simcore/master/services/static-webserver/client/source/resource/osparc/tip_splitimage.png"

diff --git a/services/static-webserver/client/source/boot/index.html b/services/static-webserver/client/source/boot/index.html
@@ -24,18 +24,18 @@
   <meta name="format-detection" content="telephone=no"/>
 
   <!-- Shortcut icon setup -->
-  <link rel="shortcut icon" type="image/png" href="${resourcePath}osparc/favicon-osparc.png"/>
+  <link rel="icon" type="image/png" href="${replace_me_favicon_uri}">
 
   <!-- Manifest -->
-  <!-- <link rel="manifest" href="/manifest.json"> - dynamically added -->
+  <link rel="manifest" href="${replace_me_manifest_uri}">
 
   <!-- Safari Pinned Tab Icons -->
   <link rel="mask-icon" href="" color="">
 
   <!-- Microsoft Application Icons -->
   <meta name="msapplication-TileColor" content="">
   <meta name="msapplication-TileImage" content="">
-  <!-- <meta name="msapplication-config" content="/browserconfig.xml"> - dynamically added -->
+  <meta name="msapplication-config" content="${replace_me_browserconfig_uri}">
 
   <!-- Theme Color -->
   <meta name="theme-color" content="">