From b89617abb0b76415bdc75dded6ccab771257269f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Diego=20C=C3=B3rdova=20Nieto?= <diego@livingtongues.org>
Date: Mon, 31 Oct 2022 17:52:26 -0600
Subject: [PATCH 1/5] try to show images

---
 .../site/src/routes/[dictionaryId]/entry/_EntryMeta.svelte   | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/packages/site/src/routes/[dictionaryId]/entry/_EntryMeta.svelte b/packages/site/src/routes/[dictionaryId]/entry/_EntryMeta.svelte
index d04b772f7..80aedd5d1 100644
--- a/packages/site/src/routes/[dictionaryId]/entry/_EntryMeta.svelte
+++ b/packages/site/src/routes/[dictionaryId]/entry/_EntryMeta.svelte
@@ -15,6 +15,7 @@
     shareImage =
       'https://i2.wp.com/livingtongues.org/wp-content/uploads/2015/03/LT-logo-1.png?w=987&ssl=1';
   }
+  $: console.log('image:', shareImage)
 </script>
 
 <svelte:head>
@@ -24,7 +25,7 @@
 
   <meta property="og:title" content={title} />
   <meta property="og:description" content={description} />
-  <meta property="og:image" content={shareImage} />
+  <meta name="og:image" content={shareImage} />
   <meta property="og:url" content={url} />
   <meta property="og:site_name" content={$_('misc.LD', { default: 'Living Dictionaries' })} />
 
@@ -32,6 +33,6 @@
   <meta property="twitter:url" content={url} />
   <meta property="twitter:title" content={title} />
   <meta property="twitter:description" content={description} />
-  <meta property="twitter:image" content={shareImage} />
+  <meta name="twitter:image" content={shareImage} />
   <meta name="twitter:image:alt" content={title} />
 </svelte:head>

From 57e35e8b6127c17a6126d8f4621122418282d55c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Diego=20C=C3=B3rdova=20Nieto?= <diego@livingtongues.org>
Date: Mon, 31 Oct 2022 17:56:06 -0600
Subject: [PATCH 2/5] fix og image

---
 packages/site/src/routes/[dictionaryId]/entry/_EntryMeta.svelte | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/site/src/routes/[dictionaryId]/entry/_EntryMeta.svelte b/packages/site/src/routes/[dictionaryId]/entry/_EntryMeta.svelte
index 80aedd5d1..3662318cb 100644
--- a/packages/site/src/routes/[dictionaryId]/entry/_EntryMeta.svelte
+++ b/packages/site/src/routes/[dictionaryId]/entry/_EntryMeta.svelte
@@ -25,7 +25,7 @@
 
   <meta property="og:title" content={title} />
   <meta property="og:description" content={description} />
-  <meta name="og:image" content={shareImage} />
+  <meta name="image" property="og:image" content={shareImage} />
   <meta property="og:url" content={url} />
   <meta property="og:site_name" content={$_('misc.LD', { default: 'Living Dictionaries' })} />
 

From 122624159fc7c95dfd91df22627c2a9fafe67f51 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Diego=20C=C3=B3rdova=20Nieto?= <diego@livingtongues.org>
Date: Mon, 31 Oct 2022 19:06:02 -0600
Subject: [PATCH 3/5] remove image width from shareImage

---
 .../site/src/routes/[dictionaryId]/entry/_EntryMeta.svelte    | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/site/src/routes/[dictionaryId]/entry/_EntryMeta.svelte b/packages/site/src/routes/[dictionaryId]/entry/_EntryMeta.svelte
index 3662318cb..0c1732999 100644
--- a/packages/site/src/routes/[dictionaryId]/entry/_EntryMeta.svelte
+++ b/packages/site/src/routes/[dictionaryId]/entry/_EntryMeta.svelte
@@ -10,7 +10,7 @@
   $: description = printGlosses(entry.gl).join(', ');
   $: url = `https://livingdictionaries.app/${dictionary.id}/entry/${entry.id}`;
   $: if (entry.pf && entry.pf.gcs) {
-    shareImage = `https://lh3.googleusercontent.com/${entry.pf.gcs}=w1200`;
+    shareImage = `https://lh3.googleusercontent.com/${entry.pf.gcs}`;
   } else {
     shareImage =
       'https://i2.wp.com/livingtongues.org/wp-content/uploads/2015/03/LT-logo-1.png?w=987&ssl=1';
@@ -25,7 +25,7 @@
 
   <meta property="og:title" content={title} />
   <meta property="og:description" content={description} />
-  <meta name="image" property="og:image" content={shareImage} />
+  <meta property="og:image" content={shareImage} />
   <meta property="og:url" content={url} />
   <meta property="og:site_name" content={$_('misc.LD', { default: 'Living Dictionaries' })} />
 

From 61cf37883942833a4a564f6b79f98d6e17ddbe24 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Diego=20C=C3=B3rdova=20Nieto?= <diego@livingtongues.org>
Date: Mon, 31 Oct 2022 19:13:30 -0600
Subject: [PATCH 4/5] add comment

---
 .../site/src/routes/[dictionaryId]/entry/_EntryMeta.svelte     | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/site/src/routes/[dictionaryId]/entry/_EntryMeta.svelte b/packages/site/src/routes/[dictionaryId]/entry/_EntryMeta.svelte
index 0c1732999..10b84f4b5 100644
--- a/packages/site/src/routes/[dictionaryId]/entry/_EntryMeta.svelte
+++ b/packages/site/src/routes/[dictionaryId]/entry/_EntryMeta.svelte
@@ -10,6 +10,7 @@
   $: description = printGlosses(entry.gl).join(', ');
   $: url = `https://livingdictionaries.app/${dictionary.id}/entry/${entry.id}`;
   $: if (entry.pf && entry.pf.gcs) {
+    //The image only works without specifying the width
     shareImage = `https://lh3.googleusercontent.com/${entry.pf.gcs}`;
   } else {
     shareImage =
@@ -33,6 +34,6 @@
   <meta property="twitter:url" content={url} />
   <meta property="twitter:title" content={title} />
   <meta property="twitter:description" content={description} />
-  <meta name="twitter:image" content={shareImage} />
+  <meta property="twitter:image" content={shareImage} />
   <meta name="twitter:image:alt" content={title} />
 </svelte:head>

From b6c9f08201537f28448fd611d4b30f7acb28c562 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Diego=20C=C3=B3rdova=20Nieto?= <diego@livingtongues.org>
Date: Wed, 2 Nov 2022 08:36:26 -0600
Subject: [PATCH 5/5] remove console log

---
 packages/site/src/routes/[dictionaryId]/entry/_EntryMeta.svelte | 1 -
 1 file changed, 1 deletion(-)

diff --git a/packages/site/src/routes/[dictionaryId]/entry/_EntryMeta.svelte b/packages/site/src/routes/[dictionaryId]/entry/_EntryMeta.svelte
index 10b84f4b5..f8a366c8f 100644
--- a/packages/site/src/routes/[dictionaryId]/entry/_EntryMeta.svelte
+++ b/packages/site/src/routes/[dictionaryId]/entry/_EntryMeta.svelte
@@ -16,7 +16,6 @@
     shareImage =
       'https://i2.wp.com/livingtongues.org/wp-content/uploads/2015/03/LT-logo-1.png?w=987&ssl=1';
   }
-  $: console.log('image:', shareImage)
 </script>
 
 <svelte:head>