Use restaurant food photos for social media sharing

Author: ItsiW

html/base.html

@@ -12,8 +12,16 @@
   <meta property="og:description" content="{{ description }}" />
   <meta name="twitter:description" content="{{ description }}" />
 
+  {% if food_image_path %}
+  <meta property="og:image" content="{{ SITE_URL }}{{ food_image_path.replace('.webp', '.jpg') if food_image_path.endswith('.webp') else food_image_path }}" />
+  <meta name="twitter:image" content="{{ SITE_URL }}{{ food_image_path.replace('.webp', '.jpg') if food_image_path.endswith('.webp') else food_image_path }}" />
+  <meta property="og:image:width" content="1200" />
+  <meta property="og:image:height" content="675" />
+  <meta property="og:image:alt" content="{{ alt_text if alt_text else 'Vegan food at ' + name if name else 'Delicious vegan food from VILF' }}" />
+  {% else %}
   <meta property="og:image" content="{{ SITE_URL }}/vilf_share_image.png" />
   <meta name="twitter:image" content="{{ SITE_URL }}/vilf_share_image.png" />
+  {% endif %}
 
   <meta property="og:type" content="website" />
   <meta name="twitter:card" content="summary_large_image" />