Merge pull request #532 from powerhouse-inc/524-add-social-media-prev…

…iew-to-all-connect-links-sky feat: added favicon and opengraph metadata for sky
powerhouse-inc · Sep 16, 2024 · edc8f73 · edc8f73
2 parents d4c5cf4 + e807301
commit edc8f73
Show file tree

Hide file tree

Showing 11 changed files with 100 additions and 8 deletions.
diff --git a/client.config.ts b/client.config.ts
@@ -4,7 +4,7 @@ export default {
             tag: 'meta',
             attrs: {
                 property: 'og:title',
-                content: 'Connect',
+                content: 'Sky Connect',
             },
         },
         {
@@ -18,23 +18,23 @@ export default {
             tag: 'meta',
             attrs: {
                 property: 'og:url',
-                content: 'https://apps.powerhouse.io/powerhouse/connect/',
+                content: 'https://connect.sky.money/',
             },
         },
         {
             tag: 'meta',
             attrs: {
                 property: 'og:description',
                 content:
-                    'Navigate your organisation’s toughest operational challenges and steer your contributors to success with Connect. A navigation, collaboration and reporting tool for decentralised and open organisation.',
+                    'A navigation, collaboration and reporting tool for decentralised and open organisations.',
             },
         },
         {
             tag: 'meta',
             attrs: {
                 property: 'og:image',
                 content:
-                    'https://cf-ipfs.com/ipfs/bafkreigrmclndf2jpbolaq22535q2sw5t44uad3az3dpvkzrnt4lpjt63e',
+                    'https://bafkreib6cocweu5crtdtcxeoed4n24nvs5qmct6ksm326zm2r7ndcwchim.ipfs.flk-ipfs.xyz/',
             },
         },
         {
@@ -49,22 +49,22 @@ export default {
             attrs: {
                 name: 'twitter:image',
                 content:
-                    'https://cf-ipfs.com/ipfs/bafkreigrmclndf2jpbolaq22535q2sw5t44uad3az3dpvkzrnt4lpjt63e',
+                    'https://bafkreib6cocweu5crtdtcxeoed4n24nvs5qmct6ksm326zm2r7ndcwchim.ipfs.flk-ipfs.xyz/',
             },
         },
         {
             tag: 'meta',
             attrs: {
                 name: 'twitter:title',
-                content: 'Connect',
+                content: 'Sky Connect',
             },
         },
         {
             tag: 'meta',
             attrs: {
                 name: 'twitter:description',
                 content:
-                    'Navigate your organisation’s toughest operational challenges and steer your contributors to success with Connect. A navigation, collaboration and reporting tool for decentralised and open organisation.',
+                    'A navigation, collaboration and reporting tool for decentralised and open organisations.',
             },
         },
     ],

diff --git a/index.html b/index.html
@@ -3,8 +3,21 @@
     <head>
         <meta charset="UTF-8" />
         <meta name="viewport" content="width=device-width, initial-scale=1">
-        <title>Powerhouse Connect</title>
+        <title>Sky Connect</title>
         <base href="/">
+        <link rel="apple-touch-icon" sizes="180x180" href="/manifest/apple-touch-icon.png">
+        <link rel="icon" type="image/png" sizes="32x32" href="/manifest/favicon-32x32.png">
+        <link rel="icon" type="image/png" sizes="16x16" href="/manifest/favicon-16x16.png">
+        <link rel="manifest" href="/manifest/site.webmanifest">
+        <meta og:title="Sky Connect">
+        <meta og:type="website">
+        <meta og:url="https://connect.sky.money/">
+        <meta og:description="A navigation, collaboration and reporting tool for decentralised and open organisations.">
+        <meta og:image="https://bafkreib6cocweu5crtdtcxeoed4n24nvs5qmct6ksm326zm2r7ndcwchim.ipfs.flk-ipfs.xyz/">
+        <meta twitter:card="summary_large_image">
+        <meta twitter:image="https://bafkreib6cocweu5crtdtcxeoed4n24nvs5qmct6ksm326zm2r7ndcwchim.ipfs.flk-ipfs.xyz/">
+        <meta twitter:title="Sky Connect">
+        <meta twitter:description="A navigation, collaboration and reporting tool for decentralised and open organisations.">
     </head>
     <body>
         <div id="app"></div>

diff --git a/nginx.conf b/nginx.conf
@@ -42,6 +42,13 @@ server {
         add_header Cache-Control "public";
     }
 
+    location ${BASE_PATH}/manifest {
+        alias /usr/share/nginx/html/manifest;
+        expires 1y;
+        access_log off;
+        add_header Cache-Control "public";
+    }
+
     location ${BASE_PATH}/service-worker.js {
         alias /usr/share/nginx/html/service-worker.js;
         expires -1;

diff --git a/public/manifest/android-chrome-192x192.png b/public/manifest/android-chrome-192x192.png
diff --git a/public/manifest/android-chrome-512x512.png b/public/manifest/android-chrome-512x512.png
diff --git a/public/manifest/apple-touch-icon.png b/public/manifest/apple-touch-icon.png
diff --git a/public/manifest/favicon-16x16.png b/public/manifest/favicon-16x16.png
diff --git a/public/manifest/favicon-32x32.png b/public/manifest/favicon-32x32.png
diff --git a/public/manifest/favicon.ico b/public/manifest/favicon.ico
diff --git a/public/manifest/site.webmanifest b/public/manifest/site.webmanifest
@@ -0,0 +1 @@
+{"name":"","short_name":"","icons":[{"src":"/manifest/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/manifest/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}
diff --git a/sky.client.config.ts b/sky.client.config.ts
@@ -0,0 +1,71 @@
+export default {
+    meta: [
+        {
+            tag: 'meta',
+            attrs: {
+                property: 'og:title',
+                content: 'Sky Connect',
+            },
+        },
+        {
+            tag: 'meta',
+            attrs: {
+                property: 'og:type',
+                content: 'website',
+            },
+        },
+        {
+            tag: 'meta',
+            attrs: {
+                property: 'og:url',
+                content: 'https://connect.sky.money/',
+            },
+        },
+        {
+            tag: 'meta',
+            attrs: {
+                property: 'og:description',
+                content:
+                    'A navigation, collaboration and reporting tool for decentralised and open organisations.',
+            },
+        },
+        {
+            tag: 'meta',
+            attrs: {
+                property: 'og:image',
+                content:
+                    'https://bafkreib6cocweu5crtdtcxeoed4n24nvs5qmct6ksm326zm2r7ndcwchim.ipfs.flk-ipfs.xyz/',
+            },
+        },
+        {
+            tag: 'meta',
+            attrs: {
+                name: 'twitter:card',
+                content: 'summary_large_image',
+            },
+        },
+        {
+            tag: 'meta',
+            attrs: {
+                name: 'twitter:image',
+                content:
+                    'https://bafkreib6cocweu5crtdtcxeoed4n24nvs5qmct6ksm326zm2r7ndcwchim.ipfs.flk-ipfs.xyz/',
+            },
+        },
+        {
+            tag: 'meta',
+            attrs: {
+                name: 'twitter:title',
+                content: 'Sky Connect',
+            },
+        },
+        {
+            tag: 'meta',
+            attrs: {
+                name: 'twitter:description',
+                content:
+                    'A navigation, collaboration and reporting tool for decentralised and open organisations.',
+            },
+        },
+    ],
+};
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		{"name":"","short_name":"","icons":[{"src":"/manifest/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/manifest/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}