docs: Refresh icons

.github/workflows/deploy.yml

@@ -76,6 +76,17 @@ jobs:
       working-directory: Client
       run: npm install
 
+    - name: Define tag
+      id: tag
+      run: echo "tag=$(date +'%Y.%m.%d')-${{ github.run_number }}" >> $GITHUB_OUTPUT
+
+    - name: Replace cache markers
+      uses: jacobtomlinson/gha-find-replace@v3
+      with:
+        find: "YYYY.MM.DD"
+        replace: "${{ steps.tag.outputs.version }}"
+        regex: false
+
     - name: Update configs
       shell: pwsh
       working-directory: Client/src

Client/src/assets/icons/browserconfig.xml

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

Client/src/assets/manifest.json

@@ -0,0 +1,33 @@
+{
+  "name": "stock chart | Stock Indicators for .NET",
+  "short_name": "Stock Chart",
+  "description": "A stock chart to demonstrate the Stock Indicators for .NET NuGet package.",
+  "theme_color": "#212121",
+  "background_color": "#212121",
+  "icons": [
+    {
+      "src": "icons/maskable_icon_x192.png",
+      "sizes": "192x192",
+      "type": "image/png",
+      "purpose": "maskable"
+    },
+    {
+      "src": "icons/maskable_icon_x512.png",
+      "sizes": "512x512",
+      "type": "image/png",
+      "purpose": "maskable"
+    },
+    {
+      "src": "icons/android-chrome-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png",
+      "purpose": "any"
+    },
+    {
+      "src": "icons/android-chrome-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png",
+      "purpose": "any"
+    }
+  ]
+}

Client/src/index.html

@@ -13,9 +13,12 @@
   <!-- system info -->
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
   <meta name="viewport" content="width=device-width, initial-scale=1">
+  <meta name="mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-status-bar-style" content="translucent">
-  <meta name="mobile-web-app-capable" content="yes">
+  <meta name="msapplication-config" content="assets/icons/browserconfig.xml">
+  <meta name="msapplication-TileColor" content="#212121">
+  <meta name="theme-color" content="#212121">
 
   <!-- Open Graph -->
   <meta property="og:url" content="https://charts.stockindicators.dev/" />
@@ -25,16 +28,13 @@
   <meta property="og:locale" content="en_US">
   <meta property="og:description" content="A stock chart to demonstrate the Stock Indicators for .NET NuGet package.  Transform price quotes into trading insights." />
 
-  <!-- icons and theming, cache as v=2023.10.18 -->
-  <link rel="icon" type="image/x-icon" href="assets/icons/favicon.ico?v=2023.10.18">
-  <link rel="icon" type="image/png" sizes="32x32" href="assets/icons/favicon-32x32.png?v=2023.10.18">
-  <link rel="icon" type="image/png" sizes="16x16" href="assets/icons/favicon-16x16.png?v=2023.10.18">
-  <link rel="apple-touch-icon" sizes="180x180" href="assets/icons/apple-touch-icon.png?v=2023.10.18">
-  <link rel="mask-icon" href="assets/icons/safari-pinned-tab.svg?v=2023.10.18" color="#212121">
-  <link rel="manifest" href="assets/icons/site.webmanifest?v=2023.10.18">
-  <meta name="msapplication-config" content="assets/icons/browserconfig.xml?v=2023.10.18">
-  <meta name="msapplication-TileColor" content="#212121">
-  <meta name="theme-color" content="#212121">
+  <!-- icons and theming, cache as v=YYYY.MM.DD -->
+  <link rel="manifest" href="assets/manifest.json?v=YYYY.MM.DD">
+  <link rel="icon" type="image/x-icon" href="assets/icons/favicon.ico?v=YYYY.MM.DD">
+  <link rel="icon" type="image/png" sizes="32x32" href="assets/icons/favicon-32x32.png?v=YYYY.MM.DD">
+  <link rel="icon" type="image/png" sizes="16x16" href="assets/icons/favicon-16x16.png?v=YYYY.MM.DD">
+  <link rel="apple-touch-icon" sizes="180x180" href="assets/icons/apple-touch-icon.png?v=YYYY.MM.DD">
+  <link rel="mask-icon" href="assets/icons/safari-pinned-tab.svg?v=YYYY.MM.DD" color="#212121">
 
   <!-- pre-connections -->
   <link rel="preconnect" href="https://fonts.googleapis.com">