Fix: Social images for shader pages should now work

Author: matthew-carroll

pubspec.yaml

@@ -11,7 +11,7 @@ dependencies:
     git:
       url: https://github.com/Flutter-Bounty-Hunters/static_shock/
       path: packages/static_shock
-      ref: 145_add-tailwind-css-support
+      ref: main
 
 dev_dependencies:
   lints: ^2.0.0

source/_includes/layouts/shader_page.jinja

@@ -22,7 +22,7 @@
   <meta property="og:url" content="{{ homepage_url }}" />
   <meta property="og:title" content="{{ shader.title }} | Flutter Shaders" />
   <meta property="og:description" content="{{ description }}" />
-  <meta property="og:image" content="{{ homepage_url }}/images/social.png" />
+  <meta property="og:image" content="{{ homepage_url }}{{ shader.screenshot | pathRelativeToPage }}" />
   <meta property="og:type" content="website" />
 
   <!-- Twitter -->
@@ -31,7 +31,7 @@
   <meta name="twitter:url" content="{{ homepage_url }}" />
   <meta name="twitter:title" content="{{ shader.title }} | Flutter Shaders" />
   <meta name="twitter:description" content="{{ description }}" />
-  <meta name="twitter:image" content="{{ homepage_url }}/images/social.png" />
+  <meta name="twitter:image" content="{{ homepage_url }}{{ shader.screenshot | pathRelativeToPage }}" />
 
   <link href="/styles/tailwind.css" rel="stylesheet">